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

Вторник, 17 Декабря 2013 г. 17:39 + в цитатник

Цитата сообщения SvetlanaT

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

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

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

КОД ПРОСТОЙ РАМКИ.

<fieldset><center>ВАШ ТЕКСТ.</center></fieldset>

2.ВАРИАНТ РАМКИ С ЦВЕТНЫМ БОРДЮРОМ.
Но БОРДЮР этой рамочки можно сделать и совсем другим цветом.
Находим вот такой тег в рамке... border:3px #FF00FF solid;...
Здесь можно менять:
3px—Размер бордюра.
#FF00FF—ЦВЕТ БОРДЮРА
solid—Стиль бордюра.
solid — край рамки имеет сплошную линию.
dashed — край рамки - пунктир.
dotted — край рамки выделяется точками.
inset —край рамки получается вдавленным.
ridge —край рамки выделяется в виде кромки.
groove —край рамки с выемкой.
outset — край рамки получается выпуклым.
Посмотреть как будет выглядеть рамка и какой выбрать стиль можно ЗДЕСЬ.
В коде ,где написано ВАШ ТЕКСТ—Пишите свой текст.
Когда вы сделали рамочку нажмите Предпросмотр и если вас всё устраивает.
Нажимайте ОПУБЛИКОВАТЬ В ЛИЧНЫЙ ДНЕВНИК.
Экспериментируйте в своё удовольствие.Успехов вам.

Код рамки с цветным бордюром.

<fieldset style=" border:3px #FF00FF solid; padding: 10px; margin:0px 0px 0px 0px;"><font size="3"><font color="#cdbe70"><center><p>ВАШ ТЕКСТ.</p></center></font></font></fieldset>

3.ВАРИАНТ РАМКИ С ЦВЕТНЫМ БОРДЮРОМ И ФОНОМ.
Это такая же рамочка как я сделала выше.
Только в её код я добавила фон.Кому нравится рамка копируем под ней её код.
Вставлять к себе в дневник в Простом редакторе.
Если захотите поменять бордюр рамки смотрим выше как это сделать.
Фон рамки меняем так:
Находим вот такой тег...background-color: #003300;...он отвечает за фон рамки.
Меняем #003300—ФОН РАМКИ
Чтобы поменять цвет шрифта находим в коде вот такой тег:
...font color="#cdbe70"...
Меняем #cdbe70—Цвет Шрифта берём там же,где и фон рамки.
В коде ,где написано ВАШ ТЕКСТ—Пишите свой текст.
В остальном всё так же как я описала выше.Успехов вам в оформлении.

Код рамки с фоном.

<fieldset style="background-color: #003300; border:3px #FFFAFA dotted; padding: 10px; margin:0px 0px 0px 0px;"><font size="3"><font color="#cdbe70"><center><p>ВАШ ТЕКСТ.</p></center></font></font></fieldset>

SvetlanaT

Рубрики:

Авторские рамочки ./Рамки для текста
Оформление дневника

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

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

2.Р’РђР РРђРќРў Р РђРњРљР РЎ Р¦Р’Р•РўРќР«Рњ Р‘РћР Р”Р®Р РћРњ.
РќРѕ Р‘РћР Р”Р®Р  СЌС‚РѕР№ СЂР°РјРѕС‡РєРё РјРѕР¶РЅРѕ СЃРґРµР»Р°С‚СЊ Рё СЃРѕРІСЃРµРј РґСЂСѓРіРёРј С†РІРµС‚РѕРј.
РќР°С…РѕРґРёРј РІРѕС‚ С‚Р°РєРѕР№ С‚РµРі РІ СЂР°РјРєРµ... border:3px #FF00FF solid;...
Р—РґРµСЃСЊ РјРѕР¶РЅРѕ РјРµРЅСЏС‚СЊ:
3pxвЂ”Р Р°Р·Рј... <a href="https://www.liveinternet.ru/users/5428821/post303866753/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

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

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

LiveInternetLiveInternet

-Цитатник

-Метки

-Приложения

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

-Рубрики

-Музыка

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

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