Мобильный LiveInternet Без заголовка | PsY_xaPatKa_SkY_ANGeL - Мои легкие мысли..Моя воздушная жизнь.. |

Авторизация

Дневник PsY_xaPatKa_SkY_ANGeL Лента друзей - Дневник - Полная версия

Без заголовка 01-06-2007 17:18 к комментариям - к полной версии - понравилось!

Это цитата сообщения МалолетнееМегаЗЛО Оригинальное сообщение

Пробуем)))

Я решила предложить вам оформление постов повеселее)))

Чтобы получилось так, нужно скопировать предложенные ниже коды в простой редактор поста и там заменить слова «ваш текст» - своими словами, своим постом =)

1. Бежевый в горошек:

/img0.liveinternet.ru/images/attach/b/0/10838/10838314_begshar11.jpg" target="_blank">http://img0.liveinternet.ru/images/attach/b/0/10838/10838314_begshar11.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ

Как его сделать:

2. Палевый с разными кружочками:

/img1.liveinternet.ru/images/attach/b/0/10839/10839462_begshar13.jpg" target="_blank">http://img1.liveinternet.ru/images/attach/b/0/10839/10839462_begshar13.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ

Как его сделать:

3. Желтая клетка:

/img1.liveinternet.ru/images/attach/b/0/10839/10839738_gelkle08.jpg" target="_blank">http://img1.liveinternet.ru/images/attach/b/0/10839/10839738_gelkle08.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ

Как его сделать:

4. Еще клетка:

/img1.liveinternet.ru/images/attach/b/0/10839/10839906_gezekle43.jpg" target="_blank">http://img1.liveinternet.ru/images/attach/b/0/10839/10839906_gezekle43.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ

Как его сделать:

5. Синие полосочки:

/img0.liveinternet.ru/images/attach/b/0/10840/10840092_golpolos01.jpg" target="_blank">http://img0.liveinternet.ru/images/attach/b/0/10840/10840092_golpolos01.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ

Как его сделать:

6. Еще синие полосочки:

/img0.liveinternet.ru/images/attach/b/0/10840/10840230_golpolos28.jpg" target="_blank">http://img0.liveinternet.ru/images/attach/b/0/10840/10840230_golpolos28.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ

Как его сделать:

7. Оранжевые кружочки:

/img0.liveinternet.ru/images/attach/b/0/10840/10840608_orashar11.jpg" target="_blank">http://img0.liveinternet.ru/images/attach/b/0/10840/10840608_orashar11.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ

Как его сделать:

8. Разноцветная клетка:

/img0.liveinternet.ru/images/attach/b/0/10840/10840814_razkolkle13.jpg" target="_blank">http://img0.liveinternet.ru/images/attach/b/0/10840/10840814_razkolkle13.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ

Как его сделать:

9. Еще разноцветная клетка:

/img1.liveinternet.ru/images/attach/b/0/10841/10841052_razkolkle29.jpg" target="_blank">http://img1.liveinternet.ru/images/attach/b/0/10841/10841052_razkolkle29.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ

Как его сделать:

10. Разноцветный горох:

/img1.liveinternet.ru/images/attach/b/0/10841/10841288_razshar09.gif" target="_blank">http://img1.liveinternet.ru/images/attach/b/0/10841/10841288_razshar09.gif); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ

Как его сделать:

<div style="background-color:#000; background-image:url('http://img1.liveinternet.ru/images/attach/b/0/10841/10841288_razshar09.gif'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />

Рамка с фоном "Облака":

Выглядит:

/img90.imageshack.us/img90/7910/oblakasg0.jpg" target="_blank">http://img90.imageshack.us/img90/7910/oblakasg0.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #add8e6 4px solid; PADDING-TOP: 20px; BORDER-BOTTOM: #add8e6 4px solid; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ

Пишется:
<div style="background-color:#fff; background-image:url('http://img90.imageshack.us/img90/7910/oblakasg0.jpg'); padding:20px 20px 20px 20px; border: 4px #ADD8E6 solid;"> ВАШ ТЕКСТ </div>

Рамка с фоном "Огонь":

Выглядит:

/img208.imageshack.us/img208/1477/firezh1.jpg" target="_blank">http://img208.imageshack.us/img208/1477/firezh1.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #800000 4px outset; COLOR: #fff; PADDING-TOP: 20px; BORDER-BOTTOM: #800000 4px outset; BACKGROUND-REPEAT: no-repeat">ВАШ ТЕКСТ

Пишется:
<div style="background-color:#000;"><div style="background-repeat:no-repeat; background-position: left bottom;color:#fff; background-image:url('http://img208.imageshack.us/img208/1477/firezh1.jpg'); padding:20px 20px 20px 20px; border: 4px #800000 outset;"> ВАШ ТЕКСТ </div></div>

Рамка с фоном "Любовь":

/img481.imageshack.us/img481/2075/heartshlp1rc4.jpg" target="_blank">http://img481.imageshack.us/img481/2075/heartshlp1rc4.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #ff69b4 4px groove; COLOR: #8b008b; PADDING-TOP: 20px; BORDER-BOTTOM: #ff69b4 4px groove; BACKGROUND-REPEAT: no-repeat">ВАШ ТЕКСТ

Пишется:
<div style="background-color:#fff;"><div style="background-repeat:no-repeat; background-position: center center;color:#8B008B; background-image:url('http://img481.imageshack.us/img481/2075/heartshlp1rc4.jpg'); padding:20px 20px 20px 20px; border: 4px #FF69B4 groove;"> ВАШ ТЕКСТ </div></div>

Можно "засунуть" пост в рамку. сделать это очень легко, если знаешь HTML, а если не знаешь, то можно прочитать дальше и кое что усвоить.

Теги вводятся в простом редакторе поста (внимание! в расширенном будет совсем не то что вы хотели)

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>

вверх^ к полной версии понравилось! в evernote

Вы сейчас не можете прокомментировать это сообщение.

Дневник Без заголовка | PsY_xaPatKa_SkY_ANGeL - Мои легкие мысли..Моя воздушная жизнь.. | Лента друзей PsY_xaPatKa_SkY_ANGeL / Полная версия Добавить в друзья Страницы: раньше»