Комментарии (0)

Кнопка для блога

Пятница, 12 Марта 2010 г. 13:47 + в цитатник
Это цитата сообщения Дайтека [Прочитать целиком + В свой цитатник или сообщество!]

Всем привет!

По стечению обстоятельств 5 разных людей попросили меня объяснить как сделать простую кнопку, так чтоб не писать одно и тоже 5 раз создаю пост) возможно и ещё кому-нибудь пригодится.

Самая простая кнопка

В общем-то это сама кнопка, а во флейме её код, ниже на картинке фото этого кода

1. Адрес блога - поменяйте на адрес своего блога или любого поста для которого нужно создать кнопку

2. Надпись - тут я думаю сами знаете что написать)

Теперь давайте попробуем сделать кнопочку чуть посложнее:

Вот собственно сам её код:

разберём чуть подробней:

1. Как и в простом варианте - адрес блога

2. Адрес картинки

#000080 - код цвета фона - если Вам такой цвет не подходит, то код цвета просто поменяйте - Коды цвета

Код картинки - если Вам нужно её поменять, то просто вставьте адрес своей картинке или загружите её на сервер.

Когда определились с цветом, картинкой, добавляйте текст

1. Адрес блога

2. Адрес картинки

3. Цвет фона

4. Цвет текста для кнопки

Сложив всё вместе Вы получите вот такую кнопку, для упрощения всех операций просто скопируйте код из флейма и замените нужные моменты. Если остались вопросы пишите в комментах.

Остальные рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога

Рубрики:

все для блога
уроки

Комментарии (8)

<a href="https://www.liveinternet.ru/users/3683236/post121356068/">Р’СЃРµ РґР»СЏ РІР°С€РµРіРѕ Р±Р»РѕРіР°!</a><br/>
Р’СЃРµ СЃСЃС‹Р»РѕС‡РєРё РЅР° РѕРґРЅРѕР№ СЃС‚СЂРѕРєРµ!
.Р’С‹Р±РёСЂР°РµРј РёРЅС‚РµСЂРµСЃСѓСЋС‰РёР№ СЃР°Р№С‚ Рё РЅР°Р¶РёРјР°РµРј "РћРљ"

1.Р’СЃС‘ РґР»СЏ РІР°С€РµРіРѕ СЃР°Р№С‚Р°! 
2.Р‘Р»РµСЃС‚СЏС‰РёРµ РєР°СЂС‚РёРЅРєРё
3.Р‘Р»РµСЃС‚СЏС‰РёРµ РєР°СЂС‚РёРЅРєРё
4.Р‘Р»РµСЃС‚СЏС‰РёРµ РєР°СЂС‚РёРЅРєРё СЃ РєРѕРґР°РјРё
5.Р‘Р»РµСЃС‚СЏС‰РёРµ РєР°СЂС‚РёРЅРєРё СЃ РєРѕРґР°РјРё
6.Р‘Р»РµСЃС‚СЏС‰РёРµ РЅР°РґРїРёСЃРё СЃ РєРѕРґР°РјРё
7.Р‘Р»РµСЃС‚СЏС‰РёРµ РєР°СЂС‚РёРЅРєРё СЃ РєРѕРґР°РјРё
8.Р‘Р»РµСЃС‚СЏС‰РёРµ РєР°СЂС‚РёРЅРєРё
9.Р¤РѕРЅС‹ Рё РєР°СЂС‚РёРЅРєРё
10.Р¤РѕРЅС‹
 11.С„РѕРЅС‹
12.Р‘Р»РµСЃС‚СЏС‰РёРµ РєР°СЂС‚РёРЅРєРё
13.Р¤РѕРЅС‹ СЃ РєРѕРґР°РјРё
14.Р‘Р»РµСЃС‚СЏС‰РёРµ РєР°СЂС‚РёРЅРєРё
15.РљСѓСЂСЃРѕСЂС‹ СЃ РєРѕРґР°РјРё
16.Р‘Р»РµСЃС‚СЏС‰РёРµ РєР°СЂС‚РёРЅРєРё СЃ РєРѕРґР°РјРё
17.Р‘Р»РµСЃС‚СЏС‰РёРµ РєР°СЂС‚РёРЅРєРё Рё РЅР°РґРїРёСЃРё
18.Р‘Р»РµСЃС‚СЏС‰РёРµ РєР°СЂС‚РёРЅРєРё Рё РЅР°РґРїРёСЃРё
19.РќР°С‚СЋСЂРјРѕСЂС‚
20.Р‘Р»РµСЃС‚СЏС‰РёРµ РЅР°РґРїРёСЃРё 
21.РРјРµРЅР°
22.Р‘Р»РµСЃС‚СЏС‰РёРµ РєР°СЂС‚РёРЅРєРё СЃ РєРѕРґР°РјРё
23.Р‘... <a href="https://www.liveinternet.ru/users/3683236/post121356068/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Все для вашего блога!

Дневник

Понедельник, 22 Февраля 2010 г. 13:58 + в цитатник

Все ссылочки на одной строке!
.Выбираем интересующий сайт и нажимаем "ОК"

Автор работы Наталья

Рубрики:

фоны
все для блога
картинки
анимация

Метки: фоны картинки все для блога

Комментарии (10)

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

Воскресенье, 14 Февраля 2010 г. 21:20 + в цитатник
Это цитата сообщения 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)

Ваш текст

<br /><center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="//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 />Ваш текст<br /><br /></p></b></font></td></tr><br /><br /></tbody></table></center>
2)

Ваш текст

<br /><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 /><br /><br /></p><center><br /><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"><br /><br />ТеКсТ тВоЙ=)ЗдЕсЬ=)<br /><br /></font></p></center><br /><br /><br /><br /><br /></b></font></td></tr></tbody></table></center><br />
3)

Такая рамка

<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/0c/3ea4f4fe8ddf.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=#660099, Strength=10); WIDTH: 600px; FONT-FAMILY: Times Roman; TEXT-ALIGN: center"><font color="#CCFF33"><br /><br /><br />Такая рамка<br /><br /></font></p></center><br /><br /><br /><br /><br /></b></font></td></tr></tbody></table></center><br /><br /><br />
4)

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

<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 />
5)

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

<br /><center><br /><table style="WIDTH: 600px; HEIGHT: 150px" align="center" background="http://v.foto.radikal.ru/0704/fd/9fc054b82f2a.jpg" border="3"><br /> <tbody><br /> <tr><br /> <td><font face="monotype corsiva" color="#CC0033" size="4" font="font"><b><center><br /> <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 />=)<br /> ))<br /> ))<br /> ))<br /> ))<br /> )))<br /> )))<br /> )))<br /> )))<br />=)<br />=)<br />=)<br /><br /><br /></font></p><br /> </center></b></font></td><br /> </tr><br /> </tbody><br /></table><br /></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>
8)

Ваш текст

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

Ваш текст

<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>
11)

Ваш текст

<br /><table cellspacing="0" style="border:double 3px #C7CAFF" cellpadding="15" width="80%" background="//img1.liveinternet.ru/images/attach/b/0/23421/23421863_18184822_13024519_peaceFlag.jpg"> <br /><tr><td><center><table style="border:groove 3px #90C2DD" width="100%" background="//img1.liveinternet.ru/images/attach/b/0/23421/23421887_18265228_196.gif" cellpadding="10" cellspacing="0"><tr><td width="80%"><center><table style="border:double 2px #008080" width="100%" background="//img1.liveinternet.ru/images/attach/b/0/23421/23421967_normal_milnie_pyziri.jpg" cellpadding="5" cellspacing="5"><tr><td width="80%"><center><font style="font-size: 16 pt; color: #FFffff; font-family: Monotype corsiva"><center><br /><b><font size="3">Ваш текст</font></b><br /></center></font><br /><br /><font style="font-size: 18 pt; color: #000080; font-family: Georgia"></font></center></td></tr></table></center></td></tr></table></center></td></tr></table>
12)

Ваш текст

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

Ваш текст

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

Ваш текст

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

Ваш текст

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

Ваш текст

Нарциссы:

ВАШ ТЕКСТ

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

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

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

ВАШ ТЕКСТ

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

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

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

ВАШ ТЕКСТ

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

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

Цветы

ВАШ ТЕКСТ

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

<div style="background-color:#000; background-image:url(' //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><br />

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

ВАШ ТЕКСТ

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

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

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

ВАШ ТЕКСТ

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

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

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

ВАШ ТЕКСТ

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

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

Галька:

ВАШ ТЕКСТ

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

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

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

ВАШ ТЕКСТ

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

Рубрики:

фоны
рамки

Метки: фоны дизайн картинки оформление рамки все для блога

Комментарии (6)

Где искать фоновые картинки?

Воскресенье, 14 Февраля 2010 г. 15:31 + в цитатник
Это цитата сообщения AndryM [Прочитать целиком + В свой цитатник или сообщество!]

Где искать фоновые картинки?

Ли.Ру:

Avatarlessons

-Avatars_and_competion-

avatartutorials

BEST_HAND_MADE_AVATARS

Creative_Factory

-DiZe_life-

Find the design

Internet_Links

New_Dizzz

-ParaDIZe-

Pictures_for_design

pictures_for_diary

Picture_Gallery

Pretty_Design

Source_of_Images

The_best_for_design

TheBestPictures

--UNcommoN_StyLe--

World_of_illusion

Аватары_для_всех

-Авики_и_картинки-

АвИкИ_ЭпИкИ_ФоНы

Ваш_дизайн

Вещички_для_днева

Все_для_вашего_днева_2007

ВсЁ_дЛя_ДнЕвА

Выбирай_диз_на_свой_вкус

ДеТаЛи_ДлЯ_дНеВа

-диз_для_вас-

--дизайн--

_Дизайны_для_Вас

Картинки_для_днева

Картинки_Фоны_Аватар

Красота_дневников

ЛиРу

Лиру_дизайн

Лучшие_Дизы_на_ЛИРУ

любой_дизайн

Мир_твоего_днева

ОфорМленИе_для_ДНЕВА

_Поиск_Картинок_

полезности_для_днева

Пора_украшать_дневы

Рамки_для_днева

Спасите_Дизайн

Фон_для_тебя

Фоны_для_вас

Фоны_для_всех

Фоны_для_днева

Фоны_для_дневника

Фоны_Эльфы_Гаи_Рер

Фоныы

Шрифты_и_блестяжки

Эксклюзивный_диз

_Эпиграфы_

Эпиграфы_ЛИРУ

Яркие_Картинки_Всем

ShowAllJournal Ли.Ру:

Фоны - Лента последних записей LiveInternet.ru

Другие сайты:

Фото Land

FoneGallery.narod.ru

HaksNotDead.narod.ru

StyleInDisign.narod.ru

Фоны (Backgrounds)

Коллекция фонов

Cucoz Web

Знаете еще? Пишите в комментарии, пост будет обновляться постоянно.

Рубрики:

фоны
ссылки
все для блога
картинки

Метки: фоны дизайн картинки все для блога

LiveInternetLiveInternet

-Метки

-Рубрики

-Музыка

-ТоррНАДО - торрент-трекер для блогов

-

-Стена

-Поиск по дневнику

-Подписка по e-mail

-Друзья

-Постоянные читатели

-Сообщества

-Трансляции

-Статистика

Записи с меткой все для блога

Кнопка для блога

Все для вашего блога!

Дневник

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

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

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

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

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

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

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

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

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

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

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

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

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

Уголок "The Earth":

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

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

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

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

Сердце

Перо

Ангел

Земля

Клякса

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

Где искать фоновые картинки?