уроки - Самое интересное в блогах

Scarlet5

ПОГОВОРИМ НЕМНОГО О РАМОЧКАХ

Четверг, 31 Октября 2024 г. 18:37 (ссылка)

Это цитата сообщения tomishka Оригинальное сообщение

Поговорим немного о рамочках

В окошке приведен код восьмислойной рамочки, по которому можно сделать рамочку с любым количеством слоев. По своей сути все слои одинаковые, их различие состоит только в том, что они по-разному названы и имеют, образно выражаясь, разную ширину. Код в окне от Ларисы Гурьяновой. Я удалила из него ссылки на радикал и второй разделитель посчитала картинкой, заменив указанное в первом разделителе свойство другим.

<div align="center"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" cellpadding="10" cellspacing="0"><tr><td style="padding: 10px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ШИРОКОГО ФОНА" cellpadding="45" cellspacing="0"><tr><td style="padding: 45px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" cellpadding="10" cellspacing="0"><tr><td style="padding: 10px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ОСНОВНОГО ФОНА" cellpadding="10" cellspacing="0"><tr><td style="padding: 10px;"><center><img data-cke-saved-src="АДРЕС КАРТИНКИ" src="АДРЕС КАРТИНКИ" width="ШИРИНА" /><br /><img data-cke-saved-src="АДРЕС РАЗДЕЛИТЕЛЯ" src="АДРЕС РАЗДЕЛИТЕЛЯ" border="0" /><br /><center> <font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет ваш текст<br /><img data-cke-saved-src="АДРЕС РАЗДЕЛИТЕЛЯ" src="АДРЕС РАЗДЕЛИТЕЛЯ" width="ШИРИНА" /><br /></font></center><div align="center"><a target="_blank" data-cke-saved-href="АДРЕС ДНЕВНИКА" href="АДРЕС ДНЕВНИКА"><font size="1" color="#000000" face="Monotype Corsiva">ВАШ НИК</font></a></div></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>

Из кода восьмислойной рамочки получим код однослойной, убрав всё лишнее. Для этого оставляем первый тег, а всё, следующее дальше, до начала тега, задающего основной фон, выделяем и удаляем. Я последнее время не забочусь об удалении закрывающих тегов, убедившись в том, что они будут удалены автоматически, как лишние. Кроме этого, оставим то, что относится к картинке, а остальное тоже уберем. Код однослойной рамочки готов.

Найдем картинку, подходящий фон и вставим в полученную формулу их адреса. Ширину для картинки укажем в 500 px. Вот что мы получим в итоге.