Делаем Рамку в 3 слоя фона.

Пятница, 07 Октября 2011 г. 13:10 + в цитатник

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

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

Делаем Рамку в 3 слоя фона.

Продолжаем учится делать рамочки.
Вот так она будет выглядеть.Это рамочка в три слоя фона.
Два однотонных и один красивый цветочный слой фона.
Внизу я даю КОД "СКЕЛЕТИКА" чтобы вы сделали рамку САМИ.
Делаем рамку ,на свой вкус, так:
Можно фоны взять у меня на Я.ру.Вот ЗДЕСЬ.
Заходим и выбираем фон.НАШЛИ—НАЖАЛИ на него.
Затем находим надпись—Код для вставки на сайт или в блог.
нажали и скопировали где написано— Ссылка на фотографию.
В коде "СКЕЛЕТИКА" где написано 1,2,3СЛОЙ ФОНА.
Внутрь кавычек.Кавычки не трогаем.Вставляете эту ССЫЛКУ.
Если хотите с компа через Лиру-тогда ОБЗОР...
И дальше помотреть можно ЗДЕСЬ.
После 1СЛОЯ фона нашли тег... style="padding:50px"...
"padding:50px"—Это ШИРИНА ЛЮБОГО СЛОЯ ФОНА
—Цифры можно менять по своему вкусу..
Где написано ВАШ ТЕКСТ— Пишите свой текст.
Где написано ССЫЛКА НА ВАШ ДНЕВНИК
и ВАШ НИК—Пишите свой НИК.
Посмотреть как сделать ССЫЛКУ на ваш дневник
и НИК можно ЗДЕСЬ.
Ещё в этом коде можно поменять цвет и размер края рамки её БОРДЮР.
Находим в начале кода тег...="border:10px solid #660000"...
border:10px—Это размер бордюра его ШИРИНА.
Цифру меняйте на свой вкус.
solid #660000"—Это СТИЛЬ БОРДЮРА.
У меня он сплошной.Найти нужный стиль вам можно ЗДЕСЬ.
А цифры—его ЦВЕТ.Названия цвета можно выбрать ЗДЕСЬ.
Вот и всё ВАША рамочка готова.
Пробуйте,экспериментируйте на здоровье.

SvetlanaT

КОД "СКЕЛЕТИКА" РАМКИ.

<table style="border:10px solid #660000" background="1СЛОЙ ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:50px"><table style="border:0px none #000000" background="2СЛОЙ ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table width="600" height="600" style="border:0px none #000000" background="3СЛОЙ ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="font-family:Garamond;color:#000000;font-size:20px">ВАШ ТЕКСТ</span></td></tr></table></td></tr></table><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#cdbe70">ВАШ НИК</font></b></font></a></center></td></tr></table>

Серия сообщений "Учимся делать рамку для дневника":
Часть 1 - Учимся делать рамку в 3 слоя.
Часть 2 - Простые Рамки с Заголовком.
Часть 3 - Делаем Рамку в 3 слоя фона.
Часть 4 - Делаем простую Рамку с двигающимся текстом.
Часть 5 - Делаем рамочку вместе.Урок.