Создание простых рамочек для текста.

Четверг, 13 Сентября 2012 г. 02:02 + в цитатник

Цитата сообщения 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