-Рубрики

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

Поиск сообщений в Stdoy1234

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

 

 -Статистика

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


Рамочка для текста

Понедельник, 19 Марта 2012 г. 00:33 + в цитатник
Цитата сообщения Putniza_Strannaja Рамочки для текста. Дизайн дневника.

Попробую дать простой урок как сделать рамочки под текст. Углубляться в тонкости сейчас не стану. Напишу в этом первом уроке только лишь выделенный html-код и те места, в которые вы сможете вписать свои переменные. Желающим упростить данный урок все же посоветую почитать основы html.

ТЕКСТ

"<table style="border:5px solid #0033ff;background-color:#ffcc33"><tr><td style="padding:12px">
<table style="border:3px solid #cc0033;background-color:#33ff00"><tr><td style="padding:9px" align="center"><span style="color:#000000;font-size:20px">ТЕКСТ</span>< /td></tr></table></td></tr></table>"


border:5px - ширина внешей рамки (синей)
solid #0033ff; - цвет рамки внешней (синей)
background-color:#ffcc33" - цвет внешнего поля (желтый)
td style="padding:12px - ширина рамки внешней в пикселях
Для внутренней рамки коды аналогичны. (Размер внутренней рамки на примере тоньше и уже)
Теги работы с текстом в этом уроке не описываю. На ли ру текст прекрасно форматируется.
Увеличить внутреннюю рамочку тоже можно в редакторе на ли ру, просто потаскав ее мышкой.
В уроке все переменные выделены черным шрифтом. Еще просьба убрать первую и последнюю кавычки.

Для тех, кому сложно освоить данный урок, на новой неделе заведу рубрику "рамочки" с уроком, если на урок будут ваши пожелания.

С уважением ваша Путница Странная.

P.S.: Подписавшись, вы сможете получать мои статьи на свой е-mail адрес.
Подписку можно осуществить, щелкнув по баннеру мышкой.

Записки блогерши

Статьи по теме:

1. Как вставлять html-код в пост
2. Убрать текст под КАТ
3. Кликабельные картинки

 

Серия сообщений "Html коды для оформления дневника":
Часть 1 - Кликабельные картинки
Часть 2 - Окошечко
Часть 3 - Убрать текст под кат
Часть 4 - Рамочки для текста. Дизайн дневника.
Рубрики:  Рамки

 

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

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

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

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