-Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Скачать музыку с LiveInternet.ru Скачать музыку с LiveInternet.ruПростая скачивалка песен по заданным урлам
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Программа телепередачУдобная программа телепередач на неделю, предоставленная Akado телегид.
  • Перейти к приложению 5 друзей 5 друзейСписок друзей с описанием. Данное приложение позволяет разместить в Вашем блоге или профиле блок, содержащий записи о 5 Ваших друзьях. Содержание подписи может быть любым - от признания в любви, до

 -Метки

PNG proshow producer windows 10 windows 7 windows xp windows7 Маски анимация анимированные картинки варенья видео видеоурок воспитание детей выпечка декор дети для дневников для компьютера для новичков дневник домоводство здоровье изображения иконы интересно интернет картинки картинки с кодами клипарт книги коды компьтер компьютер для чайников компьютерная помощь красивые картинки кулинария кулинарные рецепты кулинарный рецепт лирика любовь молитвы молитвы на все случаи жизни мудрость музыка музыкальная открытка музыкальный трек мультиварка мысли настройка компьютера новичкам новый год ностальгия обработка фотографий открытки оформление дневника первая помощь песня пироги плейкаст пожелания поздравление поздравления познавательно позновательно полезности полезные сайты полезные ссылки полезный совет полезняшки помощь пособие поэзия программы психология работа с изображением разделители рамка рамочки на все случаи рамочник религия рецепт рецепты для мультиварки салаты скрап скрап набор скрап-набор совет ссылки стихи украшение урок факты философия фильмотека фоны фотографии фотошоп цитаты часы юмор

 -Цитатник

Рисуем разделители/декор - (0)

Рисуем разделители/декор Источник

Вода и море. Клипарт PNG - (0)

Вода и море. Клипарт PNG   Клипарт "Вода и море" Морская атрибутик...

Oнa cкaзaлa: "Oн yжe ycнyл!".. - (1)

Oнa cкaзaлa: "Oн yжe ycнyл!"... Oнa cкaзaлa: «Oн yжe ycнyл!»,— зaдepн...

Календарь на каждый день. Какой сегодня праздник? Оглавление. - (0)

Календарь на каждый день. Какой сегодня праздник? Оглавление. Календарь праздников 1. Информе...

 -Рубрики

 -Поиск по дневнику

Поиск сообщений в Львица64

 -Подписка по e-mail

 

 -Интересы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 18.12.2012
Записей:
Комментариев:
Написано: 1082


Урок. Как сделать простую рамочку для текста

Вторник, 18 Июня 2013 г. 16:05 + в цитатник
Цитата сообщения EFACHKA Урок. Как сделать простую рамочку для текста

По просьбам читателей расскажу, как научиться делать самую простую двухслойную рамочку для текста, состоящую из ободка и основного фона. 

Такую же рамочку Вы видите в этом посте. 

Вот код-шаблон для такой рамочки, отсюда Вы можете его скопировать и вставить к себе в пост в простом редакторе или нажав на кнопку "источник".

А теперь рассмотрим этот код более детально. Все коды состоят из тегов. Для наглядности каждый тег выделен разным цветом.

<center><table border="2" background="URL АДРЕС  ФОНА ОБОДКА " cellpadding="5" cellspacing="5" width="100%"><tr><td><table border="2" background="URL АДРЕС ОСНОВНОГО ФОНА" cellpadding="0" cellspacing="0" width="100%"><tr><td><font size="4"><font color="#000000">Ваш текст</font></font></font></td></tr></table></td></tr></table></center>

Вот их обозначения:


1. < center > - этот тег выравнивает рамку по центру. Если его убрать, то рамка сместится влево.


2. < table border ="2" - Число 2 это толщина обводки рамки (тонюсенький серый контур). Здесь можно поэкспериментировать. Если вместо 2 поставим 0, то контур виден не будет. Больше 2-х, обычно не ставят.

3.
background = "URL АДРЕС ФОНА ОБОДКА " - На место URL АДРЕС ФОНА ОБОДКА вписываем ссылку на фон (без пробелов и не заденьте ковычки), ссылка начинается всегда с http:// 

Где взять ссылку? Да очень просто. Находите в интернете понравившийся Вам фон, кликаете по нему правой кнопкой мыши и выбираете "Копировать адрес изображения". Этот адрес и будет нашим "URL АДРЕС ФОНА ОБОДКА". Скопируйте и вставьте в формулу рамки. В качестве фона ободка больше всего подходят яркие, блестящие анимированные фоны или бесшовные картинки (как сделать картинку бесшовной читайте здесь).

4.
cellpadding = "5" и cellpadding = "5" - Ширина слоёв ФОНА ОБОДКА в пикселях (ободок поделен на два слоя). Здесь можете менять как в большую сторону, так и в меньшую.

5.
width = "100% - это размер рамочки по отношению к Вашей странице, если хотите, чтоб она занимала не всю площадь поста, в таком случае просто измените количество процентов.

6.
background = "URL АДРЕС ОСНОВНОГО ФОНА" - на место URL АДРЕС ОСНОВНОГО ФОНА вставляем ссылку на понравившийся фон. В качестве основного фона лучше брать однотонные бесшовные картинки или картинки с неброским рисунком, чтобы была хорошая видимость текста.

7.
< font size="4" > - это размер шрифта текста в рамочке. Его можно менять.

8.
< font color="#000000" > - Цвет вашего текста в рамке. Цвет можно изменить. (Для этого можно воспользоваться программой для подбора цвета он-лайн)

9. < tr > - этот тег поддерживает высоту рамки, чтобы она не свернулась.

10. < td > - этот тег поддерживает ширину рамки и также не даёт ей свернуться. 

Все теги в конце закрываются знаком "/" - < /font >< /font >< /font >< /td >< /tr >< /table >< /td >< /tr >< /table >< /center > 

3424885_button (163x37, 7Kb)

 

Серия сообщений "Рамочки для текста":
Часть 1 - Урок. Как сделать простую рамочку для текста
Часть 2 - Мои рамочки для текста
Часть 3 - Мои рамочки для текста - Девушки
...
Часть 6 - Урок. Обводка поста рамочкой
Часть 7 - Рамочки для текста
Часть 8 - Летние рамочки для текста с кодом

Серия сообщений "Рамочки для постов":
Часть 1 - Формулы рамочек
Часть 2 - ИНСТРУКЦИЯ ПОЛЬЗОВАНИЯ РАМОЧКАМИ
Часть 3 - РАМОЧКИ ***10 ШТУК*** ДЛЯ ВАШИХ БЛОГОВ, ПОСТОВ, ДНЕВНИКОВ!!!
Часть 4 - Урок. Как сделать простую рамочку для текста
Часть 5 - Создание рамочки для текста по шагам.
Часть 6 - РАМОЧКА КУЛИНАРНАЯ "БЛЮДА ИЗ ТЕСТА"
...
Часть 22 - Украшаем наши фотографии рамками.
Часть 23 - Как к каждой записи сделать свой фон.
Часть 24 - ЗАМЕЧАТЕЛЬНЫЙ САЙТ, ГДЕ ВЫ СМОЖЕТЕ ПОДПИСАТЬ ЛЮБУЮ ФОТОГРАФИЮ ИЛИ КАРТИНКУ...

Рубрики:  Для новичков
Полезные советы
Для оформления дневноков
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку