Учимся делать рамку в 3 слоя.

Среда, 28 Сентября 2011 г. 00:19 + в цитатник

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

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

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

SvetlanaT

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

<table style="border:1px solid #990066" background="1СЛОЙ ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:70px"><table style="border:1px solid #990066" background="2СЛОЙ ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:7px"><table width="600" height="600" style="border:1px solid #990066;background-color:#3СЛОЙ ФОНА-ЦИФРОВОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><font size="4" color="#000000" face="Monotype Corsiva">ВАШТЕКСТ ПИШЕМ СЮДА</font></td></tr></table></td></tr></table><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#000000">ВАШ НИК</font></b></font></a></center></td></tr></table>

Серия сообщений "Все для блога":
Часть 1 - Часики с кодами...
Часть 2 - Как сделать баннер
...
Часть 17 - Разделители с кодами ( 28штук )
Часть 18 - Две простых рамочки с цветами и кодами.
Часть 19 - Учимся делать рамку в 3 слоя.
Часть 20 - КРАСИВЫЕ РАМОЧКИ С КОДАМИ.
Часть 21 - Как сделать текстовую кнопку для цитирования сообщения?

<a href="https://www.liveinternet.ru/users/4504921/post186446054/">РЈС‡РёРјСЃСЏ РґРµР»Р°С‚СЊ СЂР°РјРєСѓ РІ 3 СЃР»РѕСЏ.</a><br/>Р”РћР РћР“РР• РњРћР!
РџСЂРѕРґРѕР»Р¶Р°РµРј СѓС‡РёС‚СЃСЏ РґРµР»Р°С‚СЊ СЂР°РјРѕС‡РєРё.
РћСЃРѕР±РµРЅРЅРѕСЃС‚СЊ СЌС‚РѕР№ СЂР°РјРєРё РІ С‚РѕРј,С‡С‚Рѕ 1 Рё 2 СЃР»РѕР№ СЂР°РјРєРё 
СЌС‚Рѕ С†РІРµС‚РѕС‡РЅС‹Р№ Рё РѕРґРЅРѕС‚РѕРЅРЅС‹Р№ С„РѕРЅ.
Рђ РІРѕС‚ 3СЃР»РѕР№ Р·Р°РіСЂСѓР¶Р°РµС‚СЃСЏ С†РёС„СЂР°РјРё.
Р’РЅРёР·Сѓ СЏ РґР°СЋ РљРћР” "РЎРљР•Р›Р•РўРРљРђ" С‡С‚РѕР±С‹ РІС‹ СЃРґРµР»Р°Р»Рё СЂР°РјРєСѓ РЎРђРњР.
Р”РµР»Р°РµРј СЂР°РјРєСѓ ,РЅР° СЃРІРѕР№ РІРєСѓСЃ, С‚Р°Рє:
РњРѕР¶РЅРѕ С„РѕРЅС‹ РІР·СЏС‚СЊ Сѓ РјРµРЅСЏ РЅР° РЇ.СЂСѓ.Р’РѕС‚ Р—Р”Р•РЎР¬.
Р—Р°С…РѕРґРёРј Рё РІС‹Р±РёСЂР°РµРј С„РѕРЅ.РќРђРЁР›РвЂ”РќРђР–РђР›Р РЅР° РЅРµРіРѕ.
Р—Р°С‚РµРј РЅР°С…РѕРґРёРј РЅР°РґРїРёСЃСЊвЂ”РљРѕРґ РґР»СЏ РІСЃС‚Р°РІРєРё РЅР° СЃР°Р№С‚ РёР»Рё РІ Р±Р»РѕРі.
РЅР°Р¶Р°Р»Рё Рё СЃРєРѕРїРёСЂРѕРІР°Р»Рё РіРґРµ РЅР°РїРёСЃР°РЅРѕвЂ”  РЎСЃС‹Р»РєР° РЅР° С„РѕС‚РѕРіСЂР°С„РёСЋ.
Р’ РєРѕРґРµ "РЎРљР•Р›Р•РўРРљРђ" РіРґРµ РЅР°РїРёСЃР°РЅРѕ 1,2,РЎР›РћР™ Р¤РћРќРђ.
Р’РЅСѓС‚СЂСЊ РєР°РІС‹С‡РµРє.РљР°РІС‹С‡РєРё РЅРµ С‚СЂРѕРіР°РµРј.Р’СЃС‚Р°РІР»СЏРµС‚Рµ СЌС‚Сѓ РЎРЎР«Р›РљРЈ.
Р•СЃР»Рё С…РѕС‚РёС‚Рµ Р·Р°РіСЂСѓР·РёС‚СЊ СЃ РєРѕ... <a href="https://www.liveinternet.ru/users/4504921/post186446054/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>