фончики

Среда, 20 Февраля 2008 г. 14:04 + в цитатник

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

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

Шаблоны для ваших дневников

Шаблоны не мои! Огромное спасибо тем кто их придумал, ведь они нам пригодятся))

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

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

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

=======================================================================================

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

<br /><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 /><br /><br /></p><center><br /><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 /><br /><br /></b></font></td></tr></tbody></table></center><br />
6)

Ваш текст

<br /><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 /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
7)

Ваш текст

<br /><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 /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>

Ваш текст

<br /><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 /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
10)

Ваш текст

<br /><center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="//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 /><br /><br /></p></b></font></td></tr><br /></tbody></table></center>
16)

Ваш текст

Еще разные фоны для постов

Вот еще такие фоны для постов можно сделать

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

1. Серый в горох:

ВАШ ТЕКСТ

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

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

2. Голубой в горох

ВАШ ТЕКСТ

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

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

3. Бежевые полоски:

ВАШ ТЕКСТ

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

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

4. Разноцветные полоски:

ВАШ ТЕКСТ

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

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

5. Розовая клетка:

ВАШ ТЕКСТ

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

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

6. Розовый в горох:

ВАШ ТЕКСТ

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

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

7. Еще розовый:

ВАШ ТЕКСТ

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

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

8. Розово-желтый вязаный:

ВАШ ТЕКСТ

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

<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10990/10990072_trapochka367.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br />

9. Зеленый в горох:

ВАШ ТЕКСТ

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

<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10990/10990167_zelshar12.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#eee"> ВАШ ТЕКСТ </div><br />

10. Темно-серый вязаный:

ВАШ ТЕКСТ

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

<div style="background-color:#000; background-image:url('//img0.liveinternet.ru/images/attach/b/0/10990/10990249_zelvazanier38.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#eee"> ВАШ ТЕКСТ </div><br />

Фоны постов с растительными узорами

Фоны постов с растительными узорами
Вот еще такие фоны для постов можно сделать

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

1. Бордовый:

ВАШ ТЕКСТ

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

2. Темно-серый

ВАШ ТЕКСТ

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

3. Мелкий фиолетовый:

ВАШ ТЕКСТ

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

4. Розово-фиолетовый:

ВАШ ТЕКСТ

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

5. Желтый:

ВАШ ТЕКСТ

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

6. Светло-зеленый:

ВАШ ТЕКСТ

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

7. Голубой:

ВАШ ТЕКСТ

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

8. Бежевый:

ВАШ ТЕКСТ

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

9. Зеленый с черным текстом:

ВАШ ТЕКСТ

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

10. Зеленый с белым текстом:

ВАШ ТЕКСТ

Текст

<br /><center><table style="WIDTH: 550px; HEIGHT: 200px" align="center" border="3" background="//img1.liveinternet.ru//images/attach/b/0/19360/19360626_14757563_2652146_2643148_drag.jpg"><tbody><tr><td><font face="Monotype corsiva" color="#000000" font="font" size="4"><b><p align="center"><br /><br /><br />Текст <br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center><br />

5.

Текст

<center><table style="WIDTH: 600px; HEIGHT: 200px" align="center" border="3" background="//img0.liveinternet.ru/images/attach/b/0/19538/19538658_a5e83da2c6c5.gif"><tbody><tr><td><font face="Monotype corsiva" color="#000000" font="font" size="4"><b><p align="center"><br /><br /><br />Текст <br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center><br />

8.

Текст

<center><table style="WIDTH: 500px; HEIGHT: 200px" align="center" border="3" background="//img1.liveinternet.ru/images/attach/b/0/9565/9565308_5622740_4595974_1766715_1706375_1175385_974150_f_270279411.gif"><tbody><tr><td><font face="Monotype corsiva" color="#CCCCFF" font="font" size="4"><b><p align="center"><br /><br /><br />Текст <br /><br /><br /></p></b></font></td></tr><br /></tbody></table></center><br /><br />

9.

15.

Ваш текст))))))

<center><blockquote style="border:3px #CC0000 solid; padding: 5px; margin:0px 0px 0px 0px;"><blockquote style="border:3px #FF6666 dashed; padding: 15px; margin:0px 0px 0px 0px;"><p style="FILTER: Glow(Color=#CC0000, Strength=10);WIDTH: 600px; FONT-WEIGHT: bold; FONT-SIZE: 14px;FONT-FAMILY: Times Roman; TEXT-ALIGN: center;"><font color="#FF6666"><br /><br />Ваш текст))))))</font></p><center><p style="FILTER: Glow(Color=#CC0000, Strength=10);WIDTH: 600px; FONT-WEIGHT: bold; FONT-SIZE: 14px;FONT-FAMILY: Times Roman; TEXT-ALIGN: center;"><font color="#FF6666"><br /></font></p></center></blockquote></blockquote></center><br />

Рамка с фоном "Фиолетовые узоры":

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-color:#8B008B; background-image:url('//img1.liveinternet.ru/images/attach/b/1/18575/18575543_Sirenevuyy.jpg'); padding:20px 20px 20px 20px; border: 4px #8B008B solid;"> ВАШ ТЕКСТ</div>

Рамка с фоном "LV":

Выглядит:

ВАШ ТЕКСТ

Пишется:
<div style="background-color:#fff; background-image:url('//img1.liveinternet.ru/images/attach/b/1/18833/18833572_LV.JPG'); padding:20px 20px 20px 20px; border: 4px #00000 solid;"> ВАШ ТЕКСТ</div>

Рубрики:

~советы и ответы~/~ресурсы.где найти,скачать~