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

Закругление углов изображения без ФШ

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

Закругление углов изображения без ФШ

Закруглять будем с помощью HTML кода + свойство CSS border-radius.

<img src="АДРЕС ИЗОБРАЖЕНИЯ" style="border-radius: width: ШИРИНА ИЗОБРАЖЕНИЯpx; height: ВЫСОТА ИЗОБРАЖЕНИЯpx; border: 3px solid red; border-radius: 100%;" />

Так выглядит код картинки — HTML овал (для прямоугольных изображений):

< img src="https://img-fotki.yandex.ru/get/16129/163781271.f8/0_
f121c_96424eec_L.jpg" style="border-radius: width: 430px; height: 280px;
border: 3px solid red; border-radius: 100%;"/>

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

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 24 - Шаблоны рамок
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

<a href="https://www.liveinternet.ru/users/svetanjel/post342159141/">РЎРєРµР»РµС‚РёРєРё РјРѕРёС… СЂР°РјРѕРє РїРѕ С„РѕСЂРјСѓР»Р°Рј РЎРµСЂРіРµСЏ Р’Р°Рј РѕСЃС‚Р°РµС‚СЃСЏ С‚РѕР»СЊРєРѕ РІСЃС‚Р°РІРёС‚СЊ СЃРІРѕРё С„РѕРЅС‹</a><br/>РЎРєРµР»РµС‚РёРєРё РјРѕРёС… СЂР°РјРѕРє РїРѕ С„РѕСЂРјСѓР»Р°Рј РЎРµСЂРіРµСЏ Р’Р°Рј РѕСЃС‚Р°РµС‚СЃСЏ С‚РѕР»СЊРєРѕ РІСЃС‚Р°РІРёС‚СЊ СЃРІРѕРё С„РѕРЅС‹

[url=http://www.liveinternet.ru/users/sergg62/post315647224/#]РЈСЂРѕРє РЎРµСЂРіРµСЏ Р·РґРµСЃСЊ[/url]

Р’Р°С€ С‚РµРєСЃС‚  Р’Р°С€Р° РєР»РёРєР°Р±РµР»СЊРЅР°СЏ РїРѕРґРїРёСЃСЊ

Р’Р°С€ С‚РµРєСЃС‚ Р’Р°С€Р° РїРѕРґРїРёСЃСЊ

РЎРµСЂРёСЏ СЃРѕРѕР±С‰РµРЅРёР№ "Р±РµР· РєР°СЂС‚РёРЅРєРё С‡.4":РњРѕСЏ СЂР°РјРѕС‡РєР°
Р§Р°СЃС‚СЊ 1 - Р Р°РјРѕС‡РєР° Р›Р®Р‘Рђ-Р›Р®Р‘РЈРЁРљРђ в„–36Р§Р°СЃС‚СЊ 2 - Р Р°РјРѕС‡РєРё СЃ РєСЂСѓР¶РµРІР°РјРё...Р§Р°СЃС‚СЊ 23 - РЎРёСЂРµРЅРµРІС‹Рµ СЂР°РјРѕС‡РєРё СЃ Р·Р°РєСЂСѓРіР»РµРЅРЅС‹РјРё РєСЂР°СЏРјРёР§Р°СЃС‚СЊ 24 - РњРѕРё СЂР°РјРѕС‡РєРё РѕР±СЉРµРјРЅС‹Рµ СЃ С‚РµРЅСЏРјРё РїРѕ С„РѕСЂРјСѓР»Р°Рј РЎРµСЂРіРµСЏР§Р°СЃС‚СЊ 25 - РЎРєРµР»РµС‚... <a href="https://www.liveinternet.ru/users/svetanjel/post342159141/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Скелетики моих рамок по формулам Сергея Вам остается только вставить свои фоны

Понедельник, 03 Ноября 2014 г. 11:53 + в цитатник
Это цитата сообщения ЛЮБА-ЛЮБУШКА [Прочитать целиком + В свой цитатник или сообщество!]

Скелетики моих рамок по формулам Сергея Вам остается только вставить свои фоны

Урок Сергея здесь

Ваш текст

Ваша кликабельная подпись

<center> <div style="box-shadow:1px 2px 7px black,-2px -2px 1px white,-2px -2px 7px white;border:2px inset #00000;border-radius:0px 600px 0px 600px;-moz-border-radius:70px;-webkit-border-radius:1em;padding:15px;background-image:url('ФОН №1');width:70%;"> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black;border:2px inset #000000;border-radius:0px 395px 0px 395px;-moz-border-radius:65px;-webkit-border-radius:1em;padding:22px;background-image:url('ФОН №2');width:85%;"> <center> <div style="box-shadow:2px 2px 7px white,-2px -2px 7px white,2px 2px 7px black;border:1px inset #000000;border-radius:0px 385px 0px 385px;-moz-border-radius:70px;-webkit-border-radius:2em;padding:4px;background-image:url('ФОН №3');width:85%;"> <center> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black; border:2px inset #000000;border-radius:0px 385px 0px 385px;-moz-border-radius:70px;-webkit-border-radius:2em;padding:10px;background-image:url('ФОН №4 для текста');width:95%;"> <center> <br /> <div align="center"> <span style="font-family:Georgia;color:#343A14;font-size:20px" face="Georgia"><br /><br /> Ваш текст<br /></span><br /> <br /><br /> <center>Ваша кликабельная подпись</center> </div></center> </div></center> </div> </center> </div> </div></center>

Ваш текст

Ваша подпись

<center> <div style="box-shadow:1px 2px 7px black,-2px -2px 1px white,-2px -2px 7px white;border:2px inset #00000;border-radius:70px;-moz-border-radius:70px;-webkit-border-radius:1em;padding:8px;background-image:url('ФОН №1');width:70%;"> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black;border:2px inset #000000;border-radius:70px;-moz-border-radius:70px;-webkit-border-radius:1em;padding:30px;background-image:url('ФОН №2');width:85%;"> <center> <div style="box-shadow:2px 2px 9px black,-2px -2px 7px black,-2px -2px 7px black; border:2px inset #000000;border-radius:70px;-moz-border-radius:70px;-webkit-border-radius:2em;padding:15px;background-image:url('ФОН №3');width:95%;"> <center> <br /> <div align="center"> <p><br /> <span style="color:#000000;"><span style="font-weight: 400; text-align: center; font-family: &quot;monotype corsiva&quot;, serif; font-size: 15px; line-height: 150%; rgb(85, 69, 0), 1px 1px 1px rgb(135, 102, 0); column-count: 3;"><font face="Courier New" style="font-size:20px"><span style="font-family:georgia,serif;"><em><strong>Ваш текст</strong></em></span></font></span></span><br /> </p>Ваша подпись<span style="font-family:Georgia;color:#000000;font-size:12px"></span></div></center> </div></center> </div></div></center>

Серия сообщений "без картинки ч.4":
Моя рамочка

Часть 1 - Рамочка ЛЮБА-ЛЮБУШКА №36
Часть 2 - Рамочки с кружевами
...
Часть 23 - Сиреневые рамочки с закругленными краями
Часть 24 - Мои рамочки объемные с тенями по формулам Сергея
Часть 25 - Скелетики моих рамок по формулам Сергея Вам остается только вставить свои фоны

Серия сообщений "скелетики рамок Егоровой":
Рамочки

Часть 1 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 2 - Номера фонов для скелетиков
...
Часть 20 - Скелетик рамки с закругленными краями
Часть 21 - Генератор необычных рамочек
Часть 22 - Скелетики моих рамок по формулам Сергея Вам остается только вставить свои фоны

Метки: рамки обучающие

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

РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА

Вторник, 04 Марта 2014 г. 14:37 + в цитатник
Это цитата сообщения DED_c_B9ITKU [Прочитать целиком + В свой цитатник или сообщество!]

РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА

ДЕЛАЕМ РАМКИ С КРУГЛЫМИ УГЛАМИ
БЕЗ ФОТОШОПА

Многие спрашивают, как сделать рамочку с круглыми углами?

ЕгороваТатьяна уже разьясняла,как это делается: тут

Немного дополню её, в своём маленьком уроке

По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.

Рассотрим,из чего же состоит наша формула

ЗДЕСЬ БУДЕТ ВАША ФОНОВАЯ КАРТИНКА

Это часть нашей формулы, один "контейнер" (их может быть несколько)
<div style="box-shadow:12px 8px 7px #FF533E,18px -3px 2px #2D20FF,-2px -2px 17px #00D80F;border:5px inset #3F1D00;border-radius:50px;padding:10px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ');width:50%;"><center><br />ВАШ ТЕКСТ<br /><br />
Контейнер состоит из атрибутов:

"div style" - блочный элемент стилей
"box shadow" - эффект тени (красная, синяя, зелёная...ставить на Ваше усмотрение)
"border" - эффект бордюра : inset - цвет эффекта бордюра(чёрно серый)
"border-radius" - радиус скругления углов
Радиус скругления углов,можно задавать как 1 значением (для всех улов),
2 значениями (для 2 углов по диагонали), так и 4 углов (для каждого угла)
"padding" - внутренний отступ в элементе
"background-image" - фоновая картинка (адрес фоновой картинки)
"width" - ширина рамки (может быть выражена в % или же в px)

могут встречаться атрибуты:

"-webkit-box-shadow" - для отображения в старых версиях браузера Chrome,
"-moz-box-shadow" - для отображения в старых версиях браузера Mozilla Firefox,
"box-shadow" - для отображения во всех остальных браузерах.

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 21 - Как поменять размер,цвет и ширину текста в готовой рамке?
Часть 22 - Рамка с круглыми углами
Часть 23 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 24 - Шаблоны рамок
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

<a href="https://www.liveinternet.ru/users/svetanjel/post315291222/">Р Р°РјРєР° СЃ РєСЂСѓРіР»С‹РјРё СѓРіР»Р°РјРё </a><br/>Р Р°РјРєР° СЃ РєСЂСѓРіР»С‹РјРё СѓРіР»Р°РјРё

Р РђРњРљР РЎ РљР РЈР“Р›Р«РњР РЈР“Р›РђРњР

РќР°РІРµСЂРЅРѕ РјРЅРѕРіРёРµ, РєС‚Рѕ СЃРµР№С‡Р°СЃ СЃРјРѕС‚СЂРёС‚ РЅР° СЂР°РјРєСѓ РЅРёР¶Рµ, РґСѓРјР°СЋС‚, С‡С‚Рѕ РѕРЅР° СЃРґРµР»Р°РЅР° РІ РїСЂРѕРіСЂР°РјРјРµ Р¤РѕС‚РѕС€РѕРї...РќРµС‚. РћРЅР° СЃРґРµР»Р°РЅР° СЃ РїРѕРјРѕС‰СЊСЋ html-РєРѕРґР°, РєР°Рє РѕР±С‹С‡РЅС‹Рµ СЂР°РјРєРё СЃ РїСЂСЏРјС‹РјРё СѓРіР»Р°РјРё. РС„С„РµРєС‚ РєСЂСѓРіР»С‹С… СѓРіР»РѕРІ РІРёРґРµРЅ РІ Р±СЂР°СѓР·РµСЂР°С… Google Chrome, Mozilla Firefox. Р’ Internet Explorer СЂР°РјРєР° Р±СѓРґРµС‚ РѕС‚СЂР°Р¶Р°С‚СЊСЃСЏ РєР°Рє РѕР±С‹С‡РЅР°СЏ СЃ РїСЂСЏРјС‹РјРё СѓРіР»Р°РјРё. Р’ РґСЂСѓРіРёС… РЅРµ Р·РЅР°СЋ. РЇ РґР°Рј "СЃРєРµР»РµС‚РёРє" РєРѕРґР° С‚Р°РєРѕР№ СЂР°РјРєРё, С‡С‚РѕР±С‹ РїРѕРґСЃС‚Р°РІР»СЏСЏ СЃРІРѕРё С„РѕРЅС‹ Рё РїР°СЂР°РјРµС‚СЂС‹, РІС‹ РјРѕРіР»Рё Р±РµР· РѕСЃРѕР±РѕРіРѕ С‚СЂСѓРґР° СЃРѕР±СЂР°С‚СЊ СЃРІРѕСЋ СЂР°РјРѕС‡РєСѓ Рё РѕР±СЉСЏСЃРЅСЋ РєР°Рє РёРј РїРѕР»СЊР·РѕРІР°С‚СЊСЃСЏ.

[more]РРўРђРљ.
Р’РѕС‚ СЌС‚Рё 2 Р·Р°РіРѕС‚РѕРІРєРё РЅРёР¶Рµ РјРѕР¶РЅРѕ РёСЃРїРѕР»СЊР·РѕРІР°С‚СЊ... <a href="https://www.liveinternet.ru/users/svetanjel/post315291222/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Рамка с круглыми углами

Пятница, 28 Февраля 2014 г. 22:31 + в цитатник
Это цитата сообщения Егорова_Таня [Прочитать целиком + В свой цитатник или сообщество!]

Рамка с круглыми углами

РАМКИ С КРУГЛЫМИ УГЛАМИ

Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью html-кода, как обычные рамки с прямыми углами. Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

Читать далее

Вот такая рамочка получилась у меня после добавления картинок. Думаю их код можно усовершенствовать, а варианты рамок разнообразить. Испытала только на Лиру. Для Яру и других сайтов нужен другой код. Может кто-то сделает. Была бы рада посмотреть на ваши рамки, которые вы сделаете по этому уроку.

Удачи!

Егорова Татьяна

Код готовой рамки

<table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:8px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:4px" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" solid silver; border-radius:80px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><a href="http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a><br />
Здесь будет Ваш текст<br /><br /><a href="http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="http://www.egorovatatiana.ru/" target="_blank"></a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table> </b></span></td></tr></table></td></tr><tr><td style="padding:4px" align="center"><table width="600" height="240" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/10/110/557/110557223_82296535_0_49cdf_d7b1032f_M.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="color:#000000;font-size:20px"></span></td></tr></table></td></tr></table></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 20 - Рамка "С днем рождения
Часть 21 - Как поменять размер,цвет и ширину текста в готовой рамке?
Часть 22 - Рамка с круглыми углами
Часть 23 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Часть 24 - Шаблоны рамок
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

<a href="https://www.liveinternet.ru/users/svetanjel/post303462867/">РљР°Рє РїРѕРјРµРЅСЏС‚СЊ СЂР°Р·РјРµСЂ,С†РІРµС‚ Рё С€РёСЂРёРЅСѓ С‚РµРєСЃС‚Р° РІ РіРѕС‚РѕРІРѕР№ СЂР°РјРєРµ?</a><br/>РљР°Рє РїРѕРјРµРЅСЏС‚СЊ СЂР°Р·РјРµСЂ,С†РІРµС‚ Рё С€РёСЂРёРЅСѓ С‚РµРєСЃС‚Р° РІ РіРѕС‚РѕРІРѕР№ СЂР°РјРєРµ?

РЎРµРіРѕРґРЅСЏ СЏ С…РѕС‡Сѓ РїРѕРєР°Р·Р°С‚СЊ Р’Р°Рј, РєР°Рє РёР·РјРµРЅРёС‚СЊ С†РІРµС‚,СЂР°Р·РјРµСЂ Рё С€РёСЂРёРЅСѓ С‚РµРєСЃС‚Р° РІ РіРѕС‚РѕРІРѕР№ СЂР°РјРѕС‡РєРµ.

1. РљРѕРїРёСЂСѓРµРј Р»РµРІРѕР№ РєРЅРѕРїРєРѕР№ РјС‹С€Рё РєРѕРґ СЂР°РјРѕС‡РєРё РІ РѕРєРѕС€РєРµ, РіРґРµ РІС‹СЃС‚Р°РІР»РµРЅ СЌС‚РѕС‚ РєРѕРґ
(РЎРјРѕС‚СЂРё С„РѕС‚Рѕ)

[more=Р”Р°Р»РµРµ...]2. Р”Р°Р»РµРµ Р¶РјС‘Рј РЅР° РќРѕРІСѓСЋ Р·Р°РїРёСЃСЊ, РІС‹Р±РёСЂР°РµРј С‚Р°Рј РџР РћРЎРўРћР™ С‚РµРєСЃС‚РѕРІС‹Р№ СЂРµРґР°РєС‚РѕСЂ Рё СЃС‚Р°РІРёРј СЃРєРѕРїРёСЂРѕРІР°РЅРЅС‹Р№ РєРѕРґ.

3. РЎРјРѕС‚СЂРёРј С„РѕС‚Рѕ:

СЂР°Р·РјРµСЂ С„РѕС‚Рѕ РјРѕР¶РЅРѕ РІС‹Р±СЂР°С‚СЊ, РЅР°Р¶Р°РІ РЅР° "РІ РґСЂСѓРіРѕРј СЂР°Р·РјРµСЂРµ"
  
 1.- РњРµРЅСЏРµРј СЂР°Р·РјРµСЂ С‚РµРєСЃС‚Р° РЅР° СЃРІРѕР№
   2.- РњРµРЅСЏРµРј С€РёСЂРёРЅСѓ РІСЃС‚Р°РІР»СЏРµРјРѕРіРѕ С‚РµРєСЃС‚Р° (С‡С‚РѕР±С‹ РѕРЅ РЅРµ РІС‹Р»РµР·Р°Р» Р·Р° РєСЂР°СЏ СЂР°РјРєРё)
   3.- РњРµРЅСЏРµРј С†РІРµС‚ С‚РµРєСЃС‚Р° РЅР° СЃРІРѕР№.... <a href="https://www.liveinternet.ru/users/svetanjel/post303462867/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Как поменять размер,цвет и ширину текста в готовой рамке?

Суббота, 14 Декабря 2013 г. 17:19 + в цитатник
Это цитата сообщения Vi-Natalka [Прочитать целиком + В свой цитатник или сообщество!]

Как поменять размер,цвет и ширину текста в готовой рамке?

Сегодня я хочу показать Вам, как изменить цвет,размер и ширину текста в готовой рамочке.

1. Копируем левой кнопкой мыши код рамочки в окошке, где выставлен этот код
(Смотри фото)

Далее...

Nata Vi

Код рамочки:

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 19 - формулы рамок
Часть 20 - Рамка "С днем рождения
Часть 21 - Как поменять размер,цвет и ширину текста в готовой рамке?
Часть 22 - Рамка с круглыми углами
Часть 23 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

формулы рамок

Пятница, 18 Мая 2012 г. 22:26 + в цитатник
Это цитата сообщения Марина_Кузьмина [Прочитать целиком + В свой цитатник или сообщество!]

формулы рамок

2 слоя

3слоя

4 слоя

6 слоев

<center><table border="2" background="1 СЛОЙ ЖЕЛТОГО ФОНА" cellpadding="3" cellspacing="5" width="600"><tr><td><table border="2" background="2 СЛОЙ БЕЛОГО ФОНА" cellpadding="3" cellspacing="25" width="100%"><tr><td><table border="2" background="3 СЛОЙ ЖЕЛТОГО ФОНА" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="2" background="4 СЛОЙ БЕЛОГО ФОНА" cellpadding="3" cellspacing="0" width="100%"><tr><td><center><img src="КАРТИНКА ЛЮБАЯ" /></center><table border="2" background="5 СЛОЙ ЖЕЛТОГО ФОНА" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="2" background="6 СЛОЙ БЕЛОГО (ОСНОВНОГО) ФОНА" cellpadding="1" cellspacing="3" width="100%"><tr><td><center><font size="4" color="000000" face="Monotype Corsiva"> ВАШ ТЕКСТ  </font></center></td></tr></table></td></tr></table><center><text size="2"><a href="АДРЕС БЛОГА" target="_blank"><text size="2">ВАШ НИК</text></a></text></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

8слоев

<center><table border="2" background="1 СЛОЙ БЛЕСТЯЩЕГО ФОНА" cellpadding="1" cellspacing="2" width="600"><td><table border="0" background="2 СЛОЙ ПРМЕЖУТОЧНОГО ФОНА" cellpadding="10" cellspacing="1" width="100%"><tr> <td><table border="0" background="3 СЛОЙ БЛЕСТЯЩЕГО ФОНА" cellpadding="1" cellspacing="2" width="100%"> <tr><td> <table border="0" background="4СЛОЙ ЦВЕТНОГО ФОНА" cellpadding="50" cellspacing="1" width="100%"> <tr><td> <table border="0" background="5 СЛОЙ БЛЕСТЯЩЕГО ФОНА" cellpadding="1" cellspacing="2" width="600"><tr><td><table border="0" background="6 СЛОЙ ПРОМЕЖУТОЧНОГО ФОНА" cellpadding="10" cellspacing="1" width="100%"><tr><td><table border="0" background="7СЛОЙ БЛЕСТЯЩЕГО ФОНА" cellpadding="1" cellspacing="2" width="100%"> <tr><td> <table border="0" background="8 СЛОЙ ОСНОВНОГО ФОНА" cellpadding="1" cellspacing="2" width="100%"> <tr><td><center> <img src="АДРЕС КАРТИНКИ" /></center><center><font size="5"><font color="000066"> <font face="verdana,arial">ВАШ ТЕКСТ</font></font></font><center> <img src="АДРЕС КАРТИНКИ" /></center>ССЫЛКА НА ВАС </center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></table></center>

с уголками

<center> <table width="100%" border="0" cellspacing="2" cellpadding="2" background="КОНТУР"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="5" cellpadding="5" background="УЗКИЙ ФОН"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="2" cellpadding="2" background="КОНТУР"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="0" cellpadding="30" background="ШИРОКИЙ ФОН"><tr valign="top"><td width="100%"><a href="АДРЕС ВАШЕГО БЛОГА" target="_blank"><font face="verdana,arial,helvetica" size="2"><b><div align="center"><text color="005826">ВАШ НИК</text></div></b></font></a><table border="0"><table width="100%" border="0" cellspacing="2" cellpadding="2" background="КОНТУР"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="5" cellpadding="5" background="УЗКИЙ ФОН"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="2" cellpadding="2" background="КОНТУР"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="5" cellpadding="5" background="ОСНОВНОЙ ФОН"><tr valign="top"> <tr> <td><img src="ВЕРХНИЙ ЛЕВЫЙ УГОЛОК" width="100" /> </td> <td width="100%"></td> <td><img src="ВЕРХНИЙ ПРАВЫЙ УГОЛОК" width="100" /></td> </tr> <tr> <td></td> <td><center><text face="Monotype Corsiva"><text size="5"><text color="FFFFFF"> Здесь будет ваш текст.</text></text></text></center><br /></td><td></td> </tr> <tr>  <td><img src="НИЖНИЙ ЛЕВЫЙ УГОЛОК" width="100" /></td> <td></td><td><img src="НИЖНИЙ ПРАВЫЙ УГОЛОК" width="100" /></td></tr> </tr></table></td></tr></table></td></tr></table></td></tr></table></table></td></tr></table></td></tr></table></td></tr></table></td></tr> </table></center>

фон для записи из 3-х слоев

картинка между текста

рамочка-фон

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 17 - Рамка 329 (8 Марта)
Часть 18 - Фон для сообщений.
Часть 19 - формулы рамок
Часть 20 - Рамка "С днем рождения
Часть 21 - Как поменять размер,цвет и ширину текста в готовой рамке?
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

<a href="https://www.liveinternet.ru/users/svetanjel/post220593521/">Р¤РѕРЅ РґР»СЏ СЃРѕРѕР±С‰РµРЅРёР№.</a><br/>Р¤РѕРЅ РґР»СЏ СЃРѕРѕР±С‰РµРЅРёР№.

РќРµС‚ РїСЂРµРґРµР»Р° С‡РµР»РѕРІРµС‡РµСЃРєРёРј Р¶РµР»Р°РЅРёСЏРј) С‚Р°Рє РїРѕСЃР»Рµ РїРѕСЃС‚Р°&nbsp;Р’С‹РґРµР»РёС‚СЊ С‚РµРєСЃС‚ СЂР°РјРєРѕР№ СЃС‚Р°Р»Рё РїСЂРёС…РѕРґРёС‚ РІ Р»РёС‡РєСѓ РІРѕРїСЂРѕСЃС‹ Рѕ С‚РѕРј РєР°Рє РјРѕР¶РЅРѕ РЅРµ РёСЃРїРѕР»СЊР·СѓСЏ СЂР°РјРєРё СЃРґРµР»Р°С‚СЊ С‚РµРєСЃС‚ РїСЂРѕСЃС‚Рѕ РЅР° С„РѕРЅРµ РєР°РєРѕР№-РЅРёР±СѓРґСЊ РєР°СЂС‚РёРЅРєРё РёР»Рё Р·Р°Р»РёС‚СЊ РѕРґРЅРѕС‚РѕРЅРЅС‹Рј С†РІРµС‚РѕРј.
Р’РѕРѕР±С‰Рµ-С‚Рѕ РЅРёС‡РµРіРѕ СЃР»РѕР¶РЅРѕРіРѕ РІ СЌС‚РѕРј РЅРµС‚. Р’Р°Рј РЅСѓР¶РЅРѕ РЅР°Р№С‚Рё РїРѕРґС…РѕРґСЏС‰СѓСЋ РєР°СЂС‚РёРЅРєСѓ РёР»Рё Р±РµСЃС€РѕРІРЅС‹Р№ С„РѕРЅ. РќР°С€Р»Рё? Р—Р°РјРµС‡Р°С‚РµР»СЊРЅРѕ, РµСЃР»Рё РЅРµС‚ С‚Рѕ РїРѕРїСЂРѕР±СѓР№С‚Рµ РїРѕС‚СЂРµРЅРёСЂРѕРІР°С‚СЊСЃСЏ РІРѕС‚ РЅР° СЌС‚РёС…&nbsp;Р‘РµСЃС€РѕРІРЅС‹Рµ С„РѕРЅС‹ - СЃРµСЂРґРµС‡РєРё, РќРѕРІРѕРіРѕРґРЅРёРµ Р±РµСЃС€РѕРІРЅС‹Рµ С„РѕРЅС‹. 
1. РЎРєРѕРїРёСЂСѓР№С‚Рµ РєРѕРґ РёР· С„Р»РµР№РјР°
2. Р“РґРµ РЅР°РїРёСЃР°РЅРѕ URL-Р°РґСЂРµСЃ С„РѕРЅР° - РІСЃС‚Р°РІР»СЏР№С‚Рµ Р°РґСЂРµСЃ СЃРІРѕР№ РєР°СЂС‚РёРЅРєРё РёР»Рё С„РѕРЅР°
3. width="100% - СЂР°Р·РјРµСЂ... <a href="https://www.liveinternet.ru/users/svetanjel/post220593521/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Фон для сообщений.

Пятница, 18 Мая 2012 г. 22:09 + в цитатник
Это цитата сообщения Дайтека [Прочитать целиком + В свой цитатник или сообщество!]

Фон для сообщений.

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

Вообще-то ничего сложного в этом нет. Вам нужно найти подходящую картинку или бесшовный фон. Нашли? Замечательно, если нет то попробуйте потренироваться вот на этих Бесшовные фоны - сердечки, Новогодние бесшовные фоны.

1. Скопируйте код из флейма

2. Где написано URL-адрес фона - вставляйте адрес свой картинки или фона

3. width="100% - размер по отношению к посту, если Вы хотите сделать меньше, то просто измените цифру, а если Вы знаете точный размер картинки то его и поставьте, но тогда не забудьте удалить проценты (%).

В результате у Вас должно получится что-то подобное:

Если тебе когда-нибудь захочется найти такого человека, который сможет одолеть любую, даже самую тяжелую беду и сделать тебя счастливым, когда этого не может больше никто: ты просто посмотри в зеркало и скажи: "Привет!" Р.Бах

Если Вы не хотите использовать картинки или специальные фоны, то можно написать текст просто на цветном фоне

1. Копируете код из флейма.

2. background-color: #800000 - цвет заливки, font color="#FFCCCC - цвет букв, коды цвета можно взять ЗДЕСЬ

3. padding: 5px - отступ от края, можете поменять цифру в большую или меньшую сторону.

Вы пришли в этот мир не для того, чтобы жить в соответствии с моими ожиданиями. Так же, как и я пришел сюда не для того, чтобы оправдать ваши. Если мы встретимся и поладим - это прекрасно. Если же нет, то ничего не поделаешь. Фредерик Перлз.

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 16 - каждый день для нас ценней.
Часть 17 - Рамка 329 (8 Марта)
Часть 18 - Фон для сообщений.
Часть 19 - формулы рамок
Часть 20 - Рамка "С днем рождения
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

<a href="https://www.liveinternet.ru/users/svetanjel/post199155638/">РєР°Р¶РґС‹Р№ РґРµРЅСЊ РґР»СЏ РЅР°СЃ С†РµРЅРЅРµР№.</a><br/>...РєР°Р¶РґС‹Р№ РґРµРЅСЊ РґР»СЏ РЅР°СЃ С†РµРЅРЅРµР№...

РґР»СЏ РўР•РҐ,РљРћРњРЈ РРќРўР•Р Р•РЎРќРћ

[more]

РњС‹ РЅРµ СЃС‚Р°РЅРѕРІРёРјСЃСЏ РјРѕР»РѕР¶Рµ,
РўР°Рє Р·РЅР°С‡РёС‚ РЅСѓР¶РЅРѕ СЃС‚Р°С‚СЊ РјСѓРґСЂРµР№.
РџСѓСЃС‚СЊ РЎРѕРІРµСЃС‚СЊ РЅР°СЃ РІСЃС‘ С‡Р°С‰Рµ РіР»РѕР¶РµС‚,
Р РєР°Р¶РґС‹Р№ РґРµРЅСЊ РґР»СЏ РЅР°СЃ С†РµРЅРЅРµР№.
РњС‹ РЅРµ СЃС‚Р°РЅРѕРІРёРјСЃСЏ РјРѕР»РѕР¶Рµ,
РќРѕ РЅСѓР¶РЅРѕ РІРѕР·СЂР°СЃС‚ СЃРІРѕР№ Р»СЋР±РёС‚СЊ.
Р‘С‹С‚СЊ РЅРµ Рє РґСЂСѓРіРёРј - Рє СЃРµР±Рµ РїРѕСЃС‚СЂРѕР¶Рµ,
Р РїСЂР°РІРґСѓ С‡Р°С‰Рµ РіРѕРІРѕСЂРёС‚СЊ.
РњС‹ РЅРµ СЃС‚Р°РЅРѕРІРёРјСЃСЏ РјРѕР»РѕР¶РµвЂ¦
Р—РІРѕРЅРєРё Р·РґРѕСЂРѕРІСЊСЏ С‚РµСЂРµР±СЏС‚.
РќРѕ РІСЃС‘ Р¶Рµ СѓРЅС‹РІР°С‚СЊ РЅРµРіРѕР¶Рµ,
РҐРѕС‚СЊ Р”СѓС€Рё РІСЃС‘ СЃРёР»СЊРЅРµР№ Р±РѕР»СЏС‚.
РњС‹ РЅРµ СЃС‚Р°РЅРѕРІРёРјСЃСЏ РјРѕР»РѕР¶Рµ,
РќРѕ РґР°Р№ РЅР°Рј Р‘РѕРі РІ РјР°СЂР°Р·Рј РЅРµ РІРїР°СЃС‚СЊ.
РќРµ СЃС‚Р°С‚СЊ Р·Р°РЅСѓРґР°РјРёвЂ¦Рѕ, Р‘РѕР¶Рµ!
Р Р¶РёР·РЅСЊСЋ РЅР°СЃР»Р°Р¶РґР°С‚СЊСЃСЏ РІСЃР»Р°СЃС‚СЊ.
РњС‹ РЅРµ СЃС‚Р°РЅРѕРІРёРјСЃСЏ РјРѕР»РѕР¶РµвЂ¦
РљСѓРґР° РѕС‚ СЌС‚РѕРі... <a href="https://www.liveinternet.ru/users/svetanjel/post199155638/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

каждый день для нас ценней.

Пятница, 30 Декабря 2011 г. 20:02 + в цитатник
Это цитата сообщения Ваша_ТАНЯ_идущая_по_Судьбе [Прочитать целиком + В свой цитатник или сообщество!]

...каждый день для нас ценней...

для ТЕХ,КОМУ ИНТЕРЕСНО

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

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 14 - Рамка для фотографий
Часть 15 - КАК ДЕЛАТЬ ПРОСТЫЕ РАМОЧКИ
Часть 16 - каждый день для нас ценней.
Часть 17 - Рамка 329 (8 Марта)
Часть 18 - Фон для сообщений.
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

<a href="https://www.liveinternet.ru/users/svetanjel/post197708616/">РљРђРљ Р”Р•Р›РђРўР¬ РџР РћРЎРўР«Р• Р РђРњРћР§РљР</a><br/>РљРђРљ Р”Р•Р›РђРўР¬ РџР РћРЎРўР«Р• Р РђРњРћР§РљР

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

РљР°Рє Р¶Рµ РґРµР»Р°С‚СЊ РїСЂРѕСЃС‚СѓСЋ СЂР°РјРѕС‡РєСѓ?

РџР•Р Р’Р«Р™ Р’РђР РРђРќРў

РЎР°РјР°СЏ РїСЂРѕСЃС‚Р°СЏ СЂР°РјРѕС‡РєР° СЌС‚Рѕ РїСЂРѕСЃС‚Рѕ С„РѕРЅ, Р±РµР· РѕРєР°РЅС‚РѕРІРєРё, РІ РѕРґРёРЅ СЃР»РѕР№:

[more]
Р¤РѕСЂРјСѓР»Р° СЌС‚РѕРіРѕ С„РѕРЅР° С‚Р°РєР°СЏ:

Р—РґРµСЃСЊ Р±СѓРґРµС‚ Р’Р°С€ С‚РµРєСЃС‚
Р Р°СЃСЃРјРѕС‚СЂРёРј, С‡С‚Рѕ РІ СЌС‚РѕР№ С„РѕСЂРјСѓР»Рµ РІС‹ РјРѕР¶РµС‚Рµ РёР·РјРµРЅСЏС‚СЊ:

Р’ РїРµСЂРІРѕР№ РєСЂР°СЃРЅРѕР№ СЂР°РјРѕС‡РєРµ РІС‹РґРµР»РµРЅ РєРѕРґ С†РІРµС‚Р°, РІС‹ РјРѕР¶РµС‚Рµ РµРіРѕ РјРµРЅСЏС‚СЊ РЅР° СЃРІРѕР№.
РљРѕРґС‹ С†РІРµС‚С‹ РІС‹ РјРѕР¶РµС‚Рµ РІР·СЏС‚СЊ РІ РїР°Р»РёС‚СЂРµ: 
Р—РґРµСЃСЊРџРђР›РРўР Рђ Р¦Р’Р•РўРћР’
РР»Рё Р·Рґ... <a href="https://www.liveinternet.ru/users/svetanjel/post197708616/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

КАК ДЕЛАТЬ ПРОСТЫЕ РАМОЧКИ

Понедельник, 19 Декабря 2011 г. 01:26 + в цитатник
Это цитата сообщения Novichok56 [Прочитать целиком + В свой цитатник или сообщество!]

КАК ДЕЛАТЬ ПРОСТЫЕ РАМОЧКИ

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

Как же делать простую рамочку?

ПЕРВЫЙ ВАРИАНТ

Самая простая рамочка это просто фон, без окантовки, в один слой:

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

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 13 - Делаем рамки
Часть 14 - Рамка для фотографий
Часть 15 - КАК ДЕЛАТЬ ПРОСТЫЕ РАМОЧКИ
Часть 16 - каждый день для нас ценней.
Часть 17 - Рамка 329 (8 Марта)
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

Рамка для фотографий

Понедельник, 05 Декабря 2011 г. 22:10 + в цитатник
Это цитата сообщения Деда-еу [Прочитать целиком + В свой цитатник или сообщество!]

Рамка для фотографий

~~Деда-еу~~

Рамка для фотографий

Деда-еу

ВАШЕ ФОТО

КОД РАМКИ:

Код рамки меньшего размера:

Рамка брез фона

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 12 - Оригинальная Фоновая рамка-1 слой.
Часть 13 - Делаем рамки
Часть 14 - Рамка для фотографий
Часть 15 - КАК ДЕЛАТЬ ПРОСТЫЕ РАМОЧКИ
Часть 16 - каждый день для нас ценней.
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

<a href="https://www.liveinternet.ru/users/svetanjel/post195370393/">Р”РµР»Р°РµРј СЂР°РјРєРё</a><br/>Р”РµР»Р°РµРј СЂР°РјРєРё

Р”Р»СЏ РЅР°С‡Р°Р»Р° РЅСѓР¶РЅРѕ РЅР°Р№С‚Рё СЂРёСЃСѓРЅРѕРє Р±СѓРґСѓС‰РµР№ СЂР°РјРєРё.

Р”Р»СЏ С‚РѕРіРѕ С‡С‚Рѕ Р±С‹ РЅРµ РїСЂРёС…РѕРґРёР»РѕСЃСЊ РјРµРЅСЏС‚СЊ СЂР°Р·РјРµСЂ СЂР°РјРєРё РІ Р·Р°РІРёСЃРёРјРѕСЃС‚Рё РѕС‚ С‚РѕРіРѕ С‡С‚Рѕ РјС‹ РІ РЅРµР№ СЂР°Р·РјРµСЃС‚РёРј ( С„РѕС‚РєСѓ РёР»Рё С‚РµРєСЃС‚ ), СЂР°Р·РѕР±СЊРµРј СЂРёСЃСѓРЅРѕРє СЂР°РјРєРё РЅР° 8 РѕРґРёРЅР°РєРѕРІС‹С… РїРѕ СЂР°Р·РјРµСЂСѓ С‡Р°СЃС‚РµР№.

Р’ СЂРµР·СѓР»СЊС‚Р°С‚Рµ РїРѕР»СѓС‡РёРј 8 РјР°Р»РµРЅСЊРєРёС… СЂРёСЃСѓРЅРєРѕРІ.
Р’РµСЂС…РЅРёР№ Р»РµРІС‹Р№ СѓРіРѕР»  ; 
Р’РµСЂС…РЅСЏСЏ С‡Р°СЃС‚СЊ СЂР°РјРєРё  ; 
Р’РµСЂС…РЅРёР№ РїСЂР°РІС‹Р№ СѓРіРѕР»  ; 
Р›РµРІР°СЏ С‡Р°СЃС‚СЊ СЂР°РјРєРё ; 
РџСЂР°РІР°СЏ С‡Р°СЃС‚СЊ СЂР°РјРєРё  ;
 РќРёР¶РЅРёР№ Р»РµРІС‹Р№ СѓРіРѕР» ;
РќРёР¶РЅСЏСЏ С‡Р°СЃС‚СЊ СЂР°РјРєРё ;
РќРёР¶РЅРёР№ РїСЂР°РІС‹Р№ СѓРіРѕР»

РўРµРїРµСЂСЊ РЅСѓР¶РЅРѕ СЃРґРµР»Р°С‚СЊ С‚Р°Р±Р»РёС†Сѓ 3С…3

Р—РґРµСЃСЊ СЂР°СЃРјРµС‰Р°РµС‚СЃСЏ РІР°С€ С‚... <a href="https://www.liveinternet.ru/users/svetanjel/post195370393/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Делаем рамки

Пятница, 02 Декабря 2011 г. 21:12 + в цитатник
Это цитата сообщения Великовозрастное_дитя [Прочитать целиком + В свой цитатник или сообщество!]

Делаем рамки

Для начала нужно найти рисунок будущей рамки.
(400x526, 172Kb)

Для того что бы не приходилось менять размер рамки в зависимости от того что мы в ней разместим ( фотку или текст ), разобьем рисунок рамки на 8 одинаковых по размеру частей.
(400x480, 36Kb)

В результате получим 8 маленьких рисунков.

Верхний левый угол

; Верхняя часть рамки

; Верхний правый угол

;
Левая часть рамки

; Правая часть рамки

;
Нижний левый угол

; Нижняя часть рамки

; Нижний правый угол

Теперь нужно сделать таблицу 3х3

<table style="text-align: left; " border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="vertical-align: top; height: 27px; width: 27px; background: url('1') no-repeat;"></td>
      <td style="vertical-align: top; height: 27px; background: url( '2') repeat-x;"></td>
      <td style="vertical-align: top; height: 27px; width: 27px; background: url( '3') no-repeat;"></td>
    </tr>
    <tr>
      <td style="vertical-align: top; width: 27px; background: url( '4') repeat-y;"></td>
      <td style="vertical-align: top; background-color: #fff7d0;">
    Здесь расмещается ваш текст или картинка       
       </td>
      <td style="vertical-align: top; width: 27px; background: url( '5') repeat-y;"></td>
    </tr>
    <tr>
      <td style="vertical-align: top; height: 27px; width: 27px; background: url( '6') no-repeat;"></td>
      <td style="vertical-align: top; height: 27px; background: url( '7') repeat-x;"></td>
      <td style="vertical-align: top; height: 27px; width: 27px; background: url( '8') no-repeat;"></td>
    </tr>
  </tbody>
</table>

Что бы не загромождать код я вместо кода картинок в стиле background прописал цифры 1,2,3,4,5,6,7,8.
Когда вы зальете в дневник все 8 частей рамки вам останется вместо цифр подставить коды рисунков.
В моем случаее вместо 1 нужно прописать
( код рисунков виден при редактировании сообщения в простом редакторе)
Размеры ячеек таблицы width - ширина, height - высота должны соответствовать размерам рисунков частей рамки.
Из-за того что лиру думает за нас :), возможно прийдется подбирать размеры ячеек что бы не было разрывов рамки.
Для таблицы обязательно должно быть прописано border="0" cellpadding="0" cellspacing="0"!

И вот что получилось :)


	Ваш текст или фотка или текст и фотка :)))

И напоследок ....сделать код в дневнике "повеселее" можно вот так

cols = ширина блока
rows - высота блока
background-color - цвет фона ( можно добавить color: #000000; - цвет текста )
border - вид рамки ( solid ), ширина рамки ( 1px ) и цвет рамки ( #0000f0 )
overflow - скрывать все что не помещается в блок

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 11 - Рамки для выделения текста
Часть 12 - Оригинальная Фоновая рамка-1 слой.
Часть 13 - Делаем рамки
Часть 14 - Рамка для фотографий
Часть 15 - КАК ДЕЛАТЬ ПРОСТЫЕ РАМОЧКИ
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

<a href="https://www.liveinternet.ru/users/svetanjel/post194313893/">РћСЂРёРіРёРЅР°Р»СЊРЅР°СЏ Р¤РѕРЅРѕРІР°СЏ СЂР°РјРєР°-1 СЃР»РѕР№.</a><br/>РћСЂРёРіРёРЅР°Р»СЊРЅР°СЏ Р¤РѕРЅРѕРІР°СЏ СЂР°РјРєР°-1 СЃР»РѕР№.

Р”РµР»Р°РµРј СЂР°РјРєСѓ РїРѕРґ СЃРІРѕР№ РґРёР·Р°Р№РЅ.
РќРµРѕР±С‹С‡РЅРѕСЃС‚СЊ СЌС‚РѕР№ СЂР°РјРєРё РІ С‚РѕРј, С‡С‚Рѕ Р¦РІРµС‚ Р·Р°РґР°РЅ СЃР»РѕРІР°РјРё.
РС‚Рѕ РЅРµ Р·Р°РіСЂСѓР¶РµРЅРЅС‹Р№ С„РѕРЅ,Р° РїСЂРѕСЃС‚Рѕ РЅР°Р·РІР°РЅРёРµ С†РІРµС‚Р°.
Р’ РґР°РЅРЅРѕР№ СЂР°РјРєРµ СЌС‚Рѕ[color=fuchsia] bgcolor="BLUE"[/color] вЂ”Р•РіРѕ РјРѕР¶РЅРѕ РјРµРЅСЏС‚СЊ РЅР° СЃРІРѕР№ Р»СЋР±РёРјС‹Р№ С†РІРµС‚.
РЎР±РѕРєСѓ РєРѕРїРёСЂСѓР№С‚Рµ РєРѕРґ СЌС‚РѕР№ СЂР°РјРєРё Рё РІСЃС‚Р°РІР»СЏР№С‚Рµ Рє СЃРµР±Рµ РІ Р±Р»РѕРі.
Р“РґРµ РЅР°РїРёСЃР°РЅРѕ [color=fuchsia]Р’РђРЁ Р¦Р’Р•Рў РЎР›РћР’РћРњ [/color] вЂ”Р’СЃС‚Р°РІР»СЏР№С‚Рµ РЅСѓР¶РЅС‹Р№ РІР°Рј С†РІРµС‚,РІРЅСѓС‚СЂСЊ РєР°РІС‹С‡РµРє.Р¦РІРµС‚ РјРѕР¶РЅРѕ РІР·СЏС‚СЊ РћС‚СЃСЋРґР° 
[more=Р—Р”Р•РЎР¬ РґР°Р»РµРµ...]
Р“РґРµ РЅР°РїРёСЃР°РЅРѕ[color=fuchsia] Р’РђРЁ РўР•РљРЎРў[/color] вЂ”РџРёС€РёС‚Рµ СЃРІРѕР№ С‚РµРєСЃС‚.
Р“РґРµ РЅР°РїРёСЃР°РЅРѕ [color=fuchsia]РљРђР РўРРќРљРђ[/color] вЂ”Р’СЃС‚Р°РІ... <a href="https://www.liveinternet.ru/users/svetanjel/post194313893/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Оригинальная Фоновая рамка-1 слой.

Четверг, 24 Ноября 2011 г. 00:27 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Оригинальная Фоновая рамка-1 слой.

Делаем рамку под свой дизайн.
Необычность этой рамки в том, что Цвет задан словами.
Это не загруженный фон,а просто название цвета.
В данной рамке это bgcolor="BLUE" —Его можно менять на свой любимый цвет.
Сбоку копируйте код этой рамки и вставляйте к себе в блог.
Где написано ВАШ ЦВЕТ СЛОВОМ —Вставляйте нужный вам цвет,внутрь кавычек.Цвет можно взять Отсюда
ЗДЕСЬ далее...

SvetlanaT

Код "СКЕЛЕТИКА"

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 10 - УРОК. РАМКА В РАМКЕ..
Часть 11 - Рамки для выделения текста
Часть 12 - Оригинальная Фоновая рамка-1 слой.
Часть 13 - Делаем рамки
Часть 14 - Рамка для фотографий
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

<a href="https://www.liveinternet.ru/users/svetanjel/post194313406/">Р Р°РјРєРё РґР»СЏ РІС‹РґРµР»РµРЅРёСЏ С‚РµРєСЃС‚Р°</a><br/>Р Р°РјРєРё РґР»СЏ РІС‹РґРµР»РµРЅРёСЏ С‚РµРєСЃС‚Р°.

Р•СЃР»Рё РІР°СЃ СѓСЃС‚СЂР°РёРІР°РµС‚ С‚РѕС‚ С„РѕРЅ РєРѕС‚РѕСЂС‹Р№ РµСЃС‚СЊ Сѓ РІР°СЃ РЅР° СЃС‚СЂР°РЅРёС‡РєРµ.
Рђ РїРѕСЃС‚ РїСЂРѕСЃС‚Рѕ С…РѕС‡РµС‚СЃСЏ РєР°Рє-С‚Рѕ РІС‹РґРµР»РёС‚СЊ.
РњРѕР¶РЅРѕ РІС‹РґРµР»РёС‚СЊ СЂР°РјРєРѕР№ ,Р° СѓР¶ РєР°РєРѕР№ РєСЂР°Р№ Р±СѓРґРµС‚ Сѓ СЂР°РјРєРё РІС‹Р±РёСЂР°Р№С‚Рµ СЃР°РјРё РїРѕ РќРђР—Р’РђРќРР®.
РљРѕРїРёСЂСѓРµРј РєРѕРґ Рё РІСЃС‚Р°РІР»СЏРµРј Рє СЃРµР±Рµ РІ Р±Р»РѕРі РІ РџСЂРѕСЃС‚РѕРј СЂРµРґР°РєС‚РѕСЂРµ.
РўР°Рј РіРґРµ РЅР°РїРёСЃР°РЅРѕ [color=red]Р’РђРЁ РўР•РљРЎРў[/color]- Р’СЃС‚Р°РІР»СЏРµС‚Рµ СЃРІРѕР№ С‚РµРєСЃС‚.
Р•С‰С‘ РІ РєРѕРґРµ РјРѕР¶РЅРѕ РїРѕРјРµРЅСЏС‚СЊ С†РІРµС‚ СЂР°РјРєРё.
РќР°С…РѕРґРёРј РІРѕС‚ С‚Р°РєРѕР№ Р·РЅР°С‡С‘Рє,РѕРЅ РѕР±РѕР·РЅР°С‡Р°РµС‚ С†РІРµС‚[color=red]#FFFACD[/color] Рё РјРµРЅСЏРµРј С†РІРµС‚ РЅР° С‚РѕС‚,
РєРѕС‚РѕСЂС‹Р№ РїРѕРґС…РѕРґРёС‚ РІР°Рј. [color=red]Р’С‹Р±РёСЂР°РµРј С†РІРµС‚ Р·РґРµСЃСЊ.[/color]
[color=red]solid - РєСЂР°Р№ СЂР°РјРєРё РёРјРµРµС‚ СЃРїР»РѕС€РЅСѓСЋ Р»РёРЅРёСЋ.[/color... <a href="https://www.liveinternet.ru/users/svetanjel/post194313406/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Рамки для выделения текста

Четверг, 24 Ноября 2011 г. 00:22 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Рамки для выделения текста.

Если вас устраивает тот фон который есть у вас на страничке.
А пост просто хочется как-то выделить.
Можно выделить рамкой ,а уж какой край будет у рамки выбирайте сами по НАЗВАНИЮ.
Копируем код и вставляем к себе в блог в Простом редакторе.
Там где написано ВАШ ТЕКСТ- Вставляете свой текст.
Ещё в коде можно поменять цвет рамки.
Находим вот такой значёк,он обозначает цвет#FFFACD и меняем цвет на тот,
который подходит вам. Выбираем цвет здесь.

solid - край рамки имеет сплошную линию.
КОД solid

ЗДЕСЬ далее...
SvetlanaT

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 9 - Рамочки
Часть 10 - УРОК. РАМКА В РАМКЕ..
Часть 11 - Рамки для выделения текста
Часть 12 - Оригинальная Фоновая рамка-1 слой.
Часть 13 - Делаем рамки
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

<a href="https://www.liveinternet.ru/users/svetanjel/post194309058/">РЈР РћРљ. Р РђРњРљРђ Р’ Р РђРњРљР•..</a><br/>РЈР РћРљ. Р РђРњРљРђ Р’ Р РђРњРљР•...

РЎР”Р•Р›РђР•Рњ Р РђРњРљРЈ РЎ РћР‘Р’РћР”РљРћР™ Р’РћРљР РЈР“ РљРђР РўРРќРљР Р Р’РћРљР РЈР“ РўР•РљРЎРўРђ.
Р’РѕС‚ С‚Р°РєСѓСЋ.

Р—Р”Р•РЎР¬ Р‘РЈР”Р•Рў Р’РђРЁ РўР•РљРЎРўвЂ¦

[more=РЎРњРћРўР Р•РўР¬ РЈР РћРљ...]
Р”Р»СЏ С‚РµС… РєС‚Рѕ РїСЂРёСЃРѕРµРґРёРЅРёР»СЃСЏ Рє РЅР°Рј РѕСЃС‚Р°РІРёР»Р° РІСЃРµ РїСЂРµРґС‹РґСѓС‰РёРµ РјРѕРё РѕР±СЉСЏСЃРЅРµРЅРёСЏ, С‡С‚Рѕ Р±С‹ Р±С‹Р»Рѕ РїРѕРЅСЏС‚РЅРѕ, (С‡С‚Рѕ Рё РєР°Рє). 
 РљРѕРґ СЂР°РјРѕС‡РєРё

РљРђР РўРРќРљРђ
Р РђР—Р”Р•Р›РРўР•Р›Р¬
Р—Р”Р•РЎР¬ Р‘РЈР”Р•Рў Р’РђРЁ РўР•РљРЎРўвЂ¦
Р РђР—Р”Р•Р›РРўР•Р›Р¬Р—РґРµСЃСЊ СЃС‚Р°РІРёРј РРњРЇ

Р—РЅР°С‡РµРЅРёСЏ РІ РєР°РІС‹С‡РєР°С… РјРѕР¶РЅРѕ РјРµРЅСЏС‚СЊ.
РќР°РїСЂРёРјРµСЂ, СЂР°Р·РјРµСЂ Р±СѓРєРІ font size="5". Р•СЃР»Рё С†РёС„СЂСѓ 5 РёР·РјРµРЅРёС‚СЊ РЅР° Р±РѕР»СЊС€СѓСЋ, С‚Рѕ Рё Р±СѓРєРІС‹ РІ С‚РµРєСЃС‚Рµ СЃС‚Р°РЅСѓС‚ Р±РѕР»СЊС€Рµ, РµСЃР»Рё РїРѕСЃС‚Р°РІРёС‚СЊ С†РёС„СЂСѓ РјРµРЅСЊС€Рµ, С‚Рѕ Рё СЂР°Р·РјРµСЂ Р±СѓРєРІ СЃС‚Р°РЅРµС‚ РјРµРЅСЊС€Рµ. Р¦РІРµС‚ Р±СѓРєРІ color="#ffffff".  Р•СЃР»Рё РІРјРµСЃС‚Рѕ ... <a href="https://www.liveinternet.ru/users/svetanjel/post194309058/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

УРОК. РАМКА В РАМКЕ..

Четверг, 24 Ноября 2011 г. 23:41 + в цитатник
Это цитата сообщения nataliya_bezushko [Прочитать целиком + В свой цитатник или сообщество!]

УРОК. РАМКА В РАМКЕ...

СДЕЛАЕМ РАМКУ С ОБВОДКОЙ ВОКРУГ КАРТИНКИ И ВОКРУГ ТЕКСТА.

Вот такую.

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ…

СМОТРЕТЬ УРОК...

Дорогие друзья и гости! Кому некогда или лень писать комментарии, отмечайте внизу слева в посте: ПОНРАВИЛОСЬ!"

Благодарю за цитирование!

Серия сообщений "МОИ УРОКИ":

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 18 - Шпаргалка для оформления постов.
Часть 19 - Урок. Ваш компьютер не читает программы на русском языке? Как это исправить?
Часть 20 - УРОК. РАМКА В РАМКЕ...
Часть 21 - LiveInternet – Отношения

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 8 - форлула рамки в 1 СЛОЙ для ЛИру,Майла,Яру
Часть 9 - Рамочки
Часть 10 - УРОК. РАМКА В РАМКЕ..
Часть 11 - Рамки для выделения текста
Часть 12 - Оригинальная Фоновая рамка-1 слой.
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

Рамочки

Четверг, 24 Ноября 2011 г. 14:47 + в цитатник
Это цитата сообщения явалюша [Прочитать целиком + В свой цитатник или сообщество!]

ЧЕТЫРЕХСЛОЙНАЯ РАМОЧКА ДЛЯ БЛОГА

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 7 - Учимся сами делать свои рамочки.
Часть 8 - форлула рамки в 1 СЛОЙ для ЛИру,Майла,Яру
Часть 9 - Рамочки
Часть 10 - УРОК. РАМКА В РАМКЕ..
Часть 11 - Рамки для выделения текста
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

<a href="https://www.liveinternet.ru/users/svetanjel/post193630763/">С„РѕСЂР»СѓР»Р° СЂР°РјРєРё РІ 1 РЎР›РћР™ РґР»СЏ Р›РСЂСѓ,РњР°Р№Р»Р°,РЇСЂСѓ</a><br/>С„РѕСЂР»СѓР»Р° СЂР°РјРєРё РІ 1 РЎР›РћР™ РґР»СЏ Р›РСЂСѓ,РњР°Р№Р»Р°,РЇСЂСѓ

***

...СЂР°РјРѕС‡РєР° РІ 1 РЎР›РћР™...
...РјРЅРѕРіРёРµ Р±Р»РѕРіРіРµСЂС‹ СѓР¶Рµ РЅРµ РѕРіСЂР°РЅРёС‡РёРІР°СЋС‚СЃСЏ РІРµРґРµРЅРёРµРј Р±Р»РѕРіР° С‚РѕР»СЊРєРѕ РЅР° РјР°Р№Р»Рµ,РЅРѕ Сѓ С‚РµС…,РєС‚Рѕ СѓРІР»РµРєР°РµС‚СЃСЏ РѕС„РѕСЂРјР»РµРЅРёРµРј СЃРІРѕРёС… Р·Р°РїРёСЃРµР№ СЂР°РјРѕС‡РєР°РјРё,РІРѕР·РЅРёРєР»Рё РЅРµРєРѕС‚РѕСЂС‹Рµ РїСЂРѕР±Р»РµРјС‹ РёР·-Р·Р° С‚РѕРіРѕ,С€С‚Рѕ СЂР°РјРєРё ,СЃРґРµР»Р°РЅРЅС‹Рµ РґР»СЏ РјР°Р№Р»Р°,РЅР° РґСЂСѓРіРёС… РїР»РѕС‰Р°РґРєР°С… "Р»РѕРјР°СЋС‚СЃСЏ"...РјРµС‚РѕРґРѕРј РїСЂРѕР± РјРЅРµ РІСЃРµ-Р¶Рµ СѓРґР°Р»РѕСЃСЊ РЅР°Р№С‚Рё С„РѕСЂРјСѓР»С‹,РєРѕС‚РѕСЂС‹Рµ Р±РµР· РєР°РєРѕР№-Р»РёР±Рѕ РєРѕСЂСЂРµРєС†РёРё РѕРґРёРЅР°РєРѕРІРѕ С…РѕСЂРѕС€Рѕ "РІСЃС‚Р°РЅСѓС‚" Рё РЅР° РњР°Р№Р»Рµ,Рё РЅР° Р›РСЂСѓ,Рё РЅР° РЇСЂСѓ , 
...Рё СЏ РЅР°С‡РёРЅР°СЋ РќРћР’РЈР® РўР•РњРЈ , РµСЃР»Рё РћРќРђ Р’РђРЎ РРќРўР•Р Р•РЎРЈР•Рў

Р’С‹ РјРѕР¶РµС‚Рµ СЃРєРѕРїРёСЂРѕРІР°С‚СЊ :

РљРћР” С„РѕСЂРјСѓР»С‹ СЂР°РјРєРё РІ 1 РЎР›РћР™ РґР»СЏ РњР°Р№Р»Р°,Р›РСЂСѓ,РЇСЂСѓ Р—Р”Р•РЎ... <a href="https://www.liveinternet.ru/users/svetanjel/post193630763/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

форлула рамки в 1 СЛОЙ для ЛИру,Майла,Яру

Суббота, 19 Ноября 2011 г. 01:44 + в цитатник
Это цитата сообщения Ваша_ТАНЯ_идущая_по_Судьбе [Прочитать целиком + В свой цитатник или сообщество!]

форлула рамки в 1 СЛОЙ для ЛИру,Майла,Яру

***

...рамочка в 1 СЛОЙ...
...многие блоггеры уже не ограничиваются ведением блога только на майле,но у тех,кто увлекается оформлением своих записей рамочками,возникли некоторые проблемы из-за того,што рамки ,сделанные для майла,на других площадках "ломаются"...методом проб мне все-же удалось найти формулы,которые без какой-либо коррекции одинаково хорошо "встанут" и на Майле,и на ЛИру,и на Яру ,
...и я начинаю НОВУЮ ТЕМУ , если ОНА ВАС ИНТЕРЕСУЕТ

Вы можете скопировать :

КОД формулы рамки в 1 СЛОЙ для Майла,ЛИру,Яру ЗДЕСЬ

***

ТАНЯ,идущая по Судьбе *

Серия сообщений "рамочки-ФОРМУЛЫ":

Часть 1 - контейнер "окошек" для ЛИру
Часть 2 - ФОРМУЛА-ЭТАЛОН только для лирушки
...
Часть 36 - №8
Часть 37 - плейеры,нашла на майле
Часть 38 - форлула рамки в 1 СЛОЙ для ЛИру,Майла,Яру
Часть 39 - ФОРМУЛЫ моих рамочек для Вас

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 6 - Простые рамочки.Делаем сами.
Часть 7 - Учимся сами делать свои рамочки.
Часть 8 - форлула рамки в 1 СЛОЙ для ЛИру,Майла,Яру
Часть 9 - Рамочки
Часть 10 - УРОК. РАМКА В РАМКЕ..
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

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

РњРµРЅСЏ С‡Р°СЃС‚Рѕ РґРµРІРѕС‡РєРё РїСЂРѕСЃСЏС‚
 РѕР±СЉСЏСЃРЅРёС‚СЊ, РєР°Рє СЏ РґРµР»Р°СЋ СЂР°РјРѕС‡РєРё.
Р§С‚РѕР±С‹ РІР°Рј Р±С‹Р»Рѕ РїСЂРѕС‰Рµ,СЏ СЂРµС€РёР»Р°
СЃРґРµР»Р°С‚СЊ РѕС‚РґРµР»СЊРЅС‹Р№ РїРѕСЃС‚.
Р—РґРµСЃСЊ СЏ СЃРѕР±СЂР°Р»Р° РІСЃРµ СѓСЂРѕРєРё,
РєР°Рє РЅР°СѓС‡РёС‚СЃСЏ СЃР°РјРѕРјСѓ РґРµР»Р°С‚СЊ 
СЂР°РјРѕС‡РєРё.Р’Р°Рј РѕСЃС‚Р°РЅРµС‚СЃСЏ С‚РѕР»СЊРєРѕ 
РІС‹Р±СЂР°С‚СЊ,С‡С‚Рѕ РІР°Рј РЅС‚РµСЂРµСЃРЅРѕ Рё 
РЅР°Р¶Р°С‚СЊ РЅР° РЅСѓР¶РЅСѓСЋ РєРЅРѕРїРѕС‡РєСѓ.
РЈСЂРѕРєРё РµС‰С‘ Р±СѓРґСѓС‚ РїРѕРїРѕР»РЅСЏС‚СЊСЃСЏ.
Р Р°РјРєР° РІ 1 СЃР»РѕР№.  Р¤РѕРЅРѕРІР°СЏ СЂР°РјРєР° 1 СЃР»РѕР№.  Р Р°РјРєР° РєР°СЂС‚РёРЅРєР° РєР°Рє Р¤РћРќ.  Р Р°РјРєР°-Р¤РћРќ РІ С„РѕСЂРјР°С‚Рµ РџРќР“.  Р”РµР»Р°РµРј СЂР°РјРєСѓ РІ 3 СЃР»РѕСЏ. Р Р°РјРєР° РІ 3 СЃР»РѕСЏ СЃ Р±РѕСЂРґСЋСЂРѕРј.  РџСЂРѕСЃС‚Р°СЏ СЂР°РјРєР° СЃ Р—Р°РіРѕР»РѕРІРєРѕРј. Р Р°РјРєР° РґР»СЏ РІС‹РґРµР»РµРЅРёСЏ С‚РµРєСЃС‚Р°.  Р Р°РјРєР° СЃ РєР°СЂС‚РёРЅРєР°РјРё Р›РёРЅРµРµС‡РєР°РјРё.  Р Р°РјРєР° СЃ 4-РјСЏ РЈРіРѕР»РєР°РјРё.   РџСЂРѕСЃС‚С‹Рµ СЂР°РјРєРё.Р”... <a href="https://www.liveinternet.ru/users/svetanjel/post189269864/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

Вторник, 18 Октября 2011 г. 23:56 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

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

Меня часто девочки просят
объяснить, как я делаю рамочки.
Чтобы вам было проще,я решила
сделать отдельный пост.
Здесь я собрала все уроки,
как научится самому делать
рамочки.Вам останется только
выбрать,что вам нтересно и
нажать на нужную кнопочку.
Уроки ещё будут пополняться.

SvetlanaT

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 5 - УРОК РАМКА В РАМКЕ
Часть 6 - Простые рамочки.Делаем сами.
Часть 7 - Учимся сами делать свои рамочки.
Часть 8 - форлула рамки в 1 СЛОЙ для ЛИру,Майла,Яру
Часть 9 - Рамочки
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

<a href="https://www.liveinternet.ru/users/svetanjel/post174325851/">РџСЂРѕСЃС‚С‹Рµ СЂР°РјРѕС‡РєРё.Р”РµР»Р°РµРј СЃР°РјРё.</a><br/>РџСЂРѕСЃС‚С‹Рµ СЂР°РјРѕС‡РєРё.Р”РµР»Р°РµРј СЃР°РјРё.

РЎР°РјС‹Рµ РїСЂРѕСЃС‚С‹Рµ СЂР°РјРєРё РґР»СЏ РґРЅРµРІРЅРёС‡РєР°.
РћРґРёРЅ РЅСЋР°РЅСЃ РІ СЂР°Р·РЅС‹С… Р±СЂР°СѓР·РµСЂР°С… РѕРЅР° РІС‹РіР»СЏРґРёС‚ РїРѕ СЂР°Р·РЅРѕРјСѓ.
1.Р’РђР РРђРќРў Р РђРњРљР Р‘Р•Р— Р¤РћРќРђ.
РС‚Р° СЂР°РјРѕС‡РєР° РїСЂРѕСЃС‚Рѕ РєСЂР°СЃРёРІР°СЏ РѕР±РІРѕРґРєР° РІРѕРєСЂСѓРі С‚РµРєСЃС‚Р°.
РџСЂР°РІРґР° РІ СЂР°Р·РЅС‹С… Р±СЂР°СѓР·РµСЂР°С… РѕРЅР° РІС‹РіР»СЏРґРёС‚ РїРѕ СЂР°Р·РЅРѕРјСѓ.
Р’ РєРѕРґРµ ,РіРґРµ РЅР°РїРёСЃР°РЅРѕ [color=red]Р’РђРЁ РўР•РљРЎРў[/color]вЂ”РџРёС€РёС‚Рµ СЃРІРѕР№ С‚РµРєСЃС‚.
РљРѕРїРёСЂСѓР№С‚Рµ РєРѕРґ Рё РІСЃС‚Р°РІР»СЏР№С‚Рµ Рє СЃРµР±Рµ РІ РґРЅРµРІРЅРёРє РІ РџСЂРѕСЃС‚РѕРј СЂРµРґР°РєС‚РѕСЂРµ.
 [more=Р—Р”Р•РЎР¬ Р•Р©РЃ Р РђРњРћР§РљР...]
РљРћР” РџР РћРЎРўРћР™ Р РђРњРљР. Р’РђРЁ РўР•РљРЎРў.

2.Р’РђР РРђРќРў Р РђРњРљР РЎ Р¦Р’Р•РўРќР«Рњ Р‘РћР Р”Р®Р РћРњ.
РќРѕ Р‘РћР Р”Р®Р  СЌС‚РѕР№ СЂР°РјРѕС‡РєРё РјРѕР¶РЅРѕ СЃРґРµР»Р°С‚СЊ Рё СЃРѕРІСЃРµРј РґСЂСѓРіРёРј С†РІРµС‚РѕРј.
РќР°С…РѕРґРёРј РІРѕС‚ С‚Р°РєРѕР№ С‚РµРі РІ СЂР°РјРєРµ[color=#FF00FF]..... <a href="https://www.liveinternet.ru/users/svetanjel/post174325851/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Простые рамочки.Делаем сами.

Понедельник, 04 Июля 2011 г. 22:22 + в цитатник
Это цитата сообщения SvetlanaT [Прочитать целиком + В свой цитатник или сообщество!]

Простые рамочки.Делаем сами.

Самые простые рамки для дневничка.
Один нюанс в разных браузерах она выглядит по разному.
1.ВАРИАНТ РАМКИ БЕЗ ФОНА.
Эта рамочка просто красивая обводка вокруг текста.
Правда в разных браузерах она выглядит по разному.
В коде ,где написано ВАШ ТЕКСТ—Пишите свой текст.
Копируйте код и вставляйте к себе в дневник в Простом редакторе.

ЗДЕСЬ ЕЩЁ РАМОЧКИ...
SvetlanaT

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
...
Часть 4 - Урок 5. Делаем вместе рамку с уголками.
Часть 5 - УРОК РАМКА В РАМКЕ
Часть 6 - Простые рамочки.Делаем сами.
Часть 7 - Учимся сами делать свои рамочки.
Часть 8 - форлула рамки в 1 СЛОЙ для ЛИру,Майла,Яру
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: РАМКИ ОБУЧАЮЩИЕ

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

<a href="https://www.liveinternet.ru/users/svetanjel/post173340817/">РЈР РћРљ  Р РђРњРљРђ  Р’  Р РђРњРљР•</a><br/>РЈСЂРѕРє в„–4 РЈС‡РёРјСЃСЏ РґРµР»Р°С‚СЊ СЂР°РјРѕС‡РєРё

РЈР РћРљР РїРѕ СЃРѕР·РґР°РЅРёСЋ СЂР°РјРѕС‡РµРє РґР»СЏ РґРЅРµРІРЅРёРєР° РїСЂРёРЅР°РґР»РµР¶Р°С‚ [user=_Рџ_Р _Р_Р _Рћ_Р”_Рќ_Рђ_РЇ_]

РЈРІР°Р¶Р°РµРјС‹Рµ С‡РёС‚Р°С‚РµР»Рё,РїРµСЂРІС‹Р№ СѓСЂРѕРє СЃР°РјС‹Р№ РІР°Р¶РЅС‹Р№ ,С‚Р°Рј СЂР°СЃРїРёСЃР°РЅС‹ СЃР»РѕРё,РѕРЅРё РІР°Рј РїРѕРєР°Р·Р°РЅС‹ РЅР°РіР»СЏРґРЅРѕ,РЅР°РґРѕ СѓСЃРІРѕРёС‚СЊ С‡РµРј РЅР°С‡РёРЅР°РµС‚СЃСЏ СЃР»РѕР№ Рё РіРґРµ РѕРЅ Р·Р°РєР°РЅС‡РёРІР°РµС‚СЃСЏ ,РёРЅР°С‡Рµ РІР°С€РёРј РѕС€РёР±РєР°Рј РЅРµ Р±СѓРґРµС‚ РєРѕРЅС†Р°!!!!
РњС‹ СѓР¶Рµ СѓРјРµРµРј РґРѕР±Р°РІР»СЏС‚СЊ СЃР»РѕРё,СѓРјРµРµРј РІСЃС‚Р°РІР»СЏС‚СЊ РєР°СЂС‚РёРЅРєСѓ Рё СѓРјРµРµРј РґРµР»Р°С‚СЊ СЂР°РјРѕС‡РєСѓ РІ СЂР°РјРѕС‡РєРµ.
РўРµРїРµСЂСЊ СЏ РїРѕРєР°Р¶Сѓ РєР°Рє СЃРґРµР»Р°С‚СЊ РІ СЂР°РјРѕС‡РєРµ РґРІРµ СЂР°РјРѕС‡РєРё.
Р—Р° РѕСЃРЅРѕРІСѓ РѕРїСЏС‚СЊ РІРѕР·РјРµРј 2-С…СЃР»РѕР№РЅСѓСЋ СЂР°РјРѕС‡РєСѓ.
Р’Р°С€ С‚РµРєСЃС‚
[more]РЎ РЅР°С‡Р°Р»Рѕ РґРѕР±Р°РІРёРј РґРІР° СЃР»РѕСЏ РєР°Рє РІ РїСЂРµРґС‹РґСѓС‰РµРј СѓСЂРѕРєРµ С‡С‚РѕР±С‹ РїРѕР»СѓС‡РёС‚СЊ СЂР°РјРєСѓ СЃ 4-РјСЏ СЃР»РѕСЏРјРё
Р’Р°С€ С‚РµРєСЃС‚
РўРµ... <a href="https://www.liveinternet.ru/users/svetanjel/post173340817/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

УРОК РАМКА В РАМКЕ

Вторник, 28 Июня 2011 г. 00:12 + в цитатник
Это цитата сообщения VolshebnicaS [Прочитать целиком + В свой цитатник или сообщество!]

Урок №4 Учимся делать рамочки

УРОКИ по созданию рамочек для дневника принадлежат

_П_Р_И_Р_О_Д_Н_А_Я_

Уважаемые читатели,первый урок самый важный ,там расписаны слои,они вам показаны наглядно,надо усвоить чем начинается слой и где он заканчивается ,иначе вашим ошибкам не будет конца!!!!
Мы уже умеем добавлять слои,умеем вставлять картинку и умеем делать рамочку в рамочке.
Теперь я покажу как сделать в рамочке две рамочки.
За основу опять возмем 2-хслойную рамочку.

Ваш текст

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

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
Часть 3 - Урок 3. Делаем вместе простую рамочку из 4-х слоев
Часть 4 - Урок 5. Делаем вместе рамку с уголками.
Часть 5 - УРОК РАМКА В РАМКЕ
Часть 6 - Простые рамочки.Делаем сами.
Часть 7 - Учимся сами делать свои рамочки.
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

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

<a href="https://www.liveinternet.ru/users/svetanjel/post168595099/">РЈСЂРѕРє 5. Р”РµР»Р°РµРј РІРјРµСЃС‚Рµ СЂР°РјРєСѓ СЃ СѓРіРѕР»РєР°РјРё.</a><br/>РЈСЂРѕРє 5. Р”РµР»Р°РµРј РІРјРµСЃС‚Рµ СЂР°РјРєСѓ СЃ СѓРіРѕР»РєР°РјРё.

Р”РµР»Р°РµРј РІРјРµСЃС‚Рµ СЂР°РјРєСѓ СЃ СѓРіРѕР»РєР°РјРё.
Р”Р»СЏ С‚РµС… РєС‚Рѕ РїСЂРёСЃРѕРµРґРёРЅРёР»СЃСЏ Рє РЅР°Рј РѕСЃС‚Р°РІРёР»Р° РІСЃРµ РїСЂРµРґС‹РґСѓС‰РёРµ РјРѕРё РѕР±СЉСЏСЃРЅРµРЅРёСЏ, С‡С‚Рѕ Р±С‹ Р±С‹Р»Рѕ РїРѕРЅСЏС‚РЅРѕ, (С‡С‚Рѕ Рё РєР°Рє) СЂР°РјРєР° РїРѕС‡С‚Рё РЅРµ РёР·РјРµРЅРёР»Р°СЃСЊ С‚РѕР»СЊРєРѕ РґРѕР±Р°РІРёР»СЃСЏ РµС‰Рµ РѕРґРёРЅ СЃР»РѕР№. Р Р°РјРєСѓ С‚РѕР¶Рµ РЅРµ РјРµРЅСЏР»Р° РґР»СЏ С‚РѕРіРѕ С‡С‚Рѕ Р±С‹ РІС‹ РјРѕРіР»Рё СЂР°СЃСЃРјРѕС‚СЂРµС‚СЊ СЂР°Р·РЅРёС†Сѓ. 
Р”РµР»Р°РµРј РІРјРµСЃС‚Рµ СЂР°РјРѕС‡РєСѓ РёР· 6-С… СЃР»РѕРµРІ (С„РѕРЅРѕРІ)
Р’РѕС‚ С‚Р°РєСѓСЋ.
 Р—РґРµСЃСЊ Р±СѓРґРµС‚ РІР°С€ С‚РµРєСЃС‚.   Р Р°РјРѕС‡РєР° РѕС‚ Nataliya  Bezushko
[more=РґР°Р»СЊС€Рµ СѓСЂРѕРє>>>>]
РҐРѕС‡РµС‚СЃСЏ РїРѕРґС‡РµСЂРєРЅСѓС‚СЊ, С‡С‚Рѕ РІСЃС‚Р°РІР»СЏС‚СЊ СЃРІРѕРё Р°РґСЂРµСЃР° Рё С†РёС„СЂС‹ РЅРµРѕР±С…РѕРґРёРјРѕ Р°РєРєСѓСЂР°С‚РЅРѕ, РѕС‚ РєР°РІС‹С‡РєРё РґРѕ РєР°РІС‹С‡РєРё, РќР• РћРЎРўРђР’Р›РЇРЇ РџР РћР‘Р•Р›РћР’.

РЈРіРѕР»РєРё.

Р—РґРµСЃСЊ Р±СѓРґРµС‚... <a href="https://www.liveinternet.ru/users/svetanjel/post168595099/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Урок 5. Делаем вместе рамку с уголками.

Воскресенье, 29 Мая 2011 г. 01:00 + в цитатник
Это цитата сообщения nataliya_bezushko [Прочитать целиком + В свой цитатник или сообщество!]

Урок 5. Делаем вместе рамку с уголками.

Делаем вместе рамку с уголками.
Для тех кто присоединился к нам оставила все предыдущие мои объяснения, что бы было понятно, (что и как) рамка почти не изменилась только добавился еще один слой. Рамку тоже не меняла для того что бы вы могли рассмотреть разницу.
Делаем вместе рамочку из 6-х слоев (фонов)
Вот такую.


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

Рамочка от Nataliya Bezushko

дальше урок>>>>

Серия сообщений "РАМКИ ОБУЧАЮЩИЕ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Урок 2. СДЕЛАЕМ ПРОСТУЮ РАМОЧКУ ИЗ 3-х СЛОЕВ.
Часть 3 - Урок 3. Делаем вместе простую рамочку из 4-х слоев
Часть 4 - Урок 5. Делаем вместе рамку с уголками.
Часть 5 - УРОК РАМКА В РАМКЕ
Часть 6 - Простые рамочки.Делаем сами.
...
Часть 25 - ВСЕ ФОРМУЛЫ ПОД РУКОЙ
Часть 26 - Закругление углов изображения без ФШ
Часть 27 - Рамочка №1364 "Восточная" (10 штук. Ширина картинки "570")

Метки: рамки обучающие

LiveInternetLiveInternet

-Рубрики

-Метки

-Музыка

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

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

-Друзья

-Сообщества

-Статистика

Записи с меткой рамки обучающие

Закругление углов изображения без ФШ

Скелетики моих рамок по формулам Сергея Вам остается только вставить свои фоны

РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА

Рамка с круглыми углами

Как поменять размер,цвет и ширину текста в готовой рамке?

формулы рамок

Фон для сообщений.

каждый день для нас ценней.

КАК ДЕЛАТЬ ПРОСТЫЕ РАМОЧКИ

Рамка для фотографий

Делаем рамки

Оригинальная Фоновая рамка-1 слой.

Рамки для выделения текста

УРОК. РАМКА В РАМКЕ..

Рамочки

форлула рамки в 1 СЛОЙ для ЛИру,Майла,Яру

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

Простые рамочки.Делаем сами.

УРОК РАМКА В РАМКЕ

Урок 5. Делаем вместе рамку с уголками.