Мобильный LiveInternet Без заголовка | Male_Sone4ko - Бессмыслица имеет свой смысл

Авторизация

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

Без заголовка 12-05-2008 17:39 к комментариям - к полной версии - понравилось!

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

Оформление постов

Оформление постов. Шаблоны.

Код необходимо вводить в простом редакторе поста. Результат в "расширенном редакторе" может быть далек от ожидаемого.

В коде заменяйте "ВАШ ТЕКСТ" на собственно ваш текст и наслаждайтесь оригинальностью оформления вашего поста.

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

Выглядит:

ВАШ ТЕКСТ

Пишется:
<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>

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

Выглядит:

ВАШ ТЕКСТ

Пишется: <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>

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

ВАШ ТЕКСТ

Пишется: <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>

Код необходимо вводить в простом редакторе поста. Результат в "расширенном редакторе" может быть далек от ожидаемого. В коде заменяйте "ВАШ ТЕКСТ" на собственно ваш текст и наслаждайтесь оригинальностью оформления вашего поста. Удачи!

Рамка с фоном "Звездное небо":

Выглядит:

ВАШ ТЕКСТ
(на картинке - Магелланово облако, затемнено)

Пишется: <div style="background-color:#000; background-image:url('http://img363.imageshack.us/img363/4963/hubble2vr2.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#eee"> ВАШ ТЕКСТ </div>

Рамка с фоном "Бабочки":

Выглядит:

ВАШ ТЕКСТ
(бабочки)

Пишется: <div style="background-image: url('http://img363.imageshack.us/img363/4513/10411077107910991084110le0.jpg'); border: 2px #00FFFF groove; color:#000"><div style="background-image: url('http://img363.imageshack.us/img363/4343/119866ad1.gif'); background-position: 100% 100%; padding:20px 20px 20px 20px; background-repeat: no-repeat;"> ВАШ ТЕКСТ </div></div>

Рамка "Хохлома":

Выглядит:

ВАШ ТЕКСТ
(это оформление для больших текстов. При маленьких размерах текста выглядит некрасиво.)

В следующей части будут: Листва (кленовые листья); Божьи коровки; Море; Фрукты;

Пишется: <div style="background-image: url('http://img459.imageshack.us/img459/7007/10px5.gif'); background-position: 0% 0%; padding:110px 0px 0px 100px; background-repeat: no-repeat;"><div style="background-image: url('http://img376.imageshack.us/img376/256/17853966am3.gif'); padding:0px 100px 110px 0px;background-repeat: no-repeat;border: 0px;color:#000; background-position: 100% 100%; "> ВАШ ТЕКСТ </div></div>

Код необходимо вводить в простом редакторе поста. Результат в "расширенном редакторе" может быть далек от ожидаемого. В коде заменяйте "ВАШ ТЕКСТ" на собственно ваш текст и наслаждайтесь оригинальностью оформления вашего поста. Удачи!

Рамка с фоном "Кленовые листья":

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-color:#fff; background-image:url('http://img373.imageshack.us/img373/2965/klen2dg0.jpg'); padding:20px 20px 50px 20px;border: 2px #DAA520 groove;color: #DAA520; background-repeat: no-repeat;"> ВАШ ТЕКСТ </div>

Рамка с фоном "Божья коровка":

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-color:#fff; background-image: url('http://img395.imageshack.us/img395/5391/01xx5.jpg'); padding:20px 20px 20px 50px;border: 2px #334455 groove;color: #334455; background-repeat: no-repeat; background-position: 0% 100%;">ВАШ ТЕКСТ</div>

Рамка с фоном "Море":

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-color:#fff; background-image: url('http://img235.imageshack.us/img235/5536/volna01gf4.jpg');padding:20px 20px 50px 20px;border: 2px #505050 groove;color: #505050; background-repeat: no-repeat; background-position: 0% 100%;">ВАШ ТЕКСТ</div>

Рамка с фоном "Виноград":

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-color:#fff; background-image: url('http://img64.imageshack.us/img64/8933/fru2nq1.jpg'); padding:20px 20px 20px 20px;border: 2px #f1f1f1 groove;color: #010101; background-repeat: no-repeat; background-position: 50% 0%;">ВАШ ТЕКСТ</div> Уголки для темных дизайнов и мрачных постов.

Код необходимо вводить в простом редакторе поста. Результат в "расширенном редакторе" может быть далек от ожидаемого. В коде заменяйте "ВАШ ТЕКСТ" на собственно ваш текст и наслаждайтесь оригинальностью оформления вашего поста. Удачи!

Уголок "Кленовый лист":

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-color:#000; background-image: url('http://img476.imageshack.us/img476/3486/g2236459181xn1.jpg'); padding:20px 100px 20px 20px; border: 2px #fff groove; color: #ddd; background-repeat: no-repeat; background-position:100% 100%;"> ВАШ ТЕКСТ </div>

Уголок "Божья коровка":

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-color:#000; background-image: url('http://img221.imageshack.us/img221/4821/7957650sl4.png'); padding:20px 100px 20px 20px; border: 2px #fff groove; color: #DAA520; background-repeat: no-repeat; background-position:100% 100%;"> ВАШ ТЕКСТ </div>

Уголок "The Earth":

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-color:#000; background-image: url('http://img78.imageshack.us/img78/5164/300pxtheearthseenfromapnu6.jpg'); padding:20px 140px 20px 20px; border: 2px #fff groove; color: #87CEFA; background-repeat: no-repeat; background-position:100% 100%;"> ВАШ ТЕКСТ </div>

Уголки для светлых дизайнов и весенних постов.

Код необходимо вводить в простом редакторе поста. Результат в "расширенном редакторе" может быть далек от ожидаемого. В коде заменяйте "ВАШ ТЕКСТ" на собственно ваш текст и наслаждайтесь оригинальностью оформления вашего поста. Удачи!

Уголок "Воздушные шары":

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-color:#416074; background-image: url('http://img362.imageshack.us/img362/5084/fon1hl5.jpg'); padding:20px 20px 60px 20px; border: 2px #416074 groove; color: #3037c3; background-repeat: no-repeat; background-position:0% 100%;"> ВАШ ТЕКСТ </div>

Уголок "Цветущая вишня":

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-color:#fff; background-image: url('http://img362.imageshack.us/img362/274/fon2uo4.jpg'); padding:20px 20px 60px 70px; border: 2px #fff groove; color: #a35555; background-repeat: no-repeat; background-position:0% 100%;"> ВАШ ТЕКСТ </div>

Уголок "Кувшинка":

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-color:#fdf3ea; background-image: url('http://img362.imageshack.us/img362/1460/fon3jv4.jpg'); padding:20px 140px 20px 20px; border: 2px #fdf3ea groove; color: #9d6391; background-repeat: no-repeat; background-position:100% 100%;"> ВАШ ТЕКСТ </div>

Цветок в лучах рассвета.

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-image: url('http://t.foto.radikal.ru/0706/89/40dd7080d3af.jpg'); background-position:50% 100%; background-color:#fff; padding:20px 80px 80px 20px; background-repeat: no-repeat; border:2px dashed #999; color: #326a8a;">ВАШ ТЕКСТ<br /><br /><br /><br /><br /><br /><br /><br /></div>

Сердце

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-image: url('http://s.foto.radikal.ru/0706/9f/59a74de0b437.jpg'); background-position:50% 50%; background-color:#fff; padding:20px 20px 20px 20px; background-repeat: no-repeat; border:2px dashed #999; color: #80007e;"> ВАШ ТЕКСТ <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>

Собрано из нескольких постов и взято у atila

Перо

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-image: url('http://img143.imageshack.us/img143/6937/perowb9.gif'); background-position:0% 100%; background-color:#FFFFFF; padding:20px 20px 80px 100px; background-repeat: no-repeat; border:2px dashed #e3e3e3;"> ВАШ ТЕКСТ <br /><br /><br /><br /><br /><br /><br /><br /></div>

Ангел

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-image: url('http://img440.imageshack.us/img440/520/angelyw4.gif'); background-position:0% 100%; background-color:#FFFFFF; padding:20px 20px 100px 145px; background-repeat: no-repeat; border:2px dashed #e3e3e3;"> ВАШ ТЕКСТ <br /><br /><br /><br /></div>

Земля

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-image: url('http://img69.imageshack.us/img69/1807/earthbm2.gif'); background-position:50% 50%; background-color:#FFFFFF; padding:20px 20px 20px 20px; background-repeat: no-repeat; border:2px dashed #e3e3e3;"><center> ВАШ ТЕКСТ <br /><br /><br /><br /><br /><br /><br /><br /></center></div>

Клякса

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-image: url('http://img390.imageshack.us/img390/8510/klyaksars2.gif'); background-position:100% 100%; background-color:#FFFFFF; padding:20px 100px 100px 20px; background-repeat: no-repeat; border:2px dashed #e3e3e3;"><center> ВАШ ТЕКСТ <br /><br /><br /><br /></center></div>

Котенок-дракоша

Выглядит:

ВАШ ТЕКСТ

Пишется: <div style="background-image: url('http://img374.imageshack.us/img374/1949/catmk8.png'); background-position:40% 20%; background-color:#FFFFFF; padding:20px 100px 100px 20px; background-repeat: no-repeat; border:2px dashed #e3e3e3;"><center> ВАШ ТЕКСТ <br /><br /><br /><br /></center></div> ======================================================================================= и ещё: 1)

Ваш текст

<center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="http://img0.liveinternet.ru/images/attach/b/0/16348/16348810_Untitled1.jpg"><tbody><tr><td><font face="Courier new" color="000000" size="3" font="font"><b><p align="center"><br /> Ваш текст<br /> </p></b></font></td></tr><br /> </tbody></table></center> 2)

Ваш текст

<center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="http://t.foto.radikal.ru/0705/6d/e188c27f0145.jpg"><tbody><tr><td><font face="Courier new" color="#000000 " size="4" font="font"><b><p align="center"><br /><br /> </p><center> <p style="FONT-WEIGHT: bold; FONT-SIZE: 17px; FILTER: Glow(Color=#990033, Strength=10); WIDTH: 600px; FONT-FAMILY: Times Roman; TEXT-ALIGN: center"><font color="#ffffff"> ТеКсТ тВоЙ=)ЗдЕсЬ=) </font></p></center> <br /><br /></b></font></td></tr></tbody></table></center> 3)

Такая рамка

<center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="http://v.foto.radikal.ru/0704/0c/3ea4f4fe8ddf.jpg"><tbody><tr><td><font face="Courier new" color="#000000 " size="4" font="font"><b><p align="center"><br /><br /> </p><center> <p style="FONT-WEIGHT: bold; FONT-SIZE: 17px; FILTER: Glow(Color=#660099, Strength=10); WIDTH: 600px; FONT-FAMILY: Times Roman; TEXT-ALIGN: center"><font color="#CCFF33"> Такая рамка </font></p></center> <br /><br /></b></font></td></tr></tbody></table></center> 4)

Или вот так....

<center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="http://v.foto.radikal.ru/0704/27/d449f5175c13.jpg"><tbody><tr><td><font face="Courier new" color="#000000 " size="4" font="font"><b><p align="center"><br /><br /> </p><center> <p style="FONT-WEIGHT: bold; FONT-SIZE: 17px; FILTER: Glow(Color=#FFCC33, Strength=10); WIDTH: 600px; FONT-FAMILY: Times Roman; TEXT-ALIGN: center"><font color="#000000">Или вот так....</font></p></center> <br /><br /></b></font></td></tr></tbody></table></center> 5)

Текст =) )) )) )) )) ))) ))) ))) ))) =) =) =)

<center> <table style="WIDTH: 600px; HEIGHT: 150px" align="center" background="http://v.foto.radikal.ru/0704/fd/9fc054b82f2a.jpg" border="3"> <tbody> <tr> <td><font face="monotype corsiva" color="#CC0033" size="4" font="font"><b><center> <p style="FONT-WEIGHT: bold; FONT-SIZE: 21px; FILTER: Glow (Color=#996600, Strength=6); WIDTH: 600px; FONT-FAMILY: Monotype Corsiva; TEXT-ALIGN: center"><font color="#CCFF33"><br /> Текст =) )) )) )) )) ))) ))) ))) ))) =) =) =) <br /></font></p> </center></b></font></td> </tr> </tbody> </table> </center> 6)

Ваш текст

<center><table style="WIDTH: 600px; HEIGHT: 200px" align="center" border="3" background="http://u.foto.radikal.ru/0703/f45a737e4b20.gif"><tbody><tr><td><font face="Verdana" color="ff3399" font="font"><b><p align="center"><br /><br /> Ваш текст<br /><br /> </p></b></font></td></tr><br /></tbody></table></center> 7)

Ваш текст

<center><table style="WIDTH: 600px; HEIGHT: 200px" align="center" border="3" background="http://s.foto.radikal.ru/0703/66a52574be85.gif"><tbody><tr><td><font face="Verdana" color="ff9900" font="font"><b><p align="center"><br /><br /> Ваш текст<br /><br /> </p></b></font></td></tr><br /></tbody></table></center> 8)

Ваш текст

<center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="http://www.lenagold.ru/fon/geom/pol/raz/razpolos16a.jpg "><tbody><tr><td><font face="Comic sans MS" color="000000=" font="font"><b><p align="center"><br /><br /> Ваш текст<br /><br /> </p></b></font></td></tr><br /></tbody></table></center> 9)

Ваш текст

<center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="http://images.bigoo.ws/content/background/holiday/holiday_67.gif "><tbody><tr><td><font face="Comic sans MS" color="000000=" font="font"><b><p align="center"><br /><br /> Ваш текст<br /><br /> </p></b></font></td></tr><br /></tbody></table></center> 10)

Ваш текст

<center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="http://img0.liveinternet.ru/images/attach/b/1/4750/4750326_4395680_23198042_2s63vnl.jpg"><tbody><tr><td><font face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /> Ваш текст<br /><br /> </p></b></font></td></tr><br /></tbody></table></center> 11)

Ваш текст

12)

Ваш текст

<center><table style="WIDTH: 650px; HEIGHT: 250px" align="center" border="3" background="http://img1.liveinternet.ru/images/attach/b/1/4491/4491472_tj5lf9l8u2y5_2_fon.jpg"><tbody><tr><td><font face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /> Ваш текст<br /><br /> </p></b></font></td></tr><br /></tbody></table></center> 13)

Ваш текст

<center><table style="WIDTH: 650px; HEIGHT: 250px" align="center" border="3" background="http://img1.liveinternet.ru/images/attach/b/1/4483/4483631_mas_fon.jpg"><tbody><tr><td><font face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /> Ваш текст<br /><br /> </p></b></font></td></tr><br /></tbody></table></center> 14)

Ваш текст

<center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="http://img0.liveinternet.ru/images/attach/b/1/4002/4002048_23163502_7f7f99a42da5.gif"><tbody><tr><td><font face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /> Ваш текст<br /><br /> </p></b></font></td></tr><br /></tbody></table></center> 15)

Ваш текст

<center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="http://img1.liveinternet.ru/images/attach/b/1/4001/4001912_crazy_bg.jpg"><tbody><tr><td><font face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /> Ваш текст<br /><br /> </p></b></font></td></tr><br /></tbody></table></center> 16)

Ваш текст

Нарциссы:

ВАШ ТЕКСТ

Как его сделать:
<div style="background-color:#000; background-image:url(' http://img1.liveinternet.ru/images/attach/b/0/16605/16605227_winflobordq92.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

Светлый вязаный

ВАШ ТЕКСТ

Как его сделать:
<div style="background-color:#000; background-image:url(' http://img1.liveinternet.ru/images/attach/b/0/16605/16605127_tkan992.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

Голубой с ромашками

ВАШ ТЕКСТ

Как его сделать:
<div style="background-color:#000; background-image:url(' http://img0.liveinternet.ru/images/attach/b/0/16584/16584331_rommmashk297.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

Цветы

ВАШ ТЕКСТ

Как его сделать:
<div style="background-color:#000; background-image:url(' http://img0.liveinternet.ru/images/attach/b/0/16400/16400178_7636320_7392644_6194417_6146393_5862747_romaboard70.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

Розовые цветы:

ВАШ ТЕКСТ

Как его сделать:
<div style="background-color:#000; background-image:url(' http://img0.liveinternet.ru/images/attach/b/0/16604/16604561_poleflowers3459.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#eee"> ВАШ ТЕКСТ </div>

Темные камни:

ВАШ ТЕКСТ

Как его сделать:
<div style="background-color:#000; background-image:url(' http://img0.liveinternet.ru/images/attach/b/0/16604/16604171_galka13.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#eee"> ВАШ ТЕКСТ </div>

Светло-розовые цветы:

ВАШ ТЕКСТ

Как его сделать:
<div style="background-color:#000; background-image:url(' http://img1.liveinternet.ru/images/attach/b/0/16363/16363972_ku.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

Галька:

ВАШ ТЕКСТ

Как его сделать:
<div style="background-color:#000; background-image:url(' http://img0.liveinternet.ru/images/attach/b/0/16468/16468694_aabord27.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div>

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

ВАШ ТЕКСТ

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

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

ВАШ ТЕКСТ

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

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

ВАШ ТЕКСТ

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

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

ВАШ ТЕКСТ

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

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

ВАШ ТЕКСТ

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

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

ВАШ ТЕКСТ

Пишется: <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

Комментарии (2):

Ray_Glory 12-05-2008-17:44 удалить

прикольненькоо...но если чесно меня это бесит

Обратиться - Ответить - К полной версии

Male_Sone4ko 13-05-2008-14:50 удалить

Ответ на комментарий Ray_Glory # а мне нра)

Обратиться - Ответить - К полной версии

Комментарии (2): вверх^

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

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