Серия сообщений "Рамочка для поста":
Часть 1 - Урок. Как сделать простую рамочку для текста
Часть 2 - Рамочки
Часть 3 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 4 - Урок по созданию рамочек с разрывом от MissKcu
Часть 5 - Рамка с круглыми углами. Без фотошопа!
Часть 6 - РАЗРЕЗНАЯ РАМОЧКА С ПРИМЕНЕНИЕМ МАСКИ - УРОК
Часть 7 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 8 - Делаем простую Рамку с двигающимся текстом
Часть 9 - УРОКИ по созданию рамочек
Часть 10 - Рамочки-уголки
Часть 11 - Делаем простую Рамку с двигающимся текстом.
Часть 12 - Для оформление постов
Часть 13 - Рамка ФОН-КАРТИНКА в формате пнг,клипарт
Часть 14 - образцы и формулы простых рамок (фон для текста с окантовкой)
Часть 15 - Код - скелет разрезной рамочки
Часть 16 - Образцы и формулы простых рамок (фон для текста с окантовкой)
Часть 17 - Делаем рамки
Часть 18 - Рамочка фигурная+КОД
Часть 19 - простая рамочка с выдавленной кромкой+ КОД
Часть 20 - Простая рамочка с выпуклой кромкой+КОД
Часть 21 - простая рамочка с двойной кромкой+КОД
Часть 22 - Рамочка с обводкой в виде кромки
Часть 23 - Набор простых рамочек+формула
Часть 24 - 10 прозрачных рамочек с обводкой+код
Часть 25 - Рамочка по формуле от мадам Ольга(прокрутка)+КОД
Часть 26 - Рамочки для текста
Часть 27 - Рамочки для текста
Часть 28 - Рамочки зелёные для текста
Часть 29 - Рамочки для текста
Часть 30 - Оформление постов
Часть 31 - Урок по рамочкам - составлен по просьбе
Часть 32 - Простые рамочки-обводки для текста
Часть 33 - Рамки оригинальные
Часть 34 - Обводка внутри рамки (блока)
Часть 35 - CssRound: округлые генератор угол CSS3-урок
Часть 36 - Стильные рамки (блоки)
Часть 37 - Генератор необычных рамочек
Часть 38 - Простая цветная рамка с закруглёнными краями за 5 минут
Часть 39 - Собираем фотошопную рамочку в рамочнике.
Часть 40 - Простые рамочки -2
Часть 41 - 12 простеньких рамочек для текста.
Часть 42 - Рамочки-шаблоны 468
Часть 43 - Рамочка для текста 448
Часть 44 - Рамочка для текста 429
Часть 45 - Рамочки для текста 423
Часть 46 - Рамочки для текста 411
Часть 47 - Простые рамки с заголовком
Часть 48 - ФОРМУЛА РАМОЧКИ с прокруткой
Часть 49 - Свой ПУТЬ / Patmos. Adagio
Часть 50 - рамочки для записей с белым фоном

Выбрана рубрика Рамочка для поста.

Соседние рубрики: Рамочник(3), Рамочки фотошоп(41), Рамочки простые(76), Код рамочки(19)

Другие рубрики в этом дневнике: Яндекс-фотки(3), ФотоШОУ(4), Фотошоп(320), Фоторедактор(22), Фоны аннимированные(4), Фоны(45), Флешки(16), Флеш-Часики(20), Флеш-редактор Vectorian Giotto(1), Флеш-календарики(2), Фейсбук(1), Установка программ(6), Уроки по фотошоп(143), Уроки по флеш(13), Уроки по музыкальным открыткам(1), УРок по созданию бесшовных фонов(3), Тесты(8), Рамочки(169), Программы онлайн(41), Программы(96), Поэзия(0), Плеер(3), Оформление(31), Лиру(84), Компьютер(4), Компьютер(0), Кнопки-переходы(1), Клипарт(13), Картинки(4), Интересное(2), Живопись(13), Бродилка по оформлению(7), Анимация зимняя(5), Анимация(40)

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

<a href="https://www.liveinternet.ru/users/5263683/post389751695/">РїСЂРѕСЃС‚Р°СЏ СЂР°РјРѕС‡РєР° СЃ РґРІРѕР№РЅРѕР№ РєСЂРѕРјРєРѕР№+РљРћР”</a><br/>РїСЂРѕСЃС‚Р°СЏ СЂР°РјРѕС‡РєР° СЃ РґРІРѕР№РЅРѕР№ РєСЂРѕРјРєРѕР№+РљРћР”

Р—РґРµСЃСЊ Р±СѓРґРµС‚ Р’РђРЁ РўР•РљРЎРў
СЂР°РјРѕС‡РєР° Natali Komjati

***РЎРљР•Р›Р•РўРРљ Р РђРњРћР§РљР***

Р—РґРµСЃСЊ Р±СѓРґРµС‚ Р’РђРЁ РўР•РљРЎРў
РџРћР”РџРРЎР¬

РЎРµСЂРёСЏ СЃРѕРѕР±С‰РµРЅРёР№ "***РњРћР Р¤РћР РњРЈР›Р«":
Р§Р°СЃС‚СЊ 1 - Р Р°РјРѕС‡РєР°  СЃ РѕР±РІРѕРґРєРѕР№ РІ РІРёРґРµ РєСЂРѕРјРєРёР§Р°СЃС‚СЊ 2 - РїСЂРѕСЃС‚Р°СЏ СЂР°РјРѕС‡РєР° СЃ РІС‹РґР°РІР»РµРЅРЅРѕР№ РєСЂРѕРјРєРѕР№+ РљРћР”Р§Р°СЃС‚СЊ 3 - РџСЂРѕСЃС‚Р°СЏ СЂР°РјРѕС‡РєР° СЃ РІС‹РїСѓРєР»РѕР№ РєСЂРѕРјРєРѕР№+РљРћР”Р§Р°СЃС‚СЊ 4 - РїСЂРѕСЃС‚Р°СЏ СЂР°РјРѕС‡РєР° СЃ РґРІРѕР№РЅРѕР№ РєСЂРѕРјРєРѕР№+РљРћР”Р§Р°СЃС‚СЊ 5 - Р Р°РјРѕС‡РєР° СЃ РґРІРѕР№РЅРѕР№ РєСЂРѕРјРєРѕР№...СЃРµСЂР°СЏ+РљРћР”Р§Р°СЃС‚СЊ 6 - Р Р°РјРѕС‡РєР° СЃ Р¶РµР»С‚РѕР№ РѕР±РІРѕРґРєРѕР№+РљРћР”...Р§Р°СЃС‚СЊ 43 - Р¤РћР РњРЈР›Р° СЂР°Р·СЂРµР·РЅРѕР№ СЂР°РјРѕС‡РєРё СЃ Р°РЅРёРјР°С†РёРµР№...Р§Р°СЃС‚СЊ 44 - РџСЂРѕСЃС‚Р°СЏ РѕР±СЉРµРјРЅР°СЏ СЂР°Рј... <a href="https://www.liveinternet.ru/users/5263683/post389751695/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

простая рамочка с двойной кромкой+КОД

Четверг, 28 Апреля 2016 г. 17:42 + в цитатник
Это цитата сообщения NATALI_KOMJATI [Прочитать целиком + В свой цитатник или сообщество!]

простая рамочка с двойной кромкой+КОД

Здесь будет ВАШ ТЕКСТ

рамочка Natali Komjati

***СКЕЛЕТИК РАМОЧКИ***

Серия сообщений "***МОИ ФОРМУЛЫ":

Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
Часть 3 - Простая рамочка с выпуклой кромкой+КОД
Часть 4 - простая рамочка с двойной кромкой+КОД
Часть 5 - Рамочка с двойной кромкой...серая+КОД
Часть 6 - Рамочка с желтой обводкой+КОД
...
Часть 43 - ФОРМУЛа разрезной рамочки с анимацией...
Часть 44 - Простая объемная рамочка с отделкой внутри
Часть 45 - Картинка с анимашкой

Метки: рамочки

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

Рамочка с обводкой в виде кромки

Рамочка с обводкой в виде кромки

Здесь будет ВАШ ТЕКСТ

рамочка Natali Komjati

***СКЕЛЕТИК РАМОЧКИ***

Серия сообщений "***МОИ ФОРМУЛЫ":

Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
Часть 3 - Простая рамочка с выпуклой кромкой+КОД
...
Часть 43 - ФОРМУЛа разрезной рамочки с анимацией...
Часть 44 - Простая объемная рамочка с отделкой внутри
Часть 45 - Картинка с анимашкой

Метки: рамочки

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

Набор простых рамочек+формула

Четверг, 28 Апреля 2016 г. 17:43 + в цитатник
Это цитата сообщения NATALI_KOMJATI [Прочитать целиком + В свой цитатник или сообщество!]

Набор простых рамочек+формула

Здесь будет ВАШ ТЕКСТ...

***2

Здесь будет ВАШ ТЕКСТ...

***3

Здесь будет ВАШ ТЕКСТ...

***4

Здесь будет ВАШ ТЕКСТ...

***5

Здесь будет ВАШ ТЕКСТ...

***6

Здесь будет ВАШ ТЕКСТ...

***7

Здесь будет ВАШ ТЕКСТ...

***КОД ФОРМУЛЫ РАМОЧКИ***

Здесь будет ВАШ ТЕКСТ...

Метки: рамочки

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

10 прозрачных рамочек с обводкой+код

Четверг, 28 Апреля 2016 г. 17:44 + в цитатник
Это цитата сообщения NATALI_KOMJATI [Прочитать целиком + В свой цитатник или сообщество!]

10 прозрачных рамочек с обводкой+код

Здесь будет ВАШ ТЕКСТ...

***2

Здесь будет ВАШ ТЕКСТ...

***3

Здесь будет ВАШ ТЕКСТ...

***4

Здесь будет ВАШ ТЕКСТ...

***5

Здесь будет ВАШ ТЕКСТ...

***6

Здесь будет ВАШ ТЕКСТ...

***7

Здесь будет ВАШ ТЕКСТ...

***8

Здесь будет ВАШ ТЕКСТ...

***9

Здесь будет ВАШ ТЕКСТ...

***ФОРМУЛА РАМОЧКИ***

Здесь будет ВАШ ТЕКСТ...

Метки: рамочки

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

<a href="https://www.liveinternet.ru/users/5263683/post389752331/">Р Р°РјРѕС‡РєР° РїРѕ С„РѕСЂРјСѓР»Рµ РѕС‚ РјР°РґР°Рј РћР»СЊРіР°(РїСЂРѕРєСЂСѓС‚РєР°)+РљРћР”</a><br/> Р Р°РјРѕС‡РєР° РїРѕ С„РѕСЂРјСѓР»Рµ РѕС‚ РјР°РґР°Рј РћР»СЊРіР°(РїСЂРѕРєСЂСѓС‚РєР°)+РљРћР”

Р’РђРЁ С‚РµРєСЃС‚ РІ РїСЂРѕРєСЂСѓС‚РєРµ
СЂР°РјРѕС‡РєР° Natali Komjati

Р’РђРЁ С‚РµРєСЃС‚ РІ РїСЂРѕРєСЂСѓС‚РєРµ
СЂР°РјРѕС‡РєР° Natali Komjati
***РњРћРЇ Р¤РћР РњРЈР›Рђ***
  
Р’РђРЁ С‚РµРєСЃС‚ РІ РїСЂРѕРєСЂСѓС‚РєРµ
СЂР°РјРѕС‡РєР° Natali Komjati
***Р¤РћР РњРЈР›Рђ Р”Р›РЇ Р’РђРЎ***
  
Р’РђРЁ С‚РµРєСЃС‚ РІ РїСЂРѕРєСЂСѓС‚РєРµ
РРњРЇ

РЎРµСЂРёСЏ СЃРѕРѕР±С‰РµРЅРёР№ "***РњРћР Р¤РћР РњРЈР›Р«":
Р§Р°СЃС‚СЊ 1 - Р Р°РјРѕС‡РєР°  СЃ РѕР±РІРѕРґРєРѕР№ РІ РІРёРґРµ РєСЂРѕРјРєРёР§Р°СЃС‚СЊ 2 - РїСЂРѕСЃС‚Р°СЏ СЂР°РјРѕС‡РєР° СЃ РІС‹РґР°РІР»РµРЅРЅРѕР№ РєСЂРѕРјРєРѕР№+ РљРћР”...Р§Р°СЃС‚СЊ 27 - Р Р°РјРѕС‡РєР° С„РёРіСѓСЂРЅР°СЏ+РљРћР”Р§Р°СЃС‚СЊ 28 - Р Р°РјРѕС‡РєР° СЃ РѕР±СЉРµРјРЅС‹Рј С„РѕРЅРѕРј+РљРћР”Р§Р°СЃС‚СЊ 29 -  Р Р°РјРѕС‡РєР° РїРѕ С„РѕСЂРјСѓР»Рµ РѕС‚ РјР°РґР°Рј РћР»СЊРіР°(РїСЂРѕРєСЂСѓС‚РєР°)+РљРћР”Р§Р°СЃС‚СЊ 30 - Р Р°РјРѕС‡РєР° СЃ РїСЂРѕРєСЂСѓС‚РєРѕР№...РїСЂРѕР·СЂР°С‡РЅС‹Р№ С„РѕРЅ +РљРћР”Р§Р°... <a href="https://www.liveinternet.ru/users/5263683/post389752331/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Рамочка по формуле от мадам Ольга(прокрутка)+КОД

Четверг, 28 Апреля 2016 г. 17:56 + в цитатник
Это цитата сообщения NATALI_KOMJATI [Прочитать целиком + В свой цитатник или сообщество!]

Рамочка по формуле от мадам Ольга(прокрутка)+КОД

ВАШ текст в прокрутке

рамочка Natali Komjati

<div align="center"><table style="border-radius:10px;box-shadow:inset rgba(0,0,0,.6) 0 -6px 6px,inset rgba(252,255,255,.6) 0 6px 6px; " background="https://img-fotki.yandex.ru/get/5803/83186431.8dc/0_b305b_8da0ca31_orig" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table width="600" height="100" style="border:0px;" background="" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#5c5c5b;font-size:22px;text-shadow:1px 1px 0px #000000;"><div style="overflow-y: scroll; width: 700px; height: 220px;"><br />
ВАШ текст в прокрутке<br />
<center></center></div></span><tr><td style="padding:0px" height="1%" align="right"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/komjati/"><img src="https://img.fotki.yandex.ru/get/4410/83186431.dc/1_WLuJJmCVBA7oSUqKtkvkZkpURM8=_643f0_a9cfd45c_orig" alt="D1opY.gif" border="0" /></a><span style="font-family;color:#000000;font-size:7px">рамочка Natali Komjati</span></td></tr></td></tr></table></td></tr></table></div>

***МОЯ ФОРМУЛА***

<div align="center"><table style="border-radius:10px;box-shadow:inset rgba(0,0,0,.6) 0 -6px 6px,inset rgba(252,255,255,.6) 0 6px 6px; " background="ФОН РАМОЧКИ" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table width="600" height="100" style="border:0px;" background="" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#5c5c5b;font-size:22px;text-shadow:1px 1px 0px #000000;"><div style="overflow-y: scroll; width: 700px; height: 220px;"><br />
ВАШ текст в прокрутке<br />
<center></center></div></span><tr><td style="padding:0px" height="1%" align="right"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/komjati/"><img src="https://img.fotki.yandex.ru/get/4410/83186431.dc/1_WLuJJmCVBA7oSUqKtkvkZkpURM8=_643f0_a9cfd45c_orig" alt="D1opY.gif" border="0" /></a><span style="font-family;color:#000000;font-size:7px">рамочка Natali Komjati</span></td></tr></td></tr></table></td></tr></table></div>

***ФОРМУЛА ДЛЯ ВАС***

Серия сообщений "***МОИ ФОРМУЛЫ":

Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
...
Часть 27 - Рамочка фигурная+КОД
Часть 28 - Рамочка с объемным фоном+КОД
Часть 29 - Рамочка по формуле от мадам Ольга(прокрутка)+КОД
Часть 30 - Рамочка с прокруткой...прозрачный фон +КОД
Часть 31 - Простая рамочка+КОД
...
Часть 43 - ФОРМУЛа разрезной рамочки с анимацией...
Часть 44 - Простая объемная рамочка с отделкой внутри
Часть 45 - Картинка с анимашкой

Метки: рамочки

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

Рамочки для текста

Пятница, 13 Мая 2016 г. 05:20 + в цитатник
Это цитата сообщения Астраханочка_51 [Прочитать целиком + В свой цитатник или сообщество!]

Рамочки для текста

Ваш текст

астраханочка

Метки: рамки рамочки рамочка лиру простые рамочки

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

Рамочки для текста

Пятница, 13 Мая 2016 г. 05:26 + в цитатник
Это цитата сообщения Астраханочка_51 [Прочитать целиком + В свой цитатник или сообщество!]

Рамочки для текста

1.

Ваш текст

Астраханочка

<div align="center"><table style="border-radius:10px;box-shadow:inset rgba(0,0,0,.6) 0 -6px 8px,inset rgba(252,255,255,.6) 0 8px 7px; " background="https://img-fotki.yandex.ru/get/15592/224541261.a4f/0_12cbc6_24924b3c_L.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px"><table width="550" height="100" style="border-radius:7px;box-shadow:inset 0px 0px 15px #000000;" background="https://img-fotki.yandex.ru/get/16156/224541261.94e/0_12484d_50856655_L.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#ECEDE4;font-size:21px;text-shadow:1px 1px 0px #000000;"><br />
Ваш текст<center><tr><td style="padding:0px" height="1%" align="right"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/5406319/"><img src="https://img-fotki.yandex.ru/get/3508/224541261.a3d/0_12c250_48cdb939_orig.gif" /></a><span style="font-family;color:#ECEDE4;font-size:7px">Астраханочка</span></td></tr></center></span></td></tr></table></td></tr></table></div>

Метки: рамочки рамки простые рамочки

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

Рамочки зелёные для текста

Пятница, 13 Мая 2016 г. 05:27 + в цитатник
Это цитата сообщения Астраханочка_51 [Прочитать целиком + В свой цитатник или сообщество!]

Рамочки зелёные для текста

Ваш текст

Астраханочка

<div align="center"><table style="border-radius:10px;box-shadow:inset rgba(0,0,0,.6) 0 -6px 8px,inset rgba(252,255,255,.6) 0 8px 7px; " background="https://img-fotki.yandex.ru/get/3714/224541261.a25/0_12bd93_adbfd3e6_orig.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px"><table width="550" height="100" style="border-radius:7px;box-shadow:inset 0px 0px 15px #000000;" background="https://img-fotki.yandex.ru/get/9110/224541261.a25/0_12bd8d_371147e7_orig.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#afc8ae;font-size:24px;text-shadow:1px 1px 0px #000000;">Ваш текст<center><tr><td style="padding:0px" height="1%" align="right"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/5406319/"><img src="https://img-fotki.yandex.ru/get/3508/224541261.a3d/0_12c250_48cdb939_XXXS.gif" /></a><span style="font-family;color:#afc8ae;font-size:7px">Астраханочка</span></td></tr></center></span></td></tr></table></td></tr></table></div>

Метки: рамки рамочки простые рамочки

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

Рамочки для текста

Пятница, 13 Мая 2016 г. 05:30 + в цитатник
Это цитата сообщения Астраханочка_51 [Прочитать целиком + В свой цитатник или сообщество!]

Рамочки для текста

Рамочки по формуле -"мадам_Ольга",Спасибо Оленька!

Здесь Ваш текст

астраханочка

<center><table style=" background-color: #CCB233; border-radius: 15px; box-shadow: inset 1px 1px 10px #000000;" cellpadding="0" cellspacing="0"><tr><td style="padding: 15px;"><table style=" border-radius: 8px; box-shadow: 1px 1px 10px #000000;" cellpadding="0" cellspacing="0"><tr><td style="padding: 3px;"><table style=" background-color: #CCB233; border-radius: 8px; box-shadow: inset 0px 0px 15px #000000;" cellspacing="0" cellpadding="0" width="650"><tr><td style="padding:1px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#7B5800;font-size:22px;text-shadow:1px 1px 0px#00000;">Здесь Ваш текст<center><tr><td style="padding:0px" height="1%" align="right"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/5406319/"><img src="https://img-fotki.yandex.ru/get/3508/224541261.a3d/0_12c250_48cdb939_orig.gif" /></a><span style="font-family;color:#999999;font-size:7px">астраханочка</span></td></tr></center></span></td></tr></table></td></tr></table></td></tr></table></center>

Метки: рамки рамочки простые рамочки

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

Оформление постов

Пятница, 13 Мая 2016 г. 05:38 + в цитатник
Это цитата сообщения Mariea [Прочитать целиком + В свой цитатник или сообщество!]

Для оформление постов

*Mariea@mmg*

Рамка для оформления постов в дневнике

текст

Вот ее код:

<center><table style="background-image: url(''); border: 10px double #Обводка; padding: 7px; box-shadow: 0px 10px 30px #000000;" width="550"><tbody><tr><td style="padding:10px"><center><center><center><p><span style="font-size:20px;"><a href="http://www.liveinternet.ru/users/marmuh/blog/" target="_blank" title="Mariea Muhaceova"><img align="right" height="10" src="//img-fotki.yandex.ru/get/4116/50427825.7a/0_85fae_200405c9_XS.gif.jpg" width="10" /></a></span></p><br/><br/><p><span style="font-size:20px;"><em><span style="font-family:georgia,serif;">текст</span></em></span></p></center><br /> </center></center>
</td></tr></tbody></table></center>

В скобку url('') - можно вставить ссылку на фон.

Можно вставить цвет обводки, см сюда - double #Обводка;

Можно поменять размеры, цвет и направление тени - вот здесь:

box-shadow: 0px 10px 30px #000000;

За пределами рамки - сверху можно вставить Заголовок,

внизу под рамкой - Источники, свое резюме...

Вокруг всего поста можно вставить рамку- обводку.

Главное - не загромождать, не утяжелять всякими темными,
яркими, сложными фонами.

Хотя, у каждого свой вкус. Дерзайте, варьируйте.

Прекрасных вам постов!

Mariea@mmg

Метки: рамки разделители простые рамочки

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

<a href="https://www.liveinternet.ru/users/5263683/post390667480/">РЈСЂРѕРє РїРѕ СЂР°РјРѕС‡РєР°Рј - СЃРѕСЃС‚Р°РІР»РµРЅ РїРѕ РїСЂРѕСЃСЊР±Рµ</a><br/>РЈСЂРѕРє РїРѕ СЂР°РјРѕС‡РєР°Рј - СЃРѕСЃС‚Р°РІР»РµРЅ РїРѕ РїСЂРѕСЃСЊР±Рµ

Р Р°СЃСЃРјРѕС‚СЂРёРј РїСЂРѕСЃС‚СѓСЋ СЂР°РјРѕС‡РєСѓ РЅР° РєРѕРЅРєСЂРµС‚РЅРѕРј РїСЂРёРјРµСЂРµ РїСЂРѕСЃС‚РѕР№ СЂР°РјРѕС‡РєРё:
***РўРµРєСЃС‚***
[more=] 
 Р’РѕС‚ С„РѕСЂРјСѓР»Р° СЂР°РјРѕС‡РєРё
РќР°С‡РЅРµРј СЃ С‚РѕРіРѕ, С‡С‚Рѕ СЏ РѕС‚РјРµС‚РёР»Р° Р¶РµР»С‚С‹Рј С†РІРµС‚РѕРј.

4СЂС… - СЌС‚Рѕ С‚РѕР»С‰РёРЅР° РѕР±РІРѕРґРєРё, РєР°Рє РІ СЂР°РјРѕС‡РєРµ РґР»СЏ РїСЂРёРјРµСЂР°. Рђ РµСЃР»Рё РјС‹ 4СЂС… СЃРјРµРЅРёРј РЅР° 1СЂС…, С‚Рѕ Сѓ РЅР°СЃ РїРѕР»СѓС‡РёС‚СЃСЏ РІРѕС‚ С‚Р°РєР°СЏ СЂР°РјРѕС‡РєР° ***РўРµРєСЃС‚*** РѕС‚Р»РёС‡РёРµ РІРёРґРЅРѕ СЃСЂР°Р·Сѓ. РўР°Рє С‡С‚Рѕ С‚РѕР»С‰РёРЅСѓ РѕР±РІРѕРґРєРё РґРµР»Р°РµРј РЅР° СЃРІРѕР№ РІРєСѓСЃ, РєР°Рє РІРїСЂРѕС‡РµРј, Рё РІСЃРµ РѕСЃС‚Р°Р»СЊРЅРѕРµ.
ridge - СЌС‚Рѕ С„РѕСЂРјР°(С‚РёРї) РѕР±РІРѕРґРєРё. РС‚Р° РѕР±РІРѕРґРєР° РІ РґР°РЅРЅРѕР№ СЂР°РјРѕС‡РєРµ Рё РІ СЂР°РјРѕС‡РєРµ РґР»СЏ РїСЂРёРјРµСЂР°. РўРµРїРµСЂСЊ РјС‹ Р±СѓРґРµРј РјРµРЅСЏС‚СЊ СЌС‚Рѕ Р·РЅР°С‡РµРЅРёРµ Рё СЃРјРѕС‚СЂРµС‚СЊ РєР°РєР°СЏ С„РѕСЂРјР°(С‚РёРї) Р±СѓРґРµС‚ Сѓ РѕР±РІРѕРґРєРё.
... <a href="https://www.liveinternet.ru/users/5263683/post390667480/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Урок по рамочкам - составлен по просьбе

Пятница, 13 Мая 2016 г. 05:57 + в цитатник
Это цитата сообщения Lyusya-Spring [Прочитать целиком + В свой цитатник или сообщество!]

Урок по рамочкам - составлен по просьбе

Рассмотрим простую рамочку на конкретном примере простой рамочки:

***Текст***

"left" - слева
"right" - справа
"center" - по центру
Спасибо за внимание!
С уважением к Вам
***Люд-Мила***

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

Часть 1 - комментики на скорую руку
Часть 2 - Делаем простую Рамку с двигающимся текстом.
...
Часть 22 - Обводка внутри рамки (блока)
Часть 23 - Простые рамочки-обводки для текста
Часть 24 - Урок по рамочкам - составлен по просьбе
Часть 25 - Рамка вокруг изображения
Часть 26 - Как быстро найти нужное в коде
...
Часть 36 - РАСШИРЕННЫЙ РЕДАКТОР ЛИру
Часть 37 - образцы и формулы нарядных РАМОЧЕК для текста
Часть 38 - Учимся делать рамочки

Метки: рамки рамочки

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

<a href="https://www.liveinternet.ru/users/5263683/post390667495/">РџСЂРѕСЃС‚С‹Рµ СЂР°РјРѕС‡РєРё-РѕР±РІРѕРґРєРё РґР»СЏ С‚РµРєСЃС‚Р°</a><br/>РџСЂРѕСЃС‚С‹Рµ СЂР°РјРѕС‡РєРё-РѕР±РІРѕРґРєРё РґР»СЏ С‚РµРєСЃС‚Р°

Р”РѕРїРѕР»РЅРµРЅРёРµ Рє 
СѓСЂРѕРєСѓ Р®Р»РёСЏ_Р“СѓСЂР±РµСЂ

***РўРµРєСЃС‚***

Р’ СЂР°РјРѕС‡РєСѓ С…РѕСЂРѕС€Рѕ Р»РѕР¶РёС‚СЃСЏ СЃР±РѕРєСѓ РєР°СЂС‚РёРЅРєР°. РњРµРЅСЏСЏ РєР°СЂС‚РёРЅРєСѓ, РјРѕР¶РЅРѕ РїСЂРёРґР°С‚СЊ РёРЅРґРёРІРёРґСѓР°Р»СЊРЅРѕСЃС‚СЊ РєР°Р¶РґРѕРјСѓ РїРѕСЃС‚Сѓ

***РўРµРєСЃС‚***

РўРµРєСЃС‚

РЎРµСЂРёСЏ СЃРѕРѕР±С‰РµРЅРёР№ "*** СѓСЂРѕРєРё":
Р§Р°СЃС‚СЊ 1 - РєРѕРјРјРµРЅС‚РёРєРё РЅР° СЃРєРѕСЂСѓСЋ СЂСѓРєСѓР§Р°СЃС‚СЊ 2 - Р”РµР»Р°РµРј РїСЂРѕСЃС‚СѓСЋ Р Р°РјРєСѓ СЃ РґРІРёРіР°СЋС‰РёРјСЃСЏ С‚РµРєСЃС‚РѕРј....Р§Р°СЃС‚СЊ 21 - Р¤РѕРЅ РґР»СЏ Р·Р°РїРёСЃРёР§Р°СЃС‚СЊ 22 - РћР±РІРѕРґРєР° РІРЅСѓС‚СЂРё СЂР°РјРєРё (Р±Р»РѕРєР°)Р§Р°СЃС‚СЊ 23 - РџСЂРѕСЃС‚С‹Рµ СЂР°РјРѕС‡РєРё-РѕР±РІРѕРґРєРё РґР»СЏ С‚РµРєСЃС‚Р°Р§Р°СЃС‚СЊ 24 - РЈСЂРѕРє РїРѕ СЂР°РјРѕС‡РєР°Рј - СЃРѕСЃС‚Р°РІР»РµРЅ РїРѕ РїСЂРѕСЃСЊР±РµР§Р°СЃС‚СЊ 25 - Р Р°РјРєР° РІРѕРєСЂСѓРі РёР·РѕР±СЂР°Р¶РµРЅРёСЏ...Р§Р°СЃС‚СЊ 36 - Р РђРЎРЁРР Р•РќРќР«Р™ Р Р•Р”РђРљРўРћР  Р›... <a href="https://www.liveinternet.ru/users/5263683/post390667495/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Простые рамочки-обводки для текста

Простые рамочки-обводки для текста

Дополнение к

уроку Юлия_Гурбер

***Текст***

<center><div style="border: 4px ridge #FE9980; padding: 6px; width: 88%;"><div style="border: 4px ridge #FE9980; padding: 10px; background-color: #F1E6D9;"><font face="Georgia" style="font-size: 19px" color="#663333"><i>***Текст***</i></font></div></div></center>

В рамочку хорошо ложится сбоку картинка. Меняя картинку, можно придать индивидуальность каждому посту

<center><img src="//img0.liveinternet.ru/images/attach/c/0/120/667/120667416_0_b6bb0_e03902dd_orig.png" width="250" height="" border="0" align="left" /><br /><br /><br /><br /><div style="border: 4px ridge #FE9980; padding: 6px; width: 88%;"><div style="border: 4px ridge #FE9980; padding: 10px; background-color: #F1E6D9;"><font face="Georgia" style="font-size: 19px" color="#663333"><i>***Текст***</i></font></div></div></center>

Текст

<center><img src="//img0.liveinternet.ru/images/attach/c/0/120/667/120667802_0_aff16_b300bd09_orig.png" width="150" height="" border="0" align="left" /><br /><br /><div style="padding: 10px 10px; background: #FE9980; width: 750px; font-size: 27px;  font-family: Monotype Corsiva; color: #fff; border: 2px dashed #fff; border-radius: 10px; box-shadow: 0 0 0 5px #FE9980, 3px 2px 7px 4px rgba(10,10,0,.5); text-shadow: -1px -1px #aa3030;">Текст<br />
<center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ" target="_blank"><img src="https://img-fotki.yandex.ru/get/9254/120937872.e9/0_aa27f_8e85f51b_XXXS.gif" width="15" height="17" border="0" align="right" /></a></center></div></center>

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

Часть 1 - комментики на скорую руку
Часть 2 - Делаем простую Рамку с двигающимся текстом.
...
Часть 21 - Фон для записи
Часть 22 - Обводка внутри рамки (блока)
Часть 23 - Простые рамочки-обводки для текста
Часть 24 - Урок по рамочкам - составлен по просьбе
Часть 25 - Рамка вокруг изображения
...
Часть 36 - РАСШИРЕННЫЙ РЕДАКТОР ЛИру
Часть 37 - образцы и формулы нарядных РАМОЧЕК для текста
Часть 38 - Учимся делать рамочки

Метки: рамки рамочки

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

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

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

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

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

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

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

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

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

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

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

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

Пятница, 13 Мая 2016 г. 05:58 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

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

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

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

Ваша подпись

<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>

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

Метки: рамки рамочки

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

<a href="https://www.liveinternet.ru/users/5263683/post390667521/">РћР±РІРѕРґРєР° РІРЅСѓС‚СЂРё СЂР°РјРєРё (Р±Р»РѕРєР°)</a><br/>РћР±РІРѕРґРєР° РІРЅСѓС‚СЂРё СЂР°РјРєРё (Р±Р»РѕРєР°)

РҐРѕС‡Сѓ РїСЂРµРґСЃС‚Р°РІРёС‚СЊ РІР°Рј РІРѕС‚ С‚Р°РєСѓСЋ СЃРёРјРїР°С‚РёС‡РЅСѓСЋ СЂР°РјРєСѓ СЃ РїСѓРЅРєС‚РёСЂРЅРѕР№ РѕР±РІРѕРґРєРѕР№ РІРЅСѓС‚СЂРё. 
РќРµ РїСЂР°РІРґР° Р»Рё, РїРѕС…РѕР¶Рµ РЅР° РїСЂРѕС€РёРІРєСѓ? РС‚РёРј РјРѕР¶РЅРѕ РёРіСЂР°С‚СЊ, РїРѕРґР±РёСЂР°СЏ С‚РєР°РЅРµРІС‹Рµ С†РІРµС‚Р°. РќР°РїСЂРёРјРµСЂ, РіРѕР»СѓР±РѕР№ (С‡РµРј РЅРµ РґР¶РёРЅСЃ?)

РўРµРєСЃС‚
Р’Р°С€Р° РїРѕРґРїРёСЃСЊ
РўРµРєСЃС‚
Р’Р°С€Р° РїРѕРґРїРёСЃСЊ 
[more=  РЎРјРѕС‚СЂРёРј РґР°Р»СЊС€Рµ ]
Р Р°СЃСЃРјРѕС‚СЂРёРј Р·РЅР°С‡РµРЅРёСЏ РїРѕ РїРѕСЂСЏРґРєСѓ РЅР°РїРёСЃР°РЅРёСЏ РёС… РІ РєРѕРґРµ.
 
padding: 10px 10px; вЂ” СЂР°СЃСЃС‚РѕСЏРЅРёРµ РѕС‚ РєСЂР°СЏ СЂР°РјРєРё (Р±РѕСЂРґСЋСЂР°) РґРѕ С‚РµРєСЃС‚Р°. РџСЂРё РЅРµРѕР±С…РѕРґРёРјРѕСЃС‚Рё РјРµРЅСЏРµРј "10" РЅР° РґСЂСѓРіСѓСЋ С†РёС„СЂСѓ.

background: #FE9980; вЂ” С„РѕРЅ РґР»СЏ Р·Р°РїРёСЃРё. РњРѕР¶РЅРѕ РІРјРµСЃС‚Рѕ #FE9980 РїРѕРґСЃС‚Р°РІРёС‚СЊ РґСЂСѓРіРѕР№ С†РІРµС‚.

width: 610px; вЂ” С€РёСЂРёРЅР° СЂР°РјРєРё. Р’РјРµСЃС‚Рѕ "610"... <a href="https://www.liveinternet.ru/users/5263683/post390667521/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Обводка внутри рамки (блока)

Пятница, 13 Мая 2016 г. 05:59 + в цитатник
Это цитата сообщения Юлия_Гурбер [Прочитать целиком + В свой цитатник или сообщество!]

Обводка внутри рамки (блока)

Хочу представить вам вот такую симпатичную рамку с пунктирной обводкой внутри.
Не правда ли, похоже на прошивку? Этим можно играть, подбирая тканевые цвета. Например, голубой (чем не джинс?)

Текст
Ваша подпись

<center><div style="padding: 10px 10px; background: #FE9980; width: 610px; font-size: 27px; font-family: Monotype Corsiva; color: #fff; border: 2px dashed #fff; border-radius: 3px; box-shadow: 0 0 0 5px #FE9980, 3px 2px 7px 4px rgba(10,10,0,.5); text-shadow: -1px -1px #aa3030;">Текст<br /> <center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ" target="_blank"><font face="Georgia" color="#ffffff" style="font-size:18px">Ваша подпись</font></a></center></div></center>

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

Метки: рамки рамочки

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

<a href="https://www.liveinternet.ru/users/5263683/post390667543/">CssRound: РѕРєСЂСѓРіР»С‹Рµ РіРµРЅРµСЂР°С‚РѕСЂ СѓРіРѕР» CSS3-СѓСЂРѕРє</a><br/>CssRound: РѕРєСЂСѓРіР»С‹Рµ РіРµРЅРµСЂР°С‚РѕСЂ СѓРіРѕР» CSS3-СѓСЂРѕРє

РћС‚РІРµС‚ РЅР° РІРѕРїСЂРѕСЃ, РєР°Рє РїСЂР°РІРёР»СЊРЅРѕ СЃРґРµР»Р°С‚СЊ СЂР°РјРѕС‡РєСѓ 
CssRound: РѕРєСЂСѓРіР»С‹Рµ РіРµРЅРµСЂР°С‚РѕСЂ СѓРіРѕР» CSS3 РјРѕР¶РµС‚, РєРѕРјСѓ Рё РїСЂРёРіРѕРґРёС‚СЃСЏ

РЎРїР°СЃРёР±Рѕ Р·Р° РІР°С€Рё РєРѕРјРјРµРЅС‚Р°СЂРёРё!

РЎРµСЂРёСЏ СЃРѕРѕР±С‰РµРЅРёР№ "*** СѓСЂРѕРєРё":
Р§Р°СЃС‚СЊ 1 - РєРѕРјРјРµРЅС‚РёРєРё РЅР° СЃРєРѕСЂСѓСЋ СЂСѓРєСѓР§Р°СЃС‚СЊ 2 - Р”РµР»Р°РµРј РїСЂРѕСЃС‚СѓСЋ Р Р°РјРєСѓ СЃ РґРІРёРіР°СЋС‰РёРјСЃСЏ С‚РµРєСЃС‚РѕРј....Р§Р°СЃС‚СЊ 4 - РЈСЂРѕРє - СЂР°Р·СЂРµР·РЅР°СЏ СЂР°РјРѕС‡РєР° РІ С„РѕС‚РѕС€РѕРїРµ!!! Р§Р°СЃС‚СЊ 5 - Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°Р§Р°СЃС‚СЊ 6 - CssRound: РѕРєСЂСѓРіР»С‹Рµ РіРµРЅРµСЂР°С‚РѕСЂ СѓРіРѕР» CSS3-СѓСЂРѕРєР§Р°СЃС‚СЊ 7 - Р РђРњРљР РЎ РљР РЈР“Р›Р«РњР РЈР“Р›РђРњР Р‘Р•Р— Р¤РћРўРћРЁРћРџРђР§Р°СЃС‚СЊ 8 - Р Р°РјРѕС‡РєРё СЃ РІРЅСѓС‚СЂРµРЅРЅРµР№ С‚РµРЅСЊСЋ Р±РµР· Р¤РЁ...Р§Р°СЃС‚СЊ 36 - Р РђРЎРЁРР Р•РќРќР«Р™ Р Р•Р”РђРљРўРћР  Р›РСЂСѓР§Р°СЃС‚СЊ 37 - РѕР±СЂР°Р·... <a href="https://www.liveinternet.ru/users/5263683/post390667543/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

CssRound: округлые генератор угол CSS3-урок

Пятница, 13 Мая 2016 г. 05:59 + в цитатник
Это цитата сообщения Lyusya-Spring [Прочитать целиком + В свой цитатник или сообщество!]

CssRound: округлые генератор угол CSS3-урок

Ответ на вопрос, как правильно сделать рамочку
CssRound: округлые генератор угол CSS3 может, кому и пригодится

Спасибо за ваши комментарии!

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

Часть 1 - комментики на скорую руку
Часть 2 - Делаем простую Рамку с двигающимся текстом.
...
Часть 4 - Урок - разрезная рамочка в фотошопе!!!
Часть 5 - Без заголовка
Часть 6 - CssRound: округлые генератор угол CSS3-урок
Часть 7 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 8 - Рамочки с внутренней тенью без ФШ
...
Часть 36 - РАСШИРЕННЫЙ РЕДАКТОР ЛИру
Часть 37 - образцы и формулы нарядных РАМОЧЕК для текста
Часть 38 - Учимся делать рамочки

Метки: рамки рамочки

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

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

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

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

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

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

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

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

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

Ваша подпись

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

Метки: рамки рамочки

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

Генератор необычных рамочек

Пятница, 13 Мая 2016 г. 06:03 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Генератор необычных рамочек

Хотите быстро сделать рамку?
Вот такую, необычную?
Тогда вам СЮДА

Размер рамки можно регулировать

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

Метки: рамки рамочки

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

Простая цветная рамка с закруглёнными краями за 5 минут

Пятница, 13 Мая 2016 г. 06:03 + в цитатник
Это цитата сообщения Arnusha [Прочитать целиком + В свой цитатник или сообщество!]

Простая цветная рамка с закруглёнными краями за 5 минут

Это простая цветная рамка с закруглёнными краями в редакторе HTML
Очень удобна, без использования фона, будете только менять цвет фона, который вам удобен. Растягивается вниз, а ширину сами будете менять.
Вот код рамочки
<center><div style="padding:100px;border-radius: 45px;width: 500px; height: px;border: 8px solid #FFFF33;background: #2C55F9;color:#ffffff;margin-bottom:100px;"><td style="padding:20px;text-align:justify"><center><span style="font-family:Times New Roman;color:#FFFFAD;font-size:24px"><i>ВАШ ТЕКСТ
или
КАРТИНКИ</i></center></div>

А ниже немного инфы о тегах в коде рамочки

кому интересно, прошу под кат

Метки: рамки рамочки

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

<a href="https://www.liveinternet.ru/users/5263683/post390667718/">РЎРѕР±РёСЂР°РµРј С„РѕС‚РѕС€РѕРїРЅСѓСЋ СЂР°РјРѕС‡РєСѓ РІ СЂР°РјРѕС‡РЅРёРєРµ.</a><br/>РЎРѕР±РёСЂР°РµРј С„РѕС‚РѕС€РѕРїРЅСѓСЋ СЂР°РјРѕС‡РєСѓ РІ СЂР°РјРѕС‡РЅРёРєРµ.

РЎРѕР±РёСЂР°РµРј С„РѕС‚РѕС€РѕРїРЅСѓСЋ СЂР°РјРѕС‡РєСѓ РІ СЂР°РјРѕС‡РЅРёРєРµ.
		
		РџРѕСЃР»Рµ С‚РѕРіРѕ РєР°Рє РјРЅРѕРіРёРµ РїРѕСЃС‚С‹ Р±С‹Р»Рё РёСЃРїРѕСЂС‡РµРЅС‹ РІ РіСЂСѓРїРїРµ, РїСЂРёС€Р»РѕСЃСЊ РёСЃРєР°С‚СЊ РІС‹С…РѕРґ РёР· СЃР»РѕР¶РёРІС€РµР№СЃСЏ СЃРёС‚СѓР°С†РёРё. РЇ РЅРёРєРѕРіРґР° РЅРµ РїРѕР»СЊР·РѕРІР°Р»Р°СЃСЊ СЂР°РјРѕС‡РЅРёРєРѕРј, Р° РІСЃРµ СЂР°Р±РѕС‚С‹ РґРµР»Р°Р»Р° РїРѕ С„РѕСЂРјСѓР»Р°Рј. РќРѕ РІС‡РµСЂР° СЏ РїСЂРёС€Р»Р° Рє РІС‹РІРѕРґСѓ, С‡С‚Рѕ РЅРё РѕРґРЅР° С„РѕСЂРјСѓР»Р° РЅРµ РїРѕРґС…РѕРґРёС‚ Рє С„РѕС‚РѕС€РѕРїРЅРѕР№ СЂР°РјРѕС‡РєРµ.
		&nbsp;
	
	
		
			
			РЎРѕРіР»Р°СЃРЅР° СЃ С‚РµРј, С‡С‚Рѕ СѓСЂРѕРєРѕРІ РјРЅРѕРіРѕ РїРѕ СЂР°РјРѕС‡РЅРёРєСѓ Рё РєР°Рє РёРј РїРѕР»СЊР·РѕРІР°С‚СЊСЃСЏ.
			
			РќРѕ С‚Р°РєРёС… РєР°Рє СЏ РјРЅРѕРіРѕ, РєРѕС‚РѕСЂС‹Рµ РЅРµ РґСЂСѓР¶Р°С‚ СЃ СЂР°РјРѕС‡РЅРёРєРѕРј.
			
			Р”Р»СЏ С‚РµС… РєС‚Рѕ СѓР¶Рµ РїСЂРёРІС‹Рє Рє РјРѕРёРј СѓСЂРѕРєР°Рј Рё РёРј Р»РµРіРєРѕ РїРѕ РЅРёРј РґРµР»Р°С‚СЊ СЂР°Р±РѕС‚С‹, СЏ РЅР°РїРёСЃР°... <a href="https://www.liveinternet.ru/users/5263683/post390667718/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Собираем фотошопную рамочку в рамочнике.

Пятница, 13 Мая 2016 г. 06:04 + в цитатник
Это цитата сообщения Астраханочка_51 [Прочитать целиком + В свой цитатник или сообщество!]

Собираем фотошопную рамочку в рамочнике.

Собираем фотошопную рамочку в рамочнике.

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

Согласна с тем, что уроков много по рамочнику и как им пользоваться.

Но таких как я много, которые не дружат с рамочником.

Для тех кто уже привык к моим урокам и им легко по ним делать работы, я написала этот урок.

Заходим на сайт - http://4maf.ru/ramochnik.php

Общий обзор.

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

Метки: рамки рамочки

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

Простые рамочки -2

Пятница, 13 Мая 2016 г. 06:13 + в цитатник
Это цитата сообщения О_себе_-_Молчу [Прочитать целиком + В свой цитатник или сообщество!]

Простые рамочки -2

1 часть

Простые рамочки для поста

примеры с кодами

Метки: рамки рамочки простые рамочки

Страницы:

3 [2] 1

LiveInternetLiveInternet

-Рубрики

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

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

-Статистика

простая рамочка с двойной кромкой+КОД

Рамочка с обводкой в виде кромки

Набор простых рамочек+формула

10 прозрачных рамочек с обводкой+код

Рамочка по формуле от мадам Ольга(прокрутка)+КОД

Рамочки для текста

Рамочки для текста

Рамочки зелёные для текста

Рамочки для текста

Оформление постов

Урок по рамочкам - составлен по просьбе

Простые рамочки-обводки для текста

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

Обводка внутри рамки (блока)

CssRound: округлые генератор угол CSS3-урок

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

Генератор необычных рамочек

Простая цветная рамка с закруглёнными краями за 5 минут

Собираем фотошопную рамочку в рамочнике.

Простые рамочки -2