Пояснение для рамок.

Среда, 14 Января 2015 г. 16:13 + в цитатник

Цитата сообщения просто__Ольга

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

Пояснение для рамок

Урок ТУТ
Пояснение для рамок
Пишу для таких рамок от Сергея пост.

Рамки красивые,но картинка выходит за пределы рамки...
Провела работу над изменением формулы,получился не плохой результат.
Формула рамки ТУТ

Картинка ставится ровно по рамке, не выходит за пределы,(т.к. изменила значения ширины в %,на обычный размер) проверено не один раз.У картинки стоит размер(лучше не увеличивать т.к. верх рамки будет пустой).Бортики увеличила,цвет менять под цвет фона,если надо уменьшить тени у рамки (это если фон рамки светлый) ,то уменьшить можете так:

Рада,если понятно объяснила и пригодится.
Творческих успехов!!!
Спасибо,кто был со мной!!!

мадам Ольга

Новая формула рамки:для текста выпуклая

<center><img src="ССЫЛКА НА КАРТИНКу" width="180" align="left" /><center><div style="width:580px;box-shadow:1px 1px 30px #000000; border:4px inset #ЦВЕТ БОРТИКА;border-radius:15px;padding:37px;background-image:url('ФОН РАМКи')" zzz="zzz" align="center"><center><div style="width:565px;box-shadow:2px 2px 40px #000000,-2px -2px 40px #000000; border:4px inset #ЦВЕТ БОРТИКА;border-radius:15px;box-shadow:inset rgba(0,0,0,.6) 0 -3px 3px,inset rgba(252,255,255,.7) 0 3px 3px,rgba(0,0,0,.8) 0 7px 12px -2px;padding:5px;background-image:url('ФОН ПОД ТЕКСТ')"><span style="font-weight:normal;text-align:center;color:#ЦВЕТ ТЕКСТА;font-family:georgia,serif;font-size:22px;line-height:10%;text-shadow:1px 1px 1px #000000;">Ваш Текст<center><a href="Ссылка на блог" target="_blank"><span style="font-family;color:#999999;font-size:10px">Ваш Ник</span></a></center></span></div></center></div></center></center>

Формула рамки без картинки

<center><div style="width:580px;box-shadow:1px 1px 30px #000000; border:4px inset #ЦВЕТ БОРТИКА;border-radius:15px;padding:37px;background-image:url('ФОН РАМКи')" zzz="zzz" align="center"><center><div style="width:565px;box-shadow:2px 2px 40px #000000,-2px -2px 40px #000000; border:4px inset #ЦВЕТ БОРТИКА;border-radius:15px;box-shadow:inset rgba(0,0,0,.6) 0 -3px 3px,inset rgba(252,255,255,.7) 0 3px 3px,rgba(0,0,0,.8) 0 7px 12px -2px;padding:5px;background-image:url('ФОН ПОД ТЕКСТ')"><span style="font-weight:normal;text-align:center;color:#ЦВЕТ ТЕКСТА;font-family:georgia,serif;font-size:22px;line-height:10%;text-shadow:1px 1px 1px #000000;">Ваш Текст<center><a href="Ссылка на блог" target="_blank"><span style="font-family;color:#999999;font-size:10px">Ваш Ник</span></a></center></span></div></center></div></center>

Серия сообщений "мои уроки":

Часть 1 - формула рамки :прокрутка в обводке
Часть 2 - формула рамки :прокрутка с обводкой и фоном
...
Часть 6 - Если на ящики @mail.ru перестанут приходить письма
Часть 7 - Как сделать объёмную тень на рамочках
Часть 8 - Пояснение для рамок

Рубрики:

РАМОЧКИ. УРОКИ И СКЕЛЕТЫ

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

<a href="https://www.liveinternet.ru/users/3394366/post350022467/">РџРѕСЏСЃРЅРµРЅРёРµ РґР»СЏ СЂР°РјРѕРє.</a><br/>РџРѕСЏСЃРЅРµРЅРёРµ РґР»СЏ СЂР°РјРѕРє

РЈСЂРѕРє РўРЈРў
РџРѕСЏСЃРЅРµРЅРёРµ РґР»СЏ  СЂР°РјРѕРє 
РџРёС€Сѓ РґР»СЏ С‚Р°РєРёС… СЂР°РјРѕРє РѕС‚ РЎРµСЂРіРµСЏ РїРѕСЃС‚.

Р Р°РјРєРё РєСЂР°СЃРёРІС‹Рµ,РЅРѕ РєР°СЂС‚РёРЅРєР° РІС‹С…РѕРґРёС‚ Р·Р° РїСЂРµРґРµР»С‹ СЂР°РјРєРё...
РџСЂРѕРІРµР»Р° СЂР°Р±РѕС‚Сѓ РЅР°Рґ РёР·РјРµРЅРµРЅРёРµРј С„РѕСЂРјСѓР»С‹,РїРѕР»СѓС‡РёР»СЃСЏ РЅРµ РїР»РѕС…РѕР№ СЂРµР·СѓР»СЊС‚Р°С‚.
Р¤РѕСЂРјСѓР»Р° СЂР°РјРєРё РўРЈРў

РљР°СЂС‚РёРЅРєР° СЃС‚Р°РІРёС‚СЃСЏ СЂРѕРІРЅРѕ РїРѕ СЂР°РјРєРµ, РЅРµ РІС‹С…РѕРґРёС‚ Р·Р° РїСЂРµРґРµР»С‹,(С‚.Рє. РёР·РјРµРЅРёР»Р° Р·РЅР°С‡РµРЅРёСЏ С€РёСЂРёРЅС‹ РІ %,РЅР° РѕР±С‹С‡РЅС‹Р№ СЂР°Р·РјРµСЂ) РїСЂРѕРІРµСЂРµРЅРѕ РЅРµ РѕРґРёРЅ СЂР°Р·.РЈ РєР°СЂС‚РёРЅРєРё СЃС‚РѕРёС‚ СЂР°Р·РјРµСЂ(Р»СѓС‡С€Рµ РЅРµ СѓРІРµР»РёС‡РёРІР°С‚СЊ С‚.Рє. РІРµСЂС… СЂР°РјРєРё Р±СѓРґРµС‚ РїСѓСЃС‚РѕР№).Р‘РѕСЂС‚РёРєРё СѓРІРµР»РёС‡РёР»Р°,С†РІРµС‚ РјРµРЅСЏС‚СЊ РїРѕРґ С†РІРµС‚ С„РѕРЅР°,РµСЃР»Рё РЅР°РґРѕ СѓРјРµРЅСЊС€РёС‚СЊ  С‚РµРЅРё Сѓ СЂР°РјРєРё (СЌС‚Рѕ РµСЃР»Рё С„РѕРЅ СЂР°РјРєРё СЃРІРµС‚Р»С‹Р№) ,С‚Рѕ СѓРјРµРЅСЊС€РёС‚СЊ РјРѕР¶РµС‚Рµ С‚Р°Рє:

Р Р°РґР°,РµСЃР»... <a href="https://www.liveinternet.ru/users/3394366/post350022467/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Цитатник

-Рубрики

-Музыка

-Метки

-Всегда под рукой

-Ссылки

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

-Друзья

-Сообщества

Пояснение для рамок.