Это цитата сообщения Putniza_Strannaja Оригинальное сообщение
Рамочки для текста
Попробую дать простой урок как сделать рамочки под текст. Углубляться в тонкости сейчас не стану. Напишу в этом первом уроке только лишь выделенный html-код и те места, в которые вы сможете вписать свои переменные. Желающим упростить данный урок все же посоветую почитать основы html.
|
<table style="border:5px solid #0033ff;background-color:#ffcc33" cellspacing="0" cellpadding="0"><tr><td style="padding:12px">
<table style="border:3px solid #cc0033;background-color:#33ff00" cellspacing="0" cellpadding="0"><tr><td style="padding:9px" align="center"><span style="color:#000000font-size:20px">ТЕКСТ</span></td></tr></table></td></tr></table>
border:5px - ширина внешей рамки (синей)
solid #0033ff; - цвет рамки внешней (синей)
background-color:#ffcc33" - цвет внешнего поля (желтый)
td style="padding:12px - ширина рамки внешней в пикселях
Для внутренней рамки коды аналогичны. (Размер внутренней рамки на примере тоньше и уже)
Теги работы с текстом в этом уроке не описываю. На ли ру текст прекрасно форматируется.
Увеличить внутреннюю рамочку тоже можно в редакторе на ли ру, просто потаскав ее мышкой.
В уроке все переменные выделены черным шрифтом. Еще просьба убрать первую и последнюю кавычки.
Для тех, кому сложно освоить данный урок, на новой неделе заведу рубрику "рамочки" с уроком, если на урок будут ваши пожелания.
(С) 2012 Putniza Strannaja.
Статьи по теме:
1. Как вставлять html-код в пост
2. Убрать текст под КАТ
3. Кликабельные картинки
Подписавшись, вы сможете получать мои статьи на свой е-mail адрес.
Подписку можно осуществить, щелкнув по баннеру мышкой.
Серия сообщений "Дизайн и графика":
Часть 1 - Дизайн дневника на liveinternet.
Часть 2 - Рамочки для текста
Часть 3 - Как БЫСТРО сделать дизайн дневника.
Часть 4 - Вставляем картинки в комментарий.
Часть 5 - Уменьшаем картинку (фото) с помощью Microsoft Office Picture Manager
Серия сообщений "Html для чайника":
Часть 1 - Как сделать картинку ссылкой в html. Кликабельные картинки.
Часть 2 - Окошечко
Часть 3 - Убрать текст под кат
Часть 4 - Рамочки для текста
Часть 5 - Гиперссылка