Восьмислойная рамочка для текста.

Воскресенье, 16 Июля 2017 г. 10:52 + в цитатник

Цитата сообщения Novichok56

Прочитать целиком В свой цитатник или сообщество!

Восьмислойная рамочка для текста.
УРОК =УЧИМСЯ ДЕЛАТЬ 8-МИ СЛОЙНУЮ РАМОЧКУ=

ВСЕ МОИ УРОКИ ЗДЕСЬ

Сегодня я хочу вам рассказать как делать 8-ми слойную рамочку такого вида:

Линеечка или картинка
ВАШ ТЕКСТ

Линеечка
логотип

С чего нужно начинать? Берете к примеру такой шаблон:

Вот его код в окошке:
<div align="center"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 10px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="0" cellpadding="3" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 50px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 10px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="0" cellpadding="0" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 1px;"><div align="center"><p>Линеечка или картинка</p><center><b><font face="Monotype Corsiva"><b><text size="5"><b><i><text color="330000">Ваш текст <br /></text></i></b></text></b></font></b><br /></center> <center><b><font face="Monotype Corsiva"><b><text size="5"><b><i><text color="330000"> Линеечка </text></i></b></text></b></font></b></center></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>логотип</td></tr></tbody></table></td></tr></tbody></table></div><p> </p>
Посмотрим сколько слоев в этой рамочке:

Видите 8 слоев.
Каждый слой обозначен цифрой, если посмотреть на саму формулу, то вместо слоя здесь стоит набор букв ФФФФФ, над каждым таким набором я написала номер этого слоя
( 1 или 2 или 3 ....):

Как вставлять фон в слой рамочки? Выбираете, понравившийся фон, например, как здесь:

Правой кнопкой щелкаете по картинке фона и выбираете надпись КОПИРОВАТЬ URL КАРТИНКИ:

Затем вставляете, скопированный адрес в формулу рамочки, вместо набора букв ФФФФФ, в тот слой, где по-вашему должен стоять этот фон.
Так, методом подбора и экспериментирования, вы подберете все фоны к слоям рамочки.
Вместо слов ЛИНЕЕЧКА ИЛИ КАРТИНКА, вы вставляете код картинки или линеечки(разделителя), код должен иметь такой вид:

Вместо слов ВАШ ТЕКСТ, вы вставляете все то, что вы хотите поместить в рамочку (стихи, прозу, фото, картинки и т.д.)
Вместо слов ЛИНЕЕЧКА, вы, как и в первом случае, вставляете код линеечки-разделителя.
Вместо слов ЛОГОТИП, вы вставляете свой логин, чтобы все знали, кто автор этот рамочки.
Все подготовительные работы были произведены, опубликовывайте в ЧЕРНОВИК, для того, чтобы при необходимости, можно было произвести редактирование вашей рамочки.
Вот что у меня получилось:

ДУХИ "РОЗОВАЯ ПРИНЦЕССА"
Marina de Bourbon Pink Princesse («Марина де Бурбон. Розовая принцесса») – парфюм для истинных принцесс. Вышедший в свет в 2008 году, парфюм обрел огромную славу и популярность среди молодых модниц, следящих за свежими веяниями высокой моды. Обладательница этого парфюма – леди нежная, роскошная и знающая себе цену, но в тоже время бесконечно привлекательная и непосредственная.

Novichok56

Удачи в вашем творчестве