Войти в систему

Home
    - Создать дневник
    - Написать в дневник
       - Подробный режим

LJ.Rossia.org
    - Новости сайта
    - Общие настройки
    - Sitemap
    - Оплата
    - ljr-fif

Редактировать...
    - Настройки
    - Список друзей
    - Дневник
    - Картинки
    - Пароль
    - Вид дневника

Сообщества

Настроить S2

Помощь
    - Забыли пароль?
    - FAQ
    - Тех. поддержка



Пишет topbot2 ([info]topbot2)
@ 2007-02-21 02:20:00


Previous Entry  Add to memories!  Tell a Friend!  Next Entry
: Как оформить пост в дневнике с помощью рамок

Иногда хочется чего-нибудь эдакого,но не слишком,тогда в помощь приходят тэги,например эти:



только применяйте их в режиме простого редактора сообщений.



1. Сплошная рамка.
Выглядит вот так:



ВАШ ТЕКСТ



Пишется так:
<div style="border:1px solid #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>




2. Пунктирная рамка.
Выглядит:


ВАШ ТЕКСТ



Пишется:
<div style="border:1px dashed #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>




3. Точечная рамка
Выглядит:


ВАШ ТЕКСТ

...



Пишется:
<div style="border:1px dotted #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>




4. Двойная рамка
Выглядит:


ВАШ ТЕКСТ



Пишется:
<div style="border:3px double #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>




5. Вдавленый текст
Выглядит:


ВАШ ТЕКСТ



Пишется:
<div style="border:3px inset #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>




6. Возвышающийся текст
Выглядит:


ВАШ ТЕКСТ



Пишется:
<div style="border:3px outset #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>




Опционально:
чтобы изменить цвет рамки нужно вместо #000 (черный), написать цвет кода из таблицы. Например белая сплошная рамка:

Выглядит:


ВАШ ТЕКСТ



Пишется:
<div style="border:1px solid #EEEEEE;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>





Толщину рамки можно менять изменив в коде "1px" (1 пиксель) на большее значение. Например пунктирная рамка с толщиной пять пикселей:

Выглядит:


ВАШ ТЕКСТ



Пишется:
<div style="border:5px dashed #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>



SkaSkin



Image источник(non-LJ)