Рамочки с разными краями

Четверг, 04 Октября 2018 г. 17:56 + в цитатник
Это цитата сообщения ka82 [Прочитать целиком + В свой цитатник или сообщество!]

Рамочки с разными краями

Чтобы видеть как получается сразу: https://ida-freewares.ru/see-html.html
Цветовая палитра https://www.liveinternet.ru/users/ka82/post98160799/

ВАШ ТЕКСТ 1

1

ВАШ ТЕКСТ 2

Смотрим и выбираем
>>>>>>>

Рубрики:

для дневника/рамочки,уроки

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

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

<a href="https://www.liveinternet.ru/users/rottam/post420506091/"> Р Р°РјРѕС‡РєРё</a><br/>Р Р°РјРѕС‡РєРё

[more=РРЅС‚РµСЂРµСЃРЅС‹ СЂР°РјРѕС‡РєРё? РўРѕРіРґР° >>>>>]    Р—РґРµСЃСЊ Р±СѓРґРµС‚ РІР°С€ С‚РµРєСЃС‚, РЅР°РїСЂРёРјРµСЂ,
 РІРѕС‚, РєР°Рє РѕР±СЂР°Р·РµС†, РІСЃС‚Р°РІР»СЋ СЃСЋРґР°, С‡С‚РѕР±С‹ СѓРІРёРґРµР»Рё, РєР°Рє СЃРјРѕС‚СЂРёС‚СЃСЏ:
РўР’РћР• РР”Р•РђР›Р¬РќРћР• РњР•РЎРўРћ 
Р•СЃР»Рё С‚РµР±Рµ РїР»РѕС…Рѕ, Р·Р°РєСЂРѕР№ РіР»Р°Р·Р° Рё РїСЂРµРґСЃС‚Р°РІСЊ РµРіРѕ 
РћР’Р•Рќ 
РўРµРјРЅР°СЏ СѓСЋС‚РЅР°СЏ РєРѕРјРЅР°С‚Р° СЃ РіРѕСЂСЏС‰РёРј РєР°РјРёРЅРѕРј, СЃР»СѓС€Р°Р№ РєРѕРјС„РѕСЂС‚РЅС‹Р№ Р·РІСѓРє С‚СЂРµСЃРєР° РІРµС‚РѕРє РІ РѕРіРЅРµ Рё СЃС„РѕРєСѓСЃРёСЂСѓР№СЃСЏ С‚РѕР»СЊРєРѕ РЅР° СЌС‚РѕРј. 
РўР•Р›Р•Р¦ 
РЎР°Рґ, РІС‹СЃРѕРєРѕРµ РґРµСЂРµРІРѕ, РЅР° РєРѕС‚РѕСЂРѕРј РїРѕСЋС‚ РїС‚РёС†С‹, СЃС„РѕРєСѓСЃРёСЂСѓР№СЃСЏ РЅР° С‚РµРїР»Рµ СЃРѕР»РЅС†Р°, РїСЂРёРєР°СЃР°СЋС‰РµРіРѕСЃСЏ Рє С‚РІРѕРёРј РїР»РµС‡Р°Рј, СЃРѕРіСЂРµРІР°СЋС‰РµРіРѕ С‚РµР±СЏ. 
Р‘Р›РР—РќР•Р¦Р« 
РЎС‚Р°СЂР°СЏ Р±РёР±Р»РёРѕС‚РµРєР°, РЅРё РѕРґРЅРѕРіРѕ Р·РІСѓРєР°, РєСЂРѕРјРµ С‚РІРѕРёС… С€Р°РіРѕРІ РїРѕ Р±РµС‚РѕРЅРЅРѕРјСѓ РїРѕР»Сѓ, РїРµСЂРµРІРѕСЂР°С‡РёРІР°Р№ СЃС‚СЂР°РЅРёС†С‹, СЃР»СѓС€Р°Р№ СЌС‚Рѕ, РІ... <a href="https://www.liveinternet.ru/users/rottam/post420506091/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Рамочки

Пятница, 01 Сентября 2017 г. 20:54 + в цитатник
Это цитата сообщения ka82 [Прочитать целиком + В свой цитатник или сообщество!]

Рамочки

Интересны рамочки? Тогда >>>>>

Рубрики:

для дневника/рамочки,уроки

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

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

Простые рамочки с разноцветными тенями...

Воскресенье, 09 Июля 2017 г. 15:42 + в цитатник
Это цитата сообщения Infinity_I [Прочитать целиком + В свой цитатник или сообщество!]

Простые рамочки с разноцветными тенями...

ВАШ ТЕКСТ

<center><table style="background-image: url('g'); border: 5px double #336600; box-shadow: 0px 0px 30px #CCFF00;" cellspacing="0" cellpadding="0" width="800"><tr><td style="padding:10px" zzz="zzz" align="center"><center><span style="font-family:Georgia;color:#;font-size:20px"><center><table style="background-image: url('g'); border: 5px double #339900; box-shadow: 0px 0px 40px #339900;" cellspacing="0" cellpadding="0" width="780"><tr><td style="padding:10px" zzz="zzz" align="center"><center><span style="font-family:Georgia;color:#;font-size:20px"><div align="center"><table background="" cellpadding="0" cellspacing="0" style=" width:750px;-webkit-border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;border-radius: 40px 40px 40px 40px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;"><tbody><tr><td style="padding:5px"><center><hr align="center" width="80%" /><hr align="center" width="70%" /><hr align="center" width="50%" />ВАШ ТЕКСТ <hr align="center" width="50%" /><hr align="center" width="70%" /><hr align="center" width="80%" /></center></td></tr></tbody></table></div></span></center></td></tr></table></center></span></center></td></tr></table></center>

ВАШ ТЕКСТ

<center><table style="background-image: url('g'); border: 5px double #CC0000; box-shadow: 0px 0px 30px #FF0000;" cellspacing="0" cellpadding="0" width="800"><tr><td style="padding:10px" zzz="zzz" align="center"><center><span style="font-family:Georgia;color:#;font-size:20px"><center><table style="background-image: url('g'); border: 5px double #CC0000; box-shadow: 0px 0px 40px #FF3399;" cellspacing="0" cellpadding="0" width="780"><tr><td style="padding:10px" zzz="zzz" align="center"><center><span style="font-family:Georgia;color:#;font-size:20px"><div align="center"><table background="" cellpadding="0" cellspacing="0" style=" width:750px;-webkit-border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;border-radius: 40px 40px 40px 40px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;"><tbody><tr><td style="padding:5px"><center><hr align="center" width="80%" /><hr align="center" width="70%" /><hr align="center" width="50%" />ВАШ ТЕКСТ <hr align="center" width="50%" /><hr align="center" width="70%" /><hr align="center" width="80%" /></center></td></tr></tbody></table></div></span></center></td></tr></table></center></span></center></td></tr></table></center>

Рубрики:

для дневника/рамочки,уроки

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

Рамки бордовые с золотом

Четверг, 25 Мая 2017 г. 08:20 + в цитатник
Это цитата сообщения Mariea [Прочитать целиком + В свой цитатник или сообщество!]

Рамки бордовые с золотом

вверх по лестнице

ведущей вниз

<center><table background="//img0.liveinternet.ru/images/attach/d/1/135/506/135506648_0_84afc_f65fcd71_S.gif" cellpadding="0" cellspacing="0" style="width: 760px; border-radius: 0px 0px 0px 0px;box-shadow: Outline rgba(0,0,0,.5) 0 -5px 5px, Outline rgba(255,255,255,.5) 0 5px 8px, #000000;"><tbody><tr><td style="padding: 20px"><center><table background="//img1.liveinternet.ru/images/attach/d/1/135/506/135506509_bordyurnuyy_s_venzelem_mmg3.jpg" style="width: 740px; height: 0px; border-radius: 10px 10px 10px 10px; box-shadow: inset 0px -5px 5px rgba(0,0,0,0.5), inset 0px 5px 8px rgba(255,255,255,0.5), -10px 20px 40px -20px rgba(0,0,0,0.90);"><tr><td style="padding: 125px 0px 0px 0px" align="center"><table background="//img0.liveinternet.ru/images/attach/d/1/135/506/135506754_0_59bcf_b52e95c5_XS.jpg" style="background-color: width:740px; border-radius: 10px 10px 10px 10px; box-shadow: inset 0px -5px 5px rgba(0,0,0,0.5), inset 0px 5px 8px rgba(255,255,255,0.5), -10px 20px 40px -20px rgba(0,0,0,0.90); border: 4px groove #800000;background-clip: border-box;box-shadow: Outline 0px -5px 5px rgba(0,0,0,0.5), Outline 0px 2px 5px rgba(255,255,255,0.5), rgba(0,0,0,0.9);" cellspacing="0" cellpadding="0"><tr><td style="padding:0px 20px 5px 20px" align="center"><br /><fieldset style="background-color: #960f1c; width:720px; border: double 4px #f7f7f7; padding: 20px; border-radius: 10px;box-shadow:inset 1px 1px 10px #f7f7f7;"><div style="text-align: center ;font-family: Arial; color:#f7f7f7; font-size: 18px;"><marquee behavior="scroll" direction="up" height="50" loop="-1" scrollamount="1" scrollday="el"100"" width="700"><center><br />
вверх по лестнице<br /> <br />
ведущей вниз<br />
</center></marquee></div><br />
</fieldset><div align="right"><a href="//www.liveinternet.ru/profile.php?journalid=4580786&all_a=1" target="_blank" title="Mariea по образцу от Beauti_Flash"><img src="http://content.foto.mail.ru/mail/box1958/_animated/i-913.gif" /></a></div></td></tr></table></td></tr></table></center></td></tr></tbody></table></center><br />

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

Рубрики:

для дневника/рамочки,уроки

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

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

Рамка без фотошопа по коду разрезной фотошопной рамки.

Среда, 17 Мая 2017 г. 18:02 + в цитатник
Это цитата сообщения Mariea [Прочитать целиком + В свой цитатник или сообщество!]

Рамка без фотошопа по коду разрезной фотошопной рамки.

Ваш текст

*Mariea@mmg*

<div>
		<span style="color:#008000;"><span style="font-family:tahoma,geneva,sans-serif;"><span style="font-size: 18px;"><center><table border="0" background="https://img-fotki.yandex.ru/get/196142/50114850.826/0_1227ae_b68bd021_XL.jpg" cellpadding="0" cellspacing="0" width="800" height="512"><tr><td></td></tr></table><table border="0" background="http://www.majka57.cz/images/obrazky/pozadi/ruzne_barvy2/Winni.Designs.cs.18a.jpg" cellpadding="0" cellspacing="0" width="800" height=""><tr><td><center><a><font face="Monotype Corsiva" color="#f1f2ef" style="font-size:22px"><i><b><br /></span></span></span></div>
	<div>
		<span style="color:#008000;"><span style="font-size:18px;"><span style="font-family:tahoma,geneva,sans-serif;">Ваш текст<br /><br /></span></span></span></div>
	<div>
		<span style="color:#008000;"><span style="font-size:18px;"><span style="font-family:tahoma,geneva,sans-serif;"></b></i></font></a></center></td></tr></table><table border="0" background="http://www.majka57.cz/images/obrazky/pozadi/ruzne_barvy2/Winni.Designs.cs.18c.jpg" cellpadding="0" cellspacing="0" height="20" width="800"><tr><td><center><font size="3"><font color="#f1f2ef"><font face=" Monotype Corsiva"><i>подпись</i></font></font></font></center><br /></td></tr></table></center></div></span></center></span></span></span></div>

Ваш текст<br /><br />

</b></i></font></a></center></td></tr></table><table border="0" background="http://www.majka57.cz/images/obrazky/pozadi/ruzne_barvy2/Winni.Designs.cs.18c.jpg" cellpadding="0" cellspacing="0" height="20" width="800"><tr><td><center><font size="3"><font color="#f1f2ef"><font face=" Monotype Corsiva"><i>подпись</i></font></font></font></center><br /></td></tr></table></center></div></span></center>

где:

Первая верхняя ссылка - коллаж -

https://img-fotki.yandex.ru/get/196142/50114850.826/0_1227ae_b68bd021_XL.jpg

width="800" height="512",

Вторая средняя ссылка - фон для текста

http://www.majka57.cz/images/obrazky/pozadi/ruzne_barvy2/Winni.Designs.cs.18a.jpg

width="800" height="" , высоту можно тоже вставить,

Третья нижняя ссылка -

http://www.majka57.cz/images/obrazky/pozadi/ruzne_barvy2/Winni.Designs.cs.18c.jpg

width="800" height="20".

Обязательно: во всех трех ссылках длина одинакова. Здесь она width="800".

*Mariea@mmg*

Рубрики:

для дневника/рамочки,уроки

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

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

<a href="https://www.liveinternet.ru/users/rottam/post389405715/"> РљР°Рє РёСЃРїРѕР»СЊР·РѕРІР°С‚СЊ С„РѕСЂРјСѓР»Сѓ СЂР°Р·СЂРµР·РЅРѕР№ СЂР°РјРѕС‡РєРё)))РЈСЂРѕРє РґР»СЏ РЅРѕРІРёС‡РєРѕРІ...</a><br/>РљР°Рє РёСЃРїРѕР»СЊР·РѕРІР°С‚СЊ С„РѕСЂРјСѓР»Сѓ СЂР°Р·СЂРµР·РЅРѕР№ СЂР°РјРѕС‡РєРё)))РЈСЂРѕРє РґР»СЏ РЅРѕРІРёС‡РєРѕРІ...

РџРѕ РїСЂРѕСЃСЊР±Рµ РџР§ СЂРµС€РёР»Р° СЃРґРµР»Р°С‚СЊ СЌС‚РѕС‚ РїРѕСЃС‚.
Р—РґРµСЃСЊ СЏ СЂР°СЃСЃРєР°Р¶Сѓ ,РєР°Рє РїРѕСЃР»Рµ С‚РѕРіРѕ ,РєР°Рє РІС‹ СЃРґРµР»Р°Р»Рё Рё Р·Р°РіСЂСѓР·РёР»Рё 
РЅР° С„РѕС‚РѕС…РѕСЃС‚РёРЅРі СЃРІРѕРё РґРµС‚Р°Р»Рё СЂР°РјРѕС‡РєРё, РјРѕР¶РЅРѕ РїРѕСЃС‚Р°РІРёС‚СЊ РёС… РІ С„РѕСЂРјСѓР»Сѓ.
РЈСЂРѕРє РєР°Рє СЃРґРµР»Р°С‚СЊ СЂР°РјРѕС‡РєСѓ РІ С„РѕС‚РѕС€РѕРїРµ СЏ СЂР°СЃСЃРєР°Р·С‹РІР°Р»Р°
Р—РґРµСЃСЊ
[more]
1)Р¤РѕСЂРјСѓР»Сѓ РЅР° СЂР°РјРѕС‡РєСѓ Р±РµСЂС‘Рј СЃ РѕРєРѕС€РєР°

Р’РђРЁ РўР•РљРЎРў     Р’Р°С€Р° РїРѕРґРїРёСЃСЊ
 
 
2)РЎРєРѕРїРёСЂРѕРІР°РІ РєРѕРґ РЅР°Р¶РёРјР°РµРј

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

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

Суббота, 23 Апреля 2016 г. 17:58 + в цитатник
Это цитата сообщения Semenova_Irina [Прочитать целиком + В свой цитатник или сообщество!]

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

По просьбе ПЧ решила сделать этот пост.
Здесь я расскажу ,как после того ,как вы сделали и загрузили
на фотохостинг свои детали рамочки, можно поставить их в формулу.
Урок как сделать рамочку в фотошопе я рассказывала
Здесь
Читать далее...

Рубрики:

для дневника/рамочки,уроки

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

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

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

РЈС‡РёРјСЃСЏ РґРµР»Р°С‚СЊ СЂР°РјРєРё. РЈСЂРѕРє 2. 
РЎРµРіРѕРґРЅСЏ С…РѕС‡Сѓ СЂР°СЃСЃРєР°Р·Р°С‚СЊ, РєР°Рє СЃРґРµР»Р°С‚СЊ СЂР°РјРєРё СЃ Р·Р°РєСЂСѓРіР»С‘РЅРЅС‹РјРё СѓРіР»Р°РјРё. 
РЎ РїРѕРјРѕС‰СЊСЋ Р°С‚СЂРёР±СѓС‚Р° border-radius РјРѕР¶РЅРѕ РґРµР»Р°С‚СЊ СЂР°РјРєРё СЂР°Р·РЅС‹С… С„РѕСЂРј.

Рљ РїСЂРёРјРµСЂСѓ, С‚Р°РєСѓСЋ: 
bloginja

РёР»Рё С‚Р°РєСѓСЋ: 
bloginja

РёР»Рё С‚Р°РєСѓСЋ:

bloginja 
[more= Р§РёС‚Р°С‚СЊ РґР°Р»СЊС€Рµ...] border-radius СѓСЃС‚Р°РЅР°РІР»РёРІР°РµС‚ СЂР°РґРёСѓСЃ СЃРєСЂСѓРіР»РµРЅРёСЏ СѓРіРѕР»РєРѕРІ СЂР°РјРєРё РёР»Рё С„РѕРЅР°. 
 Р Р°Р·СЂРµС€Р°РµС‚СЃСЏ РёСЃРїРѕР»СЊР·РѕРІР°С‚СЊ РѕРґРЅРѕ, РґРІР°, С‚СЂРё РёР»Рё С‡РµС‚С‹СЂРµ Р·РЅР°С‡РµРЅРёСЏ, РїРµСЂРµС‡РёСЃР»СЏСЏ РёС… С‡РµСЂРµР· РїСЂРѕР±РµР», РЅР°РїСЂРёРјРµСЂ,  border-radius: 60px 0px 0px 60px;  
1. Р•СЃР»Рё С‡РёСЃР»Рѕ СѓРєР°Р·Р°РЅРѕ РѕРґРЅРѕ, С‚Рѕ РїСЂРѕРёСЃС…РѕРґРёС‚ СЃРєСЂСѓРіР»РµРЅРёРµ РІСЃРµС… С‡РµС‚С‹СЂС‘С… СѓРіР»РѕРІ. ... <a href="https://www.liveinternet.ru/users/rottam/post388753906/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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

Учимся делать рамки. Урок 2.
Сегодня хочу рассказать, как сделать рамки с закруглёнными углами.

С помощью атрибута

border-radius

можно делать рамки разных форм.

К примеру, такую:

bloginja

или такую:

bloginja

или такую:

bloginja

Читать дальше...
Ну вот как-то так... Здесь ещё много нюансов можно описывать, но для начинающих и этого пока хватит.
Что не понятно или что-то хотелось бы узнать, пишите в комменты.

bloginja

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

Часть 1 - Рамка для молитвы
Часть 2 - Рамка к Пасхе. Грядущие праздники.
...
Часть 8 - Учимся делать рамочки
Часть 9 - Музыкальный альбом Горячий шоколад
Часть 10 - Учимся делать рамки. Урок 2.

Рубрики:

для дневника/рамочки,уроки

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

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

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

РЈС‡РёРјСЃСЏ РґРµР»Р°С‚СЊ СЂР°РјРєРё. РЈСЂРѕРє 1

Р§С‚РѕР±С‹ РЅР°СѓС‡РёС‚СЊСЃСЏ РґРµР»Р°С‚СЊ СЂР°РјРѕС‡РєРё, РЅСѓР¶РЅРѕ РІРЅРёРєРЅСѓС‚СЊ РІ СЃСѓС‚СЊ РёС… СЃРѕР·РґР°РЅРёСЏ. 
Html-РєРѕРґ СЂР°РјРєРё СЃРѕСЃС‚РѕРёС‚ РёР· С‚РµРіРѕРІ. РСЃРїРѕР»СЊР·СѓСЏ РјРЅРѕРіРѕРѕР±СЂР°Р·РёРµ С‚РµРіРѕРІ, РјРѕР¶РЅРѕ СЃРѕСЃС‚Р°РІР»СЏС‚СЊ СЂР°Р·РЅС‹Рµ СЂР°РјРєРё. 
[more= Р§С‚Рѕ С‚Р°РєРѕРµ РўР•Р“]                                                
РўРµРі HTML СЃРѕСЃС‚РѕРёС‚ РёР· СЃР»РµРґСѓСЋС‰РёС… РґСЂСѓРі Р·Р° РґСЂСѓРіРѕРј РІ РѕРїСЂРµРґРµР»РµРЅРЅРѕРј РїРѕСЂСЏРґРєРµ СЌР»РµРјРµРЅС‚РѕРІ: 
&#10625;	Р»РµРІРѕР№ СѓРіР»РѕРІРѕР№ СЃРєРѕР±РєРё &lt; (С‚Р°РєРѕРіРѕ Р¶Рµ, РєР°Рє  Р·РЅР°Рє "РјРµРЅСЊС€Рµ") 
&#10625;	РёРјРµРЅРё С‚РµРіР°, РЅР°РїСЂРёРјРµСЂ TABLE РёР»Рё PRE 
&#10625;	СЃРѕРїСЂРѕРІРѕР¶РґР°С‚СЊСЃСЏ РѕРґРЅРёРј РёР»Рё РЅРµСЃРєРѕР»СЊРєРёРјРё Р°С‚СЂРёР±СѓС‚Р°РјРё, РЅР°РїСЂРёРјРµСЂ: ALIGN=CENTER. РР»Рё РјРѕР¶РµС‚ Р±С‹С‚СЊ Р±РµР· Р°С‚СЂРёР±СѓС‚Рѕ... <a href="https://www.liveinternet.ru/users/rottam/post387390460/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

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

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

Чтобы научиться делать рамочки, нужно вникнуть в суть их создания.

Html-код рамки состоит из тегов. Используя многообразие тегов, можно составлять разные рамки.

Что такое ТЕГ

Чтобы лучше усвоить урок, советую нажать на эту ссылку http://delaisait.ucoz.ru/html/html-redactor.html и открыть редактор, в котором можно легко повторять мои действия.

Как работать в редакторе

Итак, начинаем.

Тег TABLE создает таблицу.
Можно составлять таблицы с разным количеством ячеек.

Сейчас нам понадобится таблица с одной ячейкой, которую мы и назовём впоследствии рамочкой.

<TABLE> СОДЕРЖИМОЕ РАМКИ </TABLE>

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

Читать далее

Я заменю 2 фона, уберу бордюр (поставлю значение "0") и поменяю отступы

СОДЕРЖИМОЕ РАМКИ

bloginja

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

Часть 1 - Рамка для молитвы
Часть 2 - Рамка к Пасхе. Грядущие праздники.
...
Часть 6 - Музыкальные рамки - открытки
Часть 7 - Урок по созданию музыкальной открытки
Часть 8 - Учимся делать рамочки

Рубрики:

для дневника/рамочки,уроки

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

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

<a href="https://www.liveinternet.ru/users/rottam/post380976924/">РњРµРЅСЏРµРј РІРёРґ СЂР°РјРѕС‡РµРє</a><br/>РњРµРЅСЏРµРј РІРёРґ СЂР°РјРѕС‡РµРє

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

[more=]

Р’СЃС‚Р°РІР»СЏРµРј РµС‰С‘ РѕРґРЅСѓ РѕР±РІРѕРґРєСѓ СЃ Р¶РіСѓС‚РѕРј,С‚Рѕ С‡С‚Рѕ РїРѕРґС‡С‘СЂРєРЅСѓС‚Рѕ РєСЂР°СЃРЅС‹Рј Рё Р·РµР»С‘РЅС‹Рј.

Рђ РµСЃР»Рё РІСЃС‚Р°РІРёС‚СЊ РґРІР°Р¶РґС‹ Р·РЅР°С‡РµРЅРёСЏ ,С‚Рѕ РїРѕР»СѓС‡РёС‚СЃСЏ :

Р’Р°С€ С‚РµРєСЃС‚...РјР°РґР°Рј РћР»СЊРіР°
С„РѕСЂРјСѓР»Р° СЂР°РјРєРё
Р’Р°С€ С‚РµРєСЃС‚...РІР°С€ РќРёРє
Р’Р°СЂРёР°РЅС‚-РІСЃС‚Р°РІРёС‚СЊ Рё РґРѕ СЂР°РјРєРё Рё РїРѕСЃР»Рµ РЅРµС‘ ,С‡С‚Рѕ Р±С‹ СЂР°РјРѕС‡РєР° РЅРµ Р±С‹Р»Р° СЃРёР»СЊРЅРѕ РіСЂР°РјРѕР·РґРєРѕР№ ,СѓРјРµС€РёС‚СЊ С€РёСЂРёРЅСѓ С„РѕРЅР° СЂР°РјРєРё:
Р’Р°С€ С‚РµРєСЃС‚...РјР°РґР°Рј РћР»СЊРіР°
С„РѕСЂРјСѓР»Р° СЂР°РјРєРё
Р’Р°С€ С‚РµРєСЃС‚...РІР°С€ РќРёРє

Рђ РµСЃР»Рё СѓР±СЂР°С‚СЊ СЌС‚Рё Р¶Рµ Р·РЅР°С‡РµРЅРёСЏ Р”Рћ СЂР°РјРєРё,РѕСЃС‚Р°РІРёС‚СЊ Р·РЅР°С‡... <a href="https://www.liveinternet.ru/users/rottam/post380976924/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Меняем вид рамочек

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

Меняем вид рамочек

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

Рубрики:

для дневника/рамочки,уроки

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

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

Прозрачная рамочка

Среда, 16 Декабря 2015 г. 15:09 + в цитатник
Это цитата сообщения Schamada [Прочитать целиком + В свой цитатник или сообщество!]

для serdjick(объяснение для новичка)

Это прозрачная рамочка: Попробуйте поставить текст сюда.Вместо записи "***Здесь будет Ваш текст***Поставьте свои стихи.Но сначала скопируйте код в рамочке и поставьте его у себя в редакторе)))

***Здесь будет Ваш текст***

<i><div align="center"><table style=" width:740px;-webkit-border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;border-radius: 40px 40px 40px 40px;-webkit-box-shadow: #000000 4px 4px 4px;-moz-box-shadow: #000000 4px 4px 6px; box-shadow: #000000 2px 4px 6px;" background="ОБВОДКА" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="width:740px;-webkit-border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;border-radius: 40px 40px 40px 40px;" background="ФОН 3" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#ЦВЕТ ШРИФТА;font-size:16px"><br /><br /> ***Здесь будет Ваш текст***<br /> <br /></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"></span></td></tr></table></td></tr></table></div></i>

Или перед текстом поставьте это(копируй)
<i><div align="center"></div></i>

У меня всё получилось

Мне приснился странный сон
Будто я... Наполеон
И встают в полный рост корпуса
Барабаны дробно бьют
Трубы весело поют
Ведь бывают хоть во снах чудеса

Непогода нипочем
Мы дожди переживем
Наши лошади резвы и быстры
Бурю, зной и снегопад
Штурмануть я только рад
Наши сабли как зубы остры

Пики золотом горят
Над шеренгою солдат
И штандарты рвутся в небеса
Пушек слышен перепал...
Черт возьми, я разве спал?..
Но вот снова слышны голоса...

Букефал ноздрями пышет
Не устал, он ровно дышит
Бьет копытом и рвет удила
Ты не торопись, мой милый
Пригодяться еще силы
Пять минут и.. была не была

Перед нами III Дарий
Полководец он бездарный
И хоть персов и союзников их тьма
Сам себя он запер в Иссе
Что ж, готовься и молися
Пусть поможет тебе сатана

Уж Пинар от крови красен..
Букефал, как он прекрасен...
Самый преданный друг и верный
Ты меня как ветер носишь
Из беды любой выносишь
И умрем мы в один день, наверное...

Бред... опять мне снится сон
Жаль, не до конца лишь он..
Ну а может это лучше даже
Не увидеть судеб жен...
...Снова я Наполеон....
На коне.. и с саблей абордажной

Рубрики:

для дневника/рамочки,уроки

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

LiveInternetLiveInternet

-Музыка

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

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

Рамочки с разными краями

Рамочки

Простые рамочки с разноцветными тенями...

Рамки бордовые с золотом

Рамка без фотошопа по коду разрезной фотошопной рамки.

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

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

border-radius

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

<TABLE> СОДЕРЖИМОЕ РАМКИ </TABLE>

Меняем вид рамочек

Прозрачная рамочка