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

Пятница, 05 Апреля 2024 г. 16:10 + в цитатник

Цитата сообщения 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 src="АДРЕС КАРТИНКИ" width="ШИРИНА" /><br /><img src="АДРЕС РАЗДЕЛИТЕЛЯ" border="0" /><br /><center> <font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет  ваш текст<br /><img src="АДРЕС РАЗДЕЛИТЕЛЯ" width="ШИРИНА" /><br /></font></center><div align="center"><a target="_blank" 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. Вот что мы получим в итоге.

Здесь будет ваш текст

ВАШ НИК

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

Поздравляю с днем рождения! Крепкого здоровья, широких возможностей и неисчерпаемых сил и энергии. Лови каждый счастливый момент и наслаждайся им. Пускай в жизни тебя всегда преследует успех и удача, а также благополучие. Желаю только приятных хлопот, всегда смело идти вперед к своей мечте!
© https://pozdravok.com/pozdravleniya/den-rozhdeniya/muzhchine/proza.htm

ВАШ НИК

Мне такая рамочка нравится меньше, хотя, как говорят, на вкус и цвет товарищей нет. Что бы лично я изменила, если бы это поздравление было моим?
1.Сделала бы так, чтобы текст не выходил за пределы картинки.
2.Ссылку на источник поздравления и НИК сделала бы менее заметными.
3.Для сокращения времени на поиск места, где размещена картинка, указала бы полный адрес.
4.Изменила бы цвет для текста.

<div align="center"><table border="0" background="//img0.liveinternet.ru/images/attach/d/4/162/115/162115834_nf.jpg" cellpadding="10" cellspacing="0"><tr><td width="500" style="padding: 10px;"><center><img src="//img1.liveinternet.ru/images/attach/d/4/161/605/161605577_bvnv.gif" width="500" height="" alt="bvnv (700x500, 3895Kb)" /><br /><center> <font size="5" color="#fafec8" face="Monotype Corsiva">Поздравляю с днем рождения! Крепкого здоровья, широких возможностей и неисчерпаемых сил и энергии. Лови каждый счастливый момент и наслаждайся им. Пускай в жизни тебя всегда преследует успех и удача, а также благополучие. Желаю только приятных хлопот, всегда смело идти вперед к своей мечте!<br /><font size="1" color="#b49628" face="Monotype Corsiva">© <a href="https://pozdravok.com/pozdravleniya/den-rozhdeniya/muzhchine/proza.htm" target="_blank">https://pozdravok.com/pozdravleniya/den-rozhdeniya/muzhchine/proza.htm</a></font><br /></font></center><div align="center"><a target="_blank" href="АДРЕС ДНЕВНИКА"><font size="1" color="#b49628" face="Monotype Corsiva">*</font></a></div></center></td></tr></table></div>

Чтобы текст не выходил за пределы картинки, я добавила в теге td width="500", из полного адреса картинки убрала значение высоты и изменила ширину с 700 на 500. Полный адрес картинки, полученный через прикрепленный файл, смотрите в окне ниже. Остальное понятно из кода рамочки.

ВСЕМ УДАЧИ И ДОБРОГО ЗДОРОВЬЯ!

Рубрики:

Рамочки. Урок

Понравилось: 1 пользователю