Записи Друзья Комментарии

tomishka tomishka

Аватар tomishka

-Рубрики

-Цитатник

Разделители для текста - (0)

Разделители для текста Славница

Рамочка "Чаще вспоминайте хорошее, чтобы ему захотелось вернуться!" - (0)

Рамочка "Чаще вспоминайте хорошее, чтобы ему захотелось вернуться!" Здесь будет ваш текст... З...

Рамочка "Море любви... " - (0)

Рамочка "Море любви ..." Здесь будет ваш текст... Здесь будет ваш текст...

Женский образ/Чёрное с золотом|ART by Natalia Belova - (0)

Женский образ/Чёрное с золотом|ART by Natalia Belova Делала, чтобы выбрать и вырезать для колл...

Примерила Счастье. Мне идёт ! - (0)

Примерила Счастье. Мне идёт ! Ищите красоту в простых вещах: в горячей чашке утреннего чая, В р...

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

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

-Статистика

Создан: 17.12.2013
Записей: 10836
Комментариев: 5164
Написано: 34675

Отчеты:
Посетители
Поисковые фразы

Пост для желающих научиться делать свои рамочки.

Четверг, 16 Февраля 2023 г. 12:45 + в цитатник

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

<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="11" cellspacing="0"><tr><td style="padding: 11px;"><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>

У нас получилась вот такая рамочка. Как изменится ее вид, если ширину блестящей уменьшим до 1px?

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

ВАШ НИК

<div align="center"><table border="0" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422906_bf.gif" cellpadding="10" cellspacing="0"><tr><td style="padding: 10px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/159/422/159422805_ko.jpg" cellpadding="45" cellspacing="0"><tr><td style="padding: 45px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422906_bf.gif" cellpadding="10" cellspacing="0"><tr><td style="padding: 10px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/159/422/159422893_ftk.jpg" cellpadding="11" cellspacing="0"><tr><td style="padding: 11px;"><center><br /><br /><center> <font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет  ваш текст<br /><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>

Рамочка смотрится уже лучше.

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

ВАШ НИК

<div align="center"><table border="0" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422906_bf.gif" cellpadding="1" cellspacing="0"><tr><td style="padding: 1px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/159/422/159422805_ko.jpg" cellpadding="45" cellspacing="0"><tr><td style="padding: 45px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422906_bf.gif" cellpadding="1" cellspacing="0"><tr><td style="padding: 1px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img1.liveinternet.ru/images/attach/d/3/159/422/159422893_ftk.jpg" cellpadding="11" cellspacing="0"><tr><td style="padding: 11px;"><center><br /><br /><center> <font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет  ваш текст<br /><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>

А если мы вместо нулевых бордюров возьмем бордюры в 2px, то, я думаю, рамка от этого только выиграет.

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

ВАШ НИК

<div align="center"><table border="2" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="2" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422906_bf.gif" cellpadding="1" cellspacing="0"><tr><td style="padding: 1px;"><table border="2" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="2" background="https://img1.liveinternet.ru/images/attach/d/3/159/422/159422805_ko.jpg" cellpadding="45" cellspacing="0"><tr><td style="padding: 45px;"><table border="2" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="2" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422906_bf.gif" cellpadding="1" cellspacing="0"><tr><td style="padding: 1px;"><table border="2" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="2" background="https://img1.liveinternet.ru/images/attach/d/3/159/422/159422893_ftk.jpg" cellpadding="11" cellspacing="0"><tr><td style="padding:11px"><center><br /><br /><center> <font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет  ваш текст<br /><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>

Осталось растянуть рамочку в ширину и изменить цвет для текста. Для того,чтобы ширина поля под текст была определенной величины, надо в теге TD внутреннего фона добавить width="ШИРИНА".

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

ВАШ НИК

<div align="center"><table border="2" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="2" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422906_bf.gif" cellpadding="1" cellspacing="0"><tr><td style="padding: 1px;"><table border="2" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="2" background="https://img1.liveinternet.ru/images/attach/d/3/159/422/159422805_ko.jpg" cellpadding="45" cellspacing="0"><tr><td style="padding: 45px;"><table border="2" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="2" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422906_bf.gif" cellpadding="1" cellspacing="0"><tr><td style="padding: 1px;"><table border="2" background="https://img0.liveinternet.ru/images/attach/d/3/159/422/159422834_fk.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="2" background="https://img1.liveinternet.ru/images/attach/d/3/159/422/159422893_ftk.jpg" cellpadding="11" cellspacing="0"><tr><td style="padding:11px" width="600"><center><br /><br /><center> <font size="5" color="#f6dc01" face="Monotype Corsiva"> Здесь будет  ваш текст<br /><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>

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

Рубрики:

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

Процитировано 6 раз
Понравилось: 21 пользователям