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

Авторизация

Дневник гоф_валентина Лента друзей - Дневник - Полная версия

Пост для желающих научиться делать свои рамочки. 16-02-2023 15:59 к комментариям - к полной версии - понравилось!

Это цитата сообщения 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="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>

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

вверх^ к полной версии понравилось! в evernote

Вы сейчас не можете прокомментировать это сообщение.

Дневник Пост для желающих научиться делать свои рамочки. | гоф_валентина - Дневник гоф_валентина | Лента друзей гоф_валентина / Полная версия Добавить в друзья Страницы: раньше»