Учимся делать рамочки c картинкой



 

Учимся делать рамочки
ФОРМУЛА
<center><table border="2" background="АДРЕС ФОНА" cellpadding="13" cellspacing="0" width="900"><tr><td><table border="2" background="АДРЕС ФОНА" cellpadding="5" cellspacing="20" width="100%"><tr><td><img src=''адрес картинки''><font size="5"><font color="000000">Ваш текст</font></font></font></td></tr></table></td></tr></table></center>



а теперь разберём каждый тег в отдельности,
чтобы вы могли понять какой тег для чего....

<center>-этим тегом мы выравниваем рамочку по цент

<table ру border="2"-число 2 это толщина обводки рамочки

background="АДРЕС ФОНА"-на место адрес фона вписываем ссылку на фон

<tr>-этот тег поддерживает высоту рамки

<td>-этот тег поддерживает ширину рамки


cellpadding="13" cellspacing="0"-этот тег задает на сколько будет вид ен наш слой

width=''900''- размер рамочки , то есть ее ширина  

Ну вот и все, удачи!

Коды цвета для текстов



Коды для тех кто хочет поменять цвет текста в рамочках.

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

Рамочки для текстов 12 ( Он и Она )



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

Что нужно для вставки:

1. Копируете код из флейма
2. Новая запись – ВНИМАНИЕ – ПРОСТОЙ редактор , вставляете код и пишите всё что ходите там где написано ВАШ ТЕКСТ.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.

Да и не забудьте что цвет и размер шрифта будет такой как у Вас в блоге , а не как в примерах.

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

Рамочки для текстов (Любовь)



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

Что нужно для вставки:

1. Копируете код из флейма
2. Новая запись – ВНИМАНИЕ – ПРОСТОЙ редактор , вставляете код и пишите всё что ходите там где написано ВАШ ТЕКСТ.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.

Да и не забудьте что цвет и размер шрифта будет такой как у Вас в блоге , а не как в примерах, если хотите поменять, то Коды цвета для текстов найдёте пройдя по ссылке.
 

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

Рамочки для текстов (Сердечки)



 

Посмотрите в этих постах возможно Вам что-то пригодиться для поздравления своих любимых:

1.Сердечки (анимашки)

2.Малыш Купидон (картинки)

3.Рамочки для текстов 12 ( Он и Она )

4. Рамочки для текстов (Любовь)

И в дополнение рекомендую Вам заглянуть вот в этот пост - Сделай видео слайд-шоу с помощью представленной там программы Вы уже сможете сделать не виртуальный, а реальный подарок своему любимому человеку. К примеру, скомпоновать Ваши личные фотографии - наложить музыку или свой голос и записать это всё на диск. По-моему получится очень оригинально и второго такого подарка больше уже точно не будет.

 

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека

Рамочки для текстов (Котята)



Всем привет! Удачного Вам дня и хорошего настроения!

Захотелось мне сегодня чего-то "белого и пушистого" ))) первое что пришло на ум это котята. Надеюсь Вам понравятся рамочки с этими милыми "комочками".

Если нет, то вот другие рамочки для текстов с картинками:
1.Рамочки для текстов 3
2.Рамочки для текстов 4
3.Рамочки для текстов 5
4.Рамочки для текстов 6
5.Рамочки для текстов 7 (бабочки)
6.Рамочки для текстов - Адрес Детство
7.Рамочки для текстов 9 (Мачо)
8.Рамочки для текстов 10 (Букет невесты)
9.Рамочки для текстов 11 (Природа)
10.Рамочки для текстов 12 ( Он и Она )
11.Рамочки для текстов (Любовь)
12.Рамочки для текстов (Сердечки)

Что нужно для вставки:

1. Копируете код из флейма
2. Новая запись – ВНИМАНИЕ – ПРОСТОЙ редактор , вставляете код и пишите всё что ходите там где написано ВАШ ТЕКСТ.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.

Да и не забудьте что цвет и размер шрифта будет такой как у Вас в блоге , а не как в примерах.

 

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

Рамочки для текстов (Природа -2)



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

Что нужно для вставки:

1. Копируете код из флейма
2. Новая запись – ВНИМАНИЕ – ПРОСТОЙ редактор , вставляете код и пишите всё что ходите там где написано ВАШ ТЕКСТ.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.

Да и не забудьте что цвет и размер шрифта будет такой как у Вас в блоге , а не как в примерах, если хотите поменять, то Коды цвета для текстов найдёте пройдя по ссылке.

 

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

Рамочки для текстов (8марта-Весна)



 

С наступающим праздником!!!

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

Не забудьте что цвет и размер шрифта будет такой как у Вас в блоге , а не как в примерах, если хотите поменять, то Коды цвета для текстов найдёте пройдя по ссылке.

 

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

Рамочки для текстов (Подводный мир)



Что нужно для вставки:

Расширенный редактор:
1. Копируете код из флейма
2. Новая запись - нажимаете кнопку ИСТОЧНИК - вставляете код - ещё раз нажимаете кнопку - ИСТОЧНИК - выделяете слова Ваш текст и пишите свой пост.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.

Простой редактор:
1. Копируете код из флейма
2. Новая запись , вставляете код и пишите всё что ходите там где написано ВАШ ТЕКСТ.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.

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

 

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека

Рамочки для текстов (Ночь над городом)



Всем привет!
Вчера долго гуляла по ночному городу и пришла мысль создать рамочки для текстов "Ночь над городом". Надеюсь, Вам понравятся.

Что нужно для вставки:

Расширенный редактор:
1. Копируете код из флейма
2. Новая запись - нажимаете кнопку ИСТОЧНИК - вставляете код - ещё раз нажимаете кнопку - ИСТОЧНИК - выделяете слова Ваш текст и пишите свой пост.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.

Простой редактор:
1. Копируете код из флейма
2. Новая запись , вставляете код и пишите всё что ходите там где написано ВАШ ТЕКСТ.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.

Не забудьте что цвет и размер шрифта будет такой как у Вас в блоге , а не как в примерах, если хотите поменять, то Коды цвета для текстов найдёте пройдя по ссылке.

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

 

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

ВАШ Т Е К С Т   Дайтека

Учимся делать рамочки



Для начала возмем однослойную рамочку и разберем ее что к чему и для чего.

 

Учимся делать рамочки 4



Уважаемые читатели,первый урок самый важный ,там расписаны слои,они вам показаны наглядно,надо усвоить чем начинается слой и где он заканчивается ,иначе вашим ошибкам не будет конца!!!!
Мы уже умеем добавлять слои,умеем вставлять картинку и умеем делать рамочку в рамочке.
Теперь я покажу как сделать в рамочке две рамочки.
За основу опять возмем 2-хслойную рамочку.
 

Учимся делать рамочки 5



В принципе игру со слоями можно самому проделать как нам больше нравиться,все зависит от вашего вкуса,добавлять слои мы уже умеем.
Давайте в этом уроке поиграем с текстом.
Ну что же начнем.
Для начала сделаем рамку с плывущем текстом.
Опять таки ничего сложного нет,
просто надо вставлять определенный тег перед текстом.
За основу я возьму рамку с предыдущего нашего урока.

 

Ваш текст

Учимся делать рамочки 6



А сейчас поучимся делать рамку с прокруткой,это довольно сложно,поэтому начнем с самой простой рамки в этом случае.
Вот с такой:

 

ВАШ ТЕКСТ

Учимся делать рамочки 7



Теперь на примере простой рамочки разберем кое какие ньюансы,
о которых не было упомянуто в прошлых уроках.
 

Учимся делать рамочки 8



Это урок мы тоже посвятим маленьким мелочам.
Начнем с того,что введем заголовок в нашу рамку и заставим его двигаться.
Вот так:

 

Ваш заголовок....   ВАШ ТЕКСТ

Учимся делать рамочки 9



Сегодня опять поговорим о ручном вводе тег рамочек.
Затронем только два вида рамочек,они сильно не отличаются друг от друга.но пару тонкостей все же есть.
Вот первый тип рамочки:
 

Учимся делать рамочки 10



Продолжаем делать рамочки.
Первый этап мы закончили,если возникнут вопросы по нему я думаю мы все дороботаем по ходу.
Теперь приступим к рамочкам,где картинка стоит не над текстом,а сбоку от него.
Первый вариант самый простой:
это когда загружаем картинку надо просто поставить галочку,там где хотим видеть картинку справа или слева,здесь все просто все делается на автомате,хотя этот тег можно вводить в ручную ничего сложного здесь нет,но думаю мы его все равно пропишем так на всякий случай.
и так берем рамочку в которую будем вставлять нашу картинку,я взяла самую простую:

Учимся делать рамочки 11



Теперь продолжим наш предыдущий урок и вставим нашу картинку сбоку,но уже в сложную рамочку.За основу возьму рамочку с 4-мя слоями:
 

Учимся делать рамочки 12



Теперь будем учиться делать боковую рамочку с прокруткой.
За основу возьму рамочку с прошлого урока,вот эту:
 

ВАШ ТЕКСТ

Берем тег прокрутки без характеристик фона и вставляем его в нашу внутреннюю рамочку,вот cюда:

Вот так он будет выглядеть:

А уравнять нам надо размер подчеркнутый красным цветом,с этим же размером картинки(я его подчеркнула розовым):

все остальное мы расписывали в прошлых уроках,но эти характеристики здесь мы не задаем,а задаем только расположение текста внутри прокрутки ,ну еще задаем цвет треугольничков в тон нашей рамки.В результате наша рамка имеет такой вид:
 

Улыбка... Она ничего не стоит, но много даёт. Она обогощает тех, кто её получает, не обедняя при этом тех, кто ею одаривает. Она длится мгновения, а в памяти остаётся порой навсегда. Никто не богат настолько, чтобы обойтись без неё, и нет такого бедняка, который ни стал бы от неё богаче. Она создаёт счастье в доме, порождает атмосферу доброжелательности в деловых взаимоотношениях и служит паролем для друзей. Она - отдохновение для уставших, дневной свет для тех, кто пал духом, солнечный луч для опечаленных, а также лучшее противоядие, созданное природой от неприятностей. И, тем не менее, её нельзя купить, нельзя выпросить, нельзя ни одолжить, ни украсть, поскольку она сама по себе ни на что не годится, пока её не отдали! Никто не нуждается в ней так, как те, у кого уже ничего не осталось, что можно было бы отдать! Дела звучат громче всяких слов, а она говорит: "Вы мне нравитесь. Вы делаете меня счастливым. Я рад вас видеть." (Фрэнк Ирвинг Флэтчер)

Текст поставила для наглядности,на мой взгляд очень удобные рамочки,при своей компактности позволяют разместить большое колличество текста.
Удачи!!!

Учимся делать рамочки 14



Ну что же я думаю,что все разобрались с этими рамками,раз вопросы не возникают.
Тогда приступим к другому типу рамок.Их код довольно отличается от кода предыдущих рамок.Но я думаю,что с ними тоже следует разобраться,так как они дают очень интересный вид.Все дело в том,что картинка в этих рамках не завязана жестко в границы рамки,ее можно ставить произвольно.
Вот пример этой рамки(текст поставила для наглядности):


 

фоны



 

ваш текст

шаблоны фона и рамок

Большущее всем здравствуйте!!! Рада всем, кто заходит ко мне в гости. Огромное спасибо за ваши комментарии, всем благодарна! ---------------------------------------------------- Сегодня мы с вами рассмотрим шаблоны кодов фона и рамок. продолжение тут: Ну, вот, пока хватит. Если что кому не понятно - пишите. Разберемся вместе. Удачи вам!!!!

Рамочка



 

Ваш текст wa-81

<center><table border="2" background="//s55.radikal.ru/i150/0902/b2/9f0f9cc8c30b.jpg" cellpadding="10" cellspacing="3" width="280"><tr><td><table border="2" background="//s57.radikal.ru/i157/0901/e6/6dd837a9af89.jpg" cellpadding="5" cellspacing="3" width="200"><tr><td><table border="2" background="//s47.radikal.ru/i115/0902/05/75ecc238a067.jpg" cellpadding="5" cellspacing="3" width="200"><tr><td><table border="0" background="//s47.radikal.ru/i115/0902/05/75ecc238a067.jpg" cellpadding="5" cellspacing="3" width="200"><center><img src="//img0.liveinternet.ru/images/attach/c/0/40/2/40002933_157bf31f4518.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0/40/2/40002933_157bf31f4518.gif" width="699" height="528" alt=" (699x528, 732Kb)" /><tr><td><div><center><font size=" color=" face="Monotype corsiva"></font><center><div style="CENTER: 0px; OVERFLOW: auto; WIDTH: 700px; TEXT-INDENT: 5pt; SCROLLBAR-ARROW-COLOR: #000000; TOP: 2px; HEIGHT: 420px; TEXT-ALIGN: center"><font face="monotype corsiva"><font size="5"><font color="#808080"><center><center><br />Ваш текст<br /><br /><br /></center></center></font></font></font></div></center></center></div></td></tr></center></table></td></tr></table><center><a href="http://www.liveinternet.ru/users/wa-81/" _fcksavedurl="http://www.liveinternet.ru/users/wa-81/"><font size="1"><font color="#808080">wa-81</font></font></a></center></td></tr></table></td></tr></table></center><br /><center><table border="2" background="//s55.radikal.ru/i150/0902/b2/9f0f9cc8c30b.jpg" cellpadding="10" cellspacing="3" width="280"><tr><td><table border="2" background="//s57.radikal.ru/i157/0901/e6/6dd837a9af89.jpg" cellpadding="5" cellspacing="3" width="200"><tr><td><table border="2" background="//s47.radikal.ru/i115/0902/05/75ecc238a067.jpg" cellpadding="5" cellspacing="3" width="200"><tr><td><table border="0" background="//s47.radikal.ru/i115/0902/05/75ecc238a067.jpg" cellpadding="5" cellspacing="3" width="200"><center><img src="//img0.liveinternet.ru/images/attach/c/0/40/2/40002933_157bf31f4518.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0/40/2/40002933_157bf31f4518.gif" width="699" height="528" alt=" (699x528, 732Kb)" /><tr><td><div><center><font size=" color=" face="Monotype corsiva"></font><center><div style="CENTER: 0px; OVERFLOW: auto; WIDTH: 700px; TEXT-INDENT: 5pt; SCROLLBAR-ARROW-COLOR: #000000; TOP: 2px; HEIGHT: 420px; TEXT-ALIGN: center"><font face="monotype corsiva"><font size="5"><font color="#808080"><center><center><br />Ваш текст<br /><br /><br /></center></center></font></font></font></div></center></center></div></td></tr></center></table></td></tr></table><center><a href="http://www.liveinternet.ru/users/wa-81/" _fcksavedurl="http://www.liveinternet.ru/users/wa-81/"><font size="1"><font color="#808080">wa-81</font></font></a></center></td></tr></table></td></tr></table></center><br />

Рамочка



 

ВАШ ТЕКСТ Элеонора Дремина

<center><table border="2" background="//i061.radikal.ru/0902/30/5b8c49fe35f2.jpg" cellpadding="5" cellspacing="2" width="426"><tr><td><table border="2" background="//s53.radikal.ru/i141/0902/31/3c0adc789d32.jpg" cellpadding="2" cellspacing="5" width="97%"><tr><td><center><table border="2" background="//i061.radikal.ru/0902/30/5b8c49fe35f2.jpg" cellpadding="5" cellspacing="2" width="426"><tr><td><table border="2" background="//s53.radikal.ru/i141/0902/31/3c0adc789d32.jpg" cellpadding="2" cellspacing="5" width="97%"><tr><td><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru" target="_blank"><img src="//i075.radikal.ru/0902/9c/0997d904c196.jpg" /></a><center><table border="2" background="//i061.radikal.ru/0902/30/5b8c49fe35f2.jpg" cellpadding="5" cellspacing="2" width="426"><tr><td><table border="2" background="//i046.radikal.ru/0902/8a/c4d6bba422e0.jpg" cellpadding="2" cellspacing="5" width="97%"><tr><td><font size="5"><font color="000000"><font face="monotype corsiva"><br /><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru" target="_blank"><img src="//i003.radikal.ru/0902/e2/21a1f22483fc.gif" /></a><br />ВАШ ТЕКСТ<br /><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru" target="_blank"><img src="//i003.radikal.ru/0902/e2/21a1f22483fc.gif" /></a><br /></font></font></font></td></tr></table></td></tr></table></center></td></tr></table></td></tr></table></center><center><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"><font style="CURSOR: hand" face="Monotype Corsiva" size="2"><font color="000000">Элеонора Дремина</font></font></marquee></center> </td></tr></table></td></tr></table></center><br />

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



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

 

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

Выглядит:
 

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

Рамочки

http://www.liveinternet.ru/users/afina74/post99979853/

Всем привет!!!
Лето пора цветения полевых цветов. Не знаю почему утром вспомнила отрывок из старой песни " Не дари мне цветов покупных, подари мне букет полевых...") И решила сделать рамочки с полевыми цветами, надеюсь Вам понравятся! Удачи Вам и всего самого наилучшего!!!

Что нужно для вставки:

Расширенный редактор:
1. Копируете код из флейма
2. Новая запись - нажимаете кнопку ИСТОЧНИК - вставляете код - ещё раз нажимаете кнопку - ИСТОЧНИК - выделяете слова Ваш текст и пишите свой пост.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.

Простой редактор:
1. Копируете код из флейма
2. Новая запись , вставляете код и пишите всё что ходите там где написано ВАШ ТЕКСТ.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.

Если захотите хотите поменять цвет шрифта, то Коды цвета для текстов найдёте пройдя по ссылке.

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

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека