<a href="https://www.liveinternet.ru/users/5667228/post380964790/">РЈР·РѕСЂРЅР°СЏ СЂР°РјРѕС‡РєР° (СѓСЂРѕРє РґР»СЏ С„РѕС‚РѕС€РѕРїР°)</a><br/>РЈР·РѕСЂРЅР°СЏ СЂР°РјРѕС‡РєР° (СѓСЂРѕРє  РґР»СЏ С„РѕС‚РѕС€РѕРїР°)

[flash=250,200,//img0.liveinternet.ru/images/attach/b/4//4058/4058635_urok_fotoshopa.swf]
РџРѕ РїСЂРѕСЃСЊР±Рµ РџР§  , СЏ  РІР°Рј СЂР°СЃСЃРєР°Р¶Сѓ РєР°Рє РІ РїСЂРѕРіСЂР°РјРјРµ Р¤РѕС‚РѕС€РѕРї 
СЃРґРµР»Р°С‚СЊ "РЈР·РѕСЂРЅСѓСЋ СЂР°РјРѕС‡РєСѓ"

Р С‚Р°Рє РЅР°С‡РЅРµРј
[more]
Р’СЃРµ РєР°СЂС‚РёРЅРєРё РІ СѓСЂРѕРєРµ РєР»РёРєР°Р±РµР»СЊРЅС‹
Р’ РєРѕРЅС†Рµ СЌС‚РѕРіРѕ СѓСЂРѕРєР°  РІРѕ РІР»РѕР¶РµРЅРёРё СЏ РїСЂРµРґР»Р°РіР°СЋ РІР°Рј РЅРµР±РѕР»СЊС€РѕР№ РјР°С‚РµСЂРёР°Р» Рє  СѓСЂРѕРєСѓ ,РІ РЅРµРіРѕ РІС…РѕРґРёС‚ :
РџСЂРѕРёР·РІРѕР»СЊРЅР°СЏ С„РёРіСѓСЂР° (С€Р°Р±Р»РѕРЅ ) СЃ РІРѕРіРЅСѓС‚С‹РјРё РєСЂР°СЏРјРё ,Рё РЅРµСЃРєРѕР»СЊРєРѕ Р·Р°РІРёС‚СѓС€РµРє -СЂР°Р·РґРµР»РёС‚РµР»РµР№ РґР»СЏ РїСЂРёРјРµСЂР°
Рђ РµС‰Рµ С‚Р°РєРёРµ СЂР°Р·РґРµР»РёС‚РµР»Рё РІС‹ РјРѕР¶РµС‚Рµ РЅР°Р№С‚Рё  Р—РґРµСЃСЊ , Рё  РёС… РѕС‡РµРЅСЊ РјРЅРѕРіРѕ РЅР° РїСЂРѕСЃС‚РѕСЂР°С… РёРЅС‚РµСЂРЅРµС‚Р°вЂ¦
Р С‚Р°Рє СЃРєР°С‡Р°Р»Рё, РїРѕРґРіРѕС‚РѕРІРёРј РјР°С‚РµСЂРёР°Р»... <a href="https://www.liveinternet.ru/users/5667228/post380964790/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Узорная рамочка (урок для фотошопа)

Суббота, 02 Января 2016 г. 14:32 + в цитатник
Это цитата сообщения Semenova_Irina [Прочитать целиком + В свой цитатник или сообщество!]

Узорная рамочка (урок для фотошопа)

По просьбе ПЧ , я вам расскажу как в программе Фотошоп
сделать "Узорную рамочку"

И так начнем

Читать далее...

Рубрики:

уроки

Метки: создание рамочки

<a href="https://www.liveinternet.ru/users/5667228/post380964460/">РЈСЂРѕРє: СЂР°РјРѕС‡РєР° РјРЅРѕРіРѕСЃР»РѕР№РЅР°СЏ</a><br/>РЈСЂРѕРє: СЂР°РјРѕС‡РєР° РјРЅРѕРіРѕСЃР»РѕР№РЅР°СЏ (РїРѕ РїСЂРѕСЃСЊР±Рµ)

РЈСЂРѕРє РґРµР»Р°РµРј СЂР°РјРѕС‡РєСѓ РІ Photoshop CS5 .
Р”РµР»Р°РµРј СЂР°РјРѕС‡РєСѓ РјРЅРѕРіРѕСЃР»РѕР№РЅСѓСЋ. (РїРѕ РїСЂРѕСЃСЊР±Рµ) РС‚Р° СЂР°РјРєР° РґР»СЏ С‚РµС… РєС‚Рѕ РµС‰Рµ РЅРµ СѓРјРµРµС‚ РґРµР»Р°С‚СЊ,РЅРµРјРЅРѕРіРѕ С‚СЂСѓРґРЅРѕРІР°С‚Р°,РЅРѕ РјРѕР¶РµС‚ РЅР°С‡Р°С‚СЊ СЃ  [url=http://www.liveinternet.ru/users/3370207/rubric/2914897/]РјРѕРё СѓСЂРѕРєРё[/url]
1 РЎРѕР·РґР°С‚СЊ РґРѕРєСѓРјРµРЅС‚ СЃ СЂР°Р·РјРµСЂР°РјРё С€РёСЂРёРЅР° 800 РІС‹СЃРѕС‚Р° 1000 РїРёРєСЃРµР»РµР№ С„РѕРЅ РїСЂРѕР·СЂР°С‡РЅС‹Р№.
2 Р±РµСЂРµРј РёСЃС‚СЂСѓРјРµРЅС‚ РїСЂСЏРјРѕСѓРіРѕР»СЊРЅРёРє в„–1  Рё С‡РµСЂС‚РёРј РЅР° СЃР»РѕРµ (СЃРј СЃРєСЂРёРЅ) РґР°Р»РµРµ Р·Р°Р»РёРІР°РµРј С†РІРµС‚РѕРј(СЂРµРґР°РєС‚РёСЂРѕРІР°РЅРёРµ,РІС‹РїРѕР»РЅРёС‚СЊ Р·Р°Р»РёРІРєСѓ,С†РІРµС‚ ( РІС‹Р±РёСЂР°РµС‚Рµ РЅСѓР¶РЅС‹Р№ РІР°Рј РєР»РёРєРЅСѓРІ РЅР° С†РІРµС‚ РїРёРїРµС‚РєРѕР№ Рё Р¶РјРµРј РѕРє)Р’С‹РґРµР»РµРЅРёРµ РѕС‚РјРµРЅРёС‚СЊ

[more=]
3 Р‘РµСЂРµРј РІРѕР»С€РµР±РЅСѓСЋ ... <a href="https://www.liveinternet.ru/users/5667228/post380964460/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Урок: рамочка многослойная

Суббота, 02 Января 2016 г. 14:25 + в цитатник
Это цитата сообщения mimozochka [Прочитать целиком + В свой цитатник или сообщество!]

Урок: рамочка многослойная (по просьбе)

Урок делаем рамочку в Photoshop CS5 .

Делаем рамочку многослойную. (по просьбе) Эта рамка для тех кто еще не умеет делать,немного трудновата,но может начать с мои уроки
1 Создать документ с размерами ширина 800 высота 1000 пикселей фон прозрачный.
2 берем иструмент прямоугольник №1 и чертим на слое (см скрин) далее заливаем цветом(редактирование,выполнить заливку,цвет ( выбираете нужный вам кликнув на цвет пипеткой и жмем ок)Выделение отменить

Рубрики:

уроки

Метки: создание рамочки

<a href="https://www.liveinternet.ru/users/5667228/post380963595/">РљР°Рє РґРµР»Р°С‚СЊ РїСЂРѕСЃС‚С‹Рµ СЂР°РјРєРё</a><br/>РљР°Рє РґРµР»Р°С‚СЊ РїСЂРѕСЃС‚С‹Рµ СЂР°РјРєРё

РЈСЂРѕРє РїРѕ РїСЂРёРјРёС‚РёРІР°Рј СЃРѕР·РґР°РЅРёСЏ СЂР°РјРѕС‡РµРє РґР»СЏ С„РѕС‚РѕРіСЂР°С„РёР№:[more= СѓС‡РёС‚СЊСЃСЏ]РќР°С€ РёСЃС…РѕРґРЅРёРє:

++++++СЃР°РјР°СЏ РїСЂРѕСЃС‚Р°СЏ СЃРїР»РѕС€РЅР°СЏ СЂР°РјРєР°++++++
1.СЃРѕР·РґР°РґРёРј РЅРѕРІС‹Р№ СЃР»РѕР№Layer - New Layer // РЎР»РѕР№ - РќРѕРІС‹Р№ СЃР»РѕР№ // Ctrl-Shift-N2. РЎРѕР·РґР°РґРёРј РІС‹РґРµР»РµРЅРёРµ,СЂР°РјРєР° Р±СѓРґРµС‚ РїРѕ РєСЂР°СЋ С‚Р°Рє С‡С‚Рѕ РІС‹РґРµР»РёРј РІСЃРµSelect - All //Р’С‹РґРµР»РµРЅРёРµ - РІСЃРµ// ctrl-A3. Р”РѕР±Р°РІРёРј СЂР°РјРѕС‡РєСѓ,РІ СЃР°РјРѕРј РїСЂРѕСЃС‚РѕРј РІР°СЂРёР°РЅС‚Рµ РЅР°Рј РїРѕРјРѕР¶РµС‚ РєРѕРјР°РЅРґР°Edit-Stroke // РџСЂР°РІРєР° - РћР±РІРѕРґРєР°(РїРµСЂРµРІРѕРґС‹ РѕС‚Р»РёС‡Р°СЋС‚СЃСЏ С‚Р°Рє С‡С‚Рѕ РґР»СЏ С‚РµС… Сѓ РєРѕРіРѕ РЅРµ С‚Р°Рє РїСЂРѕР±СѓР№С‚Рµ С‚С‹РєРѕРј)РћРїРёСЃР°РЅРёРµ РћРєРЅР° Stroke[1]-РІС‹РґРµР»СЏРµС‚Рµ С‡РёСЃР»Рѕ Рё РјРµРЅСЏРµС‚Рµ РµРіРѕ РЅР° Р»СЋР±РѕРµ РїРѕ СЃРІРѕРµРµРјСѓ Р¶РµР»Р°РЅРёСЋ-СЌС‚Рѕ С‚РѕР»С‰РёРЅР° РЅР°С€РµР№ СЂР°РјРѕС‡РєРё.[2]-... <a href="https://www.liveinternet.ru/users/5667228/post380963595/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Как делать простые рамки

Суббота, 02 Января 2016 г. 14:14 + в цитатник
Это цитата сообщения -Driada- [Прочитать целиком + В свой цитатник или сообщество!]

Как делать простые рамки

Урок по примитивам создания рамочек для фотографий:
учиться

Рубрики:

уроки

Метки: создание рамочки

Комментарии (4)

<a href="https://www.liveinternet.ru/users/5667228/post367180554/"> РЈС‡РёРјСЃСЏ РІРјРµСЃС‚Рµ. РџСЂРѕСЃС‚Р°СЏ СЂР°РјРѕС‡РєР° РІ РРґРёС‚РѕСЂ.</a><br/>РЈС‡РёРјСЃСЏ РІРјРµСЃС‚Рµ. РџСЂРѕСЃС‚Р°СЏ СЂР°РјРѕС‡РєР° РІ РРґРёС‚РѕСЂ.

РџСЂРѕСЃС‚Р°СЏ СЂР°РјРѕС‡РєР° РІ РРґРёС‚РѕСЂ

Р”Р»СЏ РїСЂРёРјРµСЂР° СЏ РІР·СЏР»Р° РІРѕС‚ СЌС‚Рѕ С„РѕС‚Рѕ РґРµРІРѕС‡РєРё.

Р—Р°С…РѕРґРёРј РЅР° СЃР°Р№С‚ 
 
[more=&#9986;В·В·В· Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ]

РўРµРїРµСЂСЊ РёС‰РµРј РЅР° РїР°РЅРµР»Рё РёРЅСЃС‚СЂСѓРјРµРЅС‚РѕРІ "РџРёРїРµС‚РєСѓ" Рё Р±РµСЂРµРј РµРµ. Р’С‹Р±РёСЂР°РµРј РЅСѓР¶РЅС‹Р№ РЅР°Рј С†РІРµС‚ (РєРѕС‚РѕСЂС‹Р№ РЅСѓР¶РµРЅ РЅР°Рј РґР»СЏ С„РѕРЅР°) РІ РєР»РёРїР°С‚СЂРµ С‰РµР»РєР°РµРј РїРѕ РЅР°С€РµРјСѓ РєР»РёРїР°СЂС‚Сѓ РїРёРїРµС‚РєРѕР№. РќСѓР¶РЅС‹Р№ РЅР°Рј С†РІРµС‚ РїРѕСЏРІРёР»СЃСЏ РІ РїР°Р»РёС‚СЂРµ С†РІРµС‚РѕРІ.  РЎРѕР·РґР°РµРј РЅРѕРІС‹Р№ СЃР»РѕР№, Р·Р°Р»РёРІР°РµРј РµРіРѕ РІРµРґРµСЂРєРѕРј Рё РїРµСЂРµРјРµС‰Р°РµРј СЃР»РѕР№ РІРЅРёР·.

РўРµРїРµСЂСЊ Р·Р°РіСЂСѓР¶Р°РµРј РјР°СЃРєСѓ СЃ РїРѕРјРѕС‰СЊСЋ РєРѕС‚РѕСЂРѕР№ Р±СѓРґРµРј РІС‹СЂРµР·Р°С‚СЊ РЅСѓР¶РЅСѓСЋ С„РѕСЂРјСѓ СЂР°РјРѕС‡РєРё. РЇ РІР°Рј РїСЂРµРґР»Р°РіР°СЋ РґРІРµ, РІС‹Р±РµСЂРёС‚Рµ... <a href="https://www.liveinternet.ru/users/5667228/post367180554/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Учимся вместе. Простая рамочка в Эдитор.

Четверг, 16 Июля 2015 г. 23:28 + в цитатник
Это цитата сообщения Пошехонка [Прочитать целиком + В свой цитатник или сообщество!]

Учимся вместе. Простая рамочка в Эдитор.

Простая рамочка в Эдитор

Для примера я взяла вот это фото девочки.

Заходим на сайт

✂··· Читать далее

С.Пошехонка

Серия сообщений "ШПАРГАЛКИ":

Серия сообщений "-уроки фотошоп":

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

Рубрики:

уроки

Метки: создание рамочки

Комментарии (0)

<a href="https://www.liveinternet.ru/users/5667228/post352101017/">Р Р°РјРєРё, СѓРєСЂР°С€РµРЅРЅС‹Рµ РєР°СЂС‚РёРЅРєРѕР№</a><br/>Р Р°РјРєРё, СѓРєСЂР°С€РµРЅРЅС‹Рµ РєР°СЂС‚РёРЅРєРѕР№

РЎ РїРѕРјРѕС‰СЊСЋ CSS РјРѕР¶РЅРѕ СЃРґРµР»Р°С‚СЊ РІРѕС‚ С‚Р°РєРёРµ Р»С‘РіРєРёРµ СЃРёРјРїР°С‚РёС‡РЅС‹Рµ СЂР°РјРєРё СЃ РєР°СЂС‚РёРЅРєРѕР№ СЃР»РµРІР°, Р»РёР±Рѕ СЃРїСЂР°РІР° РѕС‚ С‚РµРєСЃС‚Р°.
РќРµ Р±СѓРґСѓ РІРґР°РІР°С‚СЊСЃСЏ РІ РїРѕРґСЂРѕР±РЅРѕСЃС‚Рё, РєР°Рє РёС… СЃРѕР±СЂР°С‚СЊ СЃ РЅСѓР»СЏ, Р° РїРѕСЏСЃРЅСЋ СЃР°РјРѕРµ РЅРµРѕР±С…РѕРґРёРјРѕРµ. РџРѕРґ РєР°Р¶РґРѕР№ СЂР°РјРєРѕР№ СЃС‚РѕРёС‚ РіРѕС‚РѕРІС‹Р№ РєРѕРґ С€Р°Р±Р»РѕРЅР°.

Р’Р°С€Р° РєР°СЂС‚РёРЅРєР° Р±СѓРґРµС‚ СЂР°СЃРїРѕР»Р°РіР°С‚СЊСЃСЏ СЃР»РµРІР° РѕС‚ С‚РµРєСЃС‚Р°. РџСЂРё Р·Р°РїРѕР»РЅРµРЅРёРё СЂР°РјРєРё С‚РµРєСЃС‚РѕРј РїРѕСЃР»РµРґРЅРёР№ Р±СѓРґРµС‚ РѕР±С‚РµРєР°С‚СЊ РєР°СЂС‚РёРЅРєСѓ. Р•СЃР»Рё РєР°СЂС‚РёРЅРєР° Р±РѕР»СЊС€РѕРіРѕ СЂР°Р·РјРµСЂР°, С‚Рѕ Рё Р·Р°РїРёСЃСЊ РґРѕР»Р¶РЅР° Р±С‹С‚СЊ РѕР±СЉС‘РјРЅРѕР№, РёРЅР°С‡Рµ С‡Р°СЃС‚СЊ РёР·РѕР±СЂР°Р¶РµРЅРёСЏ РІС‹РїР°РґРµС‚ Р·Р° РіСЂР°РЅРёС†С‹ СЂР°РјРєРё, РїРѕСЃРєРѕР»СЊРєСѓ Р·Р° СЂР°Р·РІРѕСЂРѕС‚ СЂР°РјРєРё РѕС‚РІРµС‡Р°РµС‚ РёРјРµРЅРЅРѕ С‚РµРєСЃС‚. 
Р’Р°С€Р° РїРѕРґРїРёСЃСЊ
Р’Р°С€Р° РєР°СЂС‚РёРЅРєР° Р±СѓРґРµС‚ СЂР°СЃРїРѕР»Р°РіР°С‚СЊСЃСЏ... <a href="https://www.liveinternet.ru/users/5667228/post352101017/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Рамки, украшенные картинкой

Воскресенье, 01 Февраля 2015 г. 23:08 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Рамки, украшенные картинкой

С помощью CSS можно сделать вот такие лёгкие симпатичные рамки с картинкой слева, либо справа от текста.
Не буду вдаваться в подробности, как их собрать с нуля, а поясню самое необходимое. Под каждой рамкой стоит готовый код шаблона.

Ваша картинка будет располагаться слева от текста. При заполнении рамки текстом последний будет обтекать картинку. Если картинка большого размера, то и запись должна быть объёмной, иначе часть изображения выпадет за границы рамки, поскольку за разворот рамки отвечает именно текст.

Ваша подпись

Смотрим дальше

Серия сообщений "создаем рамочки по формуле":
Часть 1 - Простые рамки для выделения текста
Часть 2 - Рамочки с круглыми краями
...
Часть 10 - Фоновое изображение в рамке. Часть 1
Часть 11 - Рамки оригинальные
Часть 12 - Рамки, украшенные картинкой
Часть 13 - Генератор рамочек
Часть 14 - Две рамочки с эффектом движения
...
Часть 19 - Стильные рамки (блоки)
Часть 20 - Рамки оригинальные
Часть 21 - Простые ОБЪЕМНЫЕ рамочки разной формы

Метки: создание рамочки

Комментарии (0)

<a href="https://www.liveinternet.ru/users/5667228/post352100276/">Р Р°РјРєРё РѕСЂРёРіРёРЅР°Р»СЊРЅС‹Рµ</a><br/>Р Р°РјРєРё РѕСЂРёРіРёРЅР°Р»СЊРЅС‹Рµ

РўР°РєРёРµ РІРѕС‚ РѕСЂРёРіРёРЅР°Р»СЊРЅС‹Рµ СЂР°РјРєРё (Р±Р»РѕРєРё) СѓРІРёРґРµР»Р° РЅР° РѕРґРЅРѕРј СЃР°Р№С‚Рµ.

Р—РґРµСЃСЊ Р±СѓРґРµС‚ РІР°С€ С‚РµРєСЃС‚

Р’Р°С€Р° РїРѕРґРїРёСЃСЊ

Р—РґРµСЃСЊ Р±СѓРґРµС‚ РІР°С€ С‚РµРєСЃС‚

Р’Р°С€Р° РїРѕРґРїРёСЃСЊ 
[more=  РЎРјРѕС‚СЂРёРј РґР°Р»СЊС€Рµ ]
Р—РґРµСЃСЊ Р±СѓРґРµС‚ РІР°С€ С‚РµРєСЃС‚

Р’Р°С€Р° РїРѕРґРїРёСЃСЊ

Р—РґРµСЃСЊ Р±СѓРґРµС‚ РІР°С€ С‚РµРєСЃС‚

Р’Р°С€Р° РїРѕРґРїРёСЃСЊ 
Р”СѓРјР°СЋ, РІ РЅРёС… С†РµР»РµСЃРѕРѕР±СЂР°Р·РЅРѕ РјРµРЅСЏС‚СЊ Р»РёС€СЊ РЅРµСЃРєРѕР»СЊРєРѕ Р·РЅР°С‡РµРЅРёР№:

Р’РµСЂС…РЅСЏСЏ СЂР°РјРєР°:
 
РњРµРЅСЏРµРј С†РІРµС‚ С„РѕРЅР° background: #8FD532;. 
РћР±РѕР·РЅР°С‡РµРЅРёРµ С†РІРµС‚Р°: #8FD532, РїСЂРѕСЃС‚Рѕ РѕСЃС‚Р°РІР»СЏРµРј СЂРµС€С‘С‚РєСѓ #, 
СѓР±РёСЂР°РµРј 8FD532, Рё СЃС‚Р°РІРёРј СЃРІРѕР№ С†РІРµС‚.
РћР±СЂР°С‚РёР»Рё РІРЅРёРјР°РЅРёРµ РЅР° РІРЅСѓС‚СЂРµРЅРЅСЋСЋ С‚РµРЅСЊ, СЃРѕР·РґР°СЋС‰СѓСЋ СЃРєРѕСЃ? РћРЅР° 
РЅР° СЃР°РјРѕРј РґРµР»Рµ Р¶С‘Р»С‚РѕРіРѕ С†РІРµС‚Р°, РїРѕСЌС‚РѕРјСѓ С†РІРµС‚Р° РґР»СЏ ... <a href="https://www.liveinternet.ru/users/5667228/post352100276/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Рамки оригинальные

Воскресенье, 01 Февраля 2015 г. 23:03 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Рамки оригинальные

Такие вот оригинальные рамки (блоки) увидела на одном сайте.

Здесь будет ваш текст

Ваша подпись

<center><div style="background: #8FD532; width: 590px; padding:14px; border-radius: 18px; box-shadow: inset 5px 6px 3px rgba(203,255,144,0.4), 3px 3px 4px rgba(0,0,0,0.6), -2px -2px 4px rgba(223,152,0,0.7), 0 0 20px 3px Yellow; font-family: Georgia; font-size: 21px; font-style: italic; color:#006600;">Здесь будет ваш текст<br /> <br /> <center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ" target="_blank"><span style="font-size: 0.9em">Ваша подпись</span></a></center></div></center>

Смотрим дальше

Серия сообщений "создаем рамочки по формуле":
Часть 1 - Простые рамки для выделения текста
Часть 2 - Рамочки с круглыми краями
...
Часть 9 - Стильные рамки (блоки)
Часть 10 - Фоновое изображение в рамке. Часть 1
Часть 11 - Рамки оригинальные
Часть 12 - Рамки, украшенные картинкой
Часть 13 - Генератор рамочек
...
Часть 19 - Стильные рамки (блоки)
Часть 20 - Рамки оригинальные
Часть 21 - Простые ОБЪЕМНЫЕ рамочки разной формы

Метки: создание рамочки

Комментарии (0)

<a href="https://www.liveinternet.ru/users/5667228/post352100088/">Р¤РѕРЅРѕРІРѕРµ РёР·РѕР±СЂР°Р¶РµРЅРёРµ РІ СЂР°РјРєРµ. Р§Р°СЃС‚СЊ 1</a><br/>Р¤РѕРЅРѕРІРѕРµ РёР·РѕР±СЂР°Р¶РµРЅРёРµ РІ СЂР°РјРєРµ. Р§Р°СЃС‚СЊ 1

РќР° СЌС‚РѕС‚ СЂР°Р· С…РѕС‡Сѓ РїРѕРґРµР»РёС‚СЊСЃСЏ Р±РѕР»РµРµ СЃР»РѕР¶РЅС‹РјРё С€Р°Р±Р»РѕРЅР°РјРё, РІ РєРѕС‚РѕСЂС‹С… РјРѕР¶РЅРѕ РЅРµ С‚РѕР»СЊРєРѕ РјРµРЅСЏС‚СЊ С†РІРµС‚ С„РѕРЅР°, РЅРѕ Рё СЃРґРµР»Р°С‚СЊ С„РѕРЅРѕРј РёР·РѕР±СЂР°Р¶РµРЅРёРµ. 
Р’ РїСЂРµРґСЃС‚Р°РІР»РµРЅРЅРѕР№ СЂР°РјРєРµ С„РѕРЅ-РёР·РѕР±СЂР°Р¶РµРЅРёРµ РІСЃС‚Р°РІР»СЏРµС‚СЃСЏ РІ РІРµСЂС…РЅРёР№ СЃР»РѕР№ СЃРЅР°СЂСѓР¶Рё.

Р—РґРµСЃСЊ Р±СѓРґРµС‚ РІР°С€ С‚РµРєСЃС‚

Р’Р°С€Р° РїРѕРґРїРёСЃСЊ
Р—РґРµСЃСЊ Р±СѓРґРµС‚ РІР°С€ С‚РµРєСЃС‚

Р’Р°С€Р° РїРѕРґРїРёСЃСЊ 
[more=  РћР±СЉСЏСЃРЅРёС‚РµР»СЊРЅР°СЏ С‡Р°СЃС‚СЊ ] РС‚Р°Рє, РїРµСЂРІС‹Рј РІ РєРѕРґРµ СЂР°РјРєРё СЃС‚РѕРёС‚ Р°С‚СЂРёР±СѓС‚  border:2px solid #EBE3D4;  (С‚РѕРЅРєРёР№ Р±РѕСЂРґСЋСЂ-РѕР±РІРѕРґРєР°), РіРґРµ  2 вЂ” РµРіРѕ С€РёСЂРёРЅР° РІ РїРёРєСЃРµР»СЏС…, Р°  #EBE3D4 вЂ” РµРіРѕ С†РІРµС‚.
РћР±РѕР·РЅР°С‡РµРЅРёРµ С†РІРµС‚Р°:  #EBE3D4 , РїСЂРѕСЃС‚Рѕ РѕСЃС‚Р°РІР»СЏРµРј СЂРµС€С‘С‚РєСѓ  # , СѓР±РёСЂР°РµРј  EBE3D4 , Рё СЃС‚Р°РІРёРј СЃРІРѕ... <a href="https://www.liveinternet.ru/users/5667228/post352100088/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Фоновое изображение в рамке. Часть 1

Воскресенье, 01 Февраля 2015 г. 23:01 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Фоновое изображение в рамке. Часть 1

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

Здесь будет ваш текст

Ваша подпись

<center><div style="border:2px solid #EBE3D4; width:650px; padding:18px; background-image: url('https://img-fotki.yandex.ru/get/6846/163781271.c8/0_dce0f_53e73c4b_XXS.jpg'); box-shadow:rgba(0,0,0,.8) 0 5px 11px -5px;"><div style="border:2px solid #EBE3D4; padding:18px; background:#E2D6C1; border-radius:32px; box-shadow:inset 0 0 20px #000000; box-shadow:inset 0 0 20px #000000; box-shadow:inset 0 0 20px #000000; font-family:Georgia; font-size:19px; font-style:italic; color:#663300;">Здесь будет ваш текст<br /> <br /> <center><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ" target="_blank"><span style="font-size: 0.9em">Ваша подпись</span></a></center></center></div></div></center>

Объяснительная часть

Серия сообщений "создаем рамочки по формуле":
Часть 1 - Простые рамки для выделения текста
Часть 2 - Рамочки с круглыми краями
...
Часть 8 - Рамка с круглыми углами.
Часть 9 - Стильные рамки (блоки)
Часть 10 - Фоновое изображение в рамке. Часть 1
Часть 11 - Рамки оригинальные
Часть 12 - Рамки, украшенные картинкой
...
Часть 19 - Стильные рамки (блоки)
Часть 20 - Рамки оригинальные
Часть 21 - Простые ОБЪЕМНЫЕ рамочки разной формы

Метки: создание рамочки

Комментарии (0)

<a href="https://www.liveinternet.ru/users/5667228/post352099936/"> РЎС‚РёР»СЊРЅС‹Рµ СЂР°РјРєРё (Р±Р»РѕРєРё)</a><br/>РЎС‚РёР»СЊРЅС‹Рµ СЂР°РјРєРё (Р±Р»РѕРєРё)

РќРµРґР°РІРЅРѕ Р·Р°РёРЅС‚РµСЂРµСЃРѕРІР°Р»Р°СЃСЊ CSS (Cascading Style Sheets) вЂ” РєР°СЃРєР°РґРЅС‹Рµ С‚Р°Р±Р»РёС†С‹ СЃС‚РёР»РµР№. 
РњРѕР¶РЅРѕ Р»Рё, РЅРµ Р±СѓРґСѓС‡Рё РІРµР±-РґРёР·Р°Р№РЅРµСЂРѕРј, РЅР°СѓС‡РёС‚СЊСЃСЏ СЂР°Р·Р±РёСЂР°С‚СЊСЃСЏ РІ СЌС‚РѕРј СЃР»РѕР¶РЅРѕРј РЅР°Р±РѕСЂРµ 
РїР°СЂР°РјРµС‚СЂРѕРІ? Р”Р»СЏ С‡РµРіРѕ? РќСѓ, С…РѕС‚СЏ Р±С‹ РґР»СЏ С‚РѕРіРѕ, С‡С‚РѕР±С‹ СЃ РїРѕРјРѕС‰СЊСЋ СЏР·С‹РєР° CSS СЃРѕР·РґР°РІР°С‚СЊ 
Р±Р»РѕРєРё (СЂР°РјРѕС‡РєРё), РіРґРµ Р±СѓРґСѓС‚ СЂР°Р·РјРµС‰Р°С‚СЊСЃСЏ С‚РµРєСЃС‚, РєР°СЂС‚РёРЅРєРё РёР»Рё С‡С‚Рѕ РЅР°С€РµР№ РґСѓС€Рµ СѓРіРѕРґРЅРѕ. 
РџРѕСЌРєСЃРїРµСЂРёРјРµРЅС‚РёСЂРѕРІР°Р»Р° СЃ РєРѕРґР°РјРё Рё РїРѕР»СѓС‡РёР»Р° РІРѕС‚ С‚Р°РєРёРµ СЃС‚РёР»СЊРЅС‹Рµ, Р»С‘РіРєРёРµ Р±Р»РѕРєРё.
 
РџРѕРґ РєР°Р¶РґС‹Рј СЃС‚РѕРёС‚ РµРіРѕ РєРѕРґ. РњРѕР¶РЅРѕ РјРµРЅСЏС‚СЊ СЂР°Р·РјРµСЂ (Р°С‚СЂРёР±СѓС‚ width: 650px), С†РІРµС‚ С„РѕРЅР°, 
РѕР±РІРѕРґРѕРє, С‡С‚РѕР±С‹ РїРѕР»СѓС‡РёС‚СЊ СЂР°Р·РЅС‹Рµ РїРѕ С†РІРµС‚РѕРІРѕРјСѓ РёСЃРїРѕР»РЅРµРЅРёСЋ Р±Р»РѕРєРё. 
РћР±РѕР·РЅР°С‡РµРЅРёРµ С†РІРµС‚... <a href="https://www.liveinternet.ru/users/5667228/post352099936/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Стильные рамки (блоки)

Воскресенье, 01 Февраля 2015 г. 23:00 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Стильные рамки (блоки)

Недавно заинтересовалась CSS (Cascading Style Sheets) — каскадные таблицы стилей.
Можно ли, не будучи веб-дизайнером, научиться разбираться в этом сложном наборе
параметров? Для чего? Ну, хотя бы для того, чтобы с помощью языка CSS создавать
блоки (рамочки), где будут размещаться текст, картинки или что нашей душе угодно.
Поэкспериментировала с кодами и получила вот такие стильные, лёгкие блоки.

Под каждым стоит его код. Можно менять размер (атрибут width: 650px), цвет фона,
обводок, чтобы получить разные по цветовому исполнению блоки.
Обозначение цвета: #ABEDF7, просто оставляем решётку #, убираем ABEDF7,
и ставим свой цвет.

Здесь будет ваш текст

Ваша подпись

Смотрим дальше

Серия сообщений "создаем рамочки по формуле":
Часть 1 - Простые рамки для выделения текста
Часть 2 - Рамочки с круглыми краями
...
Часть 7 - Формула выпуклой рамочки
Часть 8 - Рамка с круглыми углами.
Часть 9 - Стильные рамки (блоки)
Часть 10 - Фоновое изображение в рамке. Часть 1
Часть 11 - Рамки оригинальные
...
Часть 19 - Стильные рамки (блоки)
Часть 20 - Рамки оригинальные
Часть 21 - Простые ОБЪЕМНЫЕ рамочки разной формы

Метки: создание рамочки

LiveInternetLiveInternet

-Метки

-Цитатник

-Приложения

-Рубрики

-Ссылки

-Музыка

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

-Подписка по e-mail

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

Записи с меткой создание рамочки

Узорная рамочка (урок для фотошопа)

Урок: рамочка многослойная

Как делать простые рамки

Учимся вместе. Простая рамочка в Эдитор.

Рамки, украшенные картинкой

Рамки оригинальные

Фоновое изображение в рамке. Часть 1

Стильные рамки (блоки)