Зимняя рамочка

.....Здесь будет ваша запись....

код

Украшаем свои посты БЛИНГАМИ

По просьбам читателей, показываю, как украсить свои посты блингами, и другими анимированными картинками, если не умеешь пользоваться фотошопом, а украсить как то свою картинку, или фотографию хочется. ДОБРЫЙ ВЕЧЕР всем друзьям и гостям моего блога

Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 44 - Несколько важных и нужных советов новичкам
Часть 45 - Помощь новичкам: Тег more или Как убрать текст под кат
Часть 46 - Украшаем свои посты БЛИНГАМИ
Часть 47 - Как поменять свой НИК на Ли.ру
Часть 48 - Как разместить много музыки на музыкальную страничку ЛиРу
Часть 49 - Оригинальное и красивое появление картинки в движении.

Зимняя рамочка

.....Здесь будет ваша запись....

код

Текстовая рамочка для дневников и блогов *Котята*


Код

РАМКА "С ДНЁМ РОЖДЕНИЯ" +текстовая

ВАШ ТЕКСТ PEROOO

<div align="center"></div><table style="border:0px none #000000" background="//img-fotki.yandex.ru/get/6515/102901778.5e/0_965c0_d1c7cb29_S.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/2/74/65/74065911_large_101.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:0px none #000000" background="//img-fotki.yandex.ru/get/6515/102901778.5e/0_965c0_d1c7cb29_S.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="//img-fotki.yandex.ru/get/5413/71746914.2/0_828b5_b22da0b2_M.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:30px"><table style="border:0px none #000000" background="//img-fotki.yandex.ru/get/6515/102901778.5e/0_965c0_d1c7cb29_S.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="550" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/2/74/65/74065917_large_108.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:4px" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Monotype Corsiva;color:#6600cc;font-size:25px"><i><b><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://bestgif.ru/photo/s_dnem_rozhdenija_otkrytki/6" target="_blank" alt="Картинки с днем рождения С ДНЕМ РОЖДЕНИЯ ОТКРЫТКИ" title="Картинки с днем рождения Красивые картинки анимации"><br /><img src="http://bestgif.ru/_ph/6/2/283300832.gif" alt="Картинки с днем рождения С ДНЕМ РОЖДЕНИЯ ОТКРЫТКИ" title="Картинки с днем рождения Красивые картинки анимации" border="0" /></a></b></i></span></td></tr></table></td></tr><tr><td style="padding:4px" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="color:#990000;font-size:23px"><b>ВАШ ТЕКСТ</b></span></td></tr></table></td></tr></table></td></tr><tr><td style="padding:0px" height="1%" align="right"><span style="color:#990000;font-size:11px"><b>PEROOO</b></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

ВАШ ТЕКСТ PEROOO

<div align="center"></div><table style="border:0px none #000000" background="//img-fotki.yandex.ru/get/6515/102901778.5e/0_965c0_d1c7cb29_S.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/2/74/65/74065911_large_101.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:0px none #000000" background="//img-fotki.yandex.ru/get/6515/102901778.5e/0_965c0_d1c7cb29_S.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="//img-fotki.yandex.ru/get/5413/71746914.2/0_828b5_b22da0b2_M.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:30px"><table style="border:0px none #000000" background="//img-fotki.yandex.ru/get/6515/102901778.5e/0_965c0_d1c7cb29_S.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="550" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/2/74/65/74065917_large_108.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:4px" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Monotype Corsiva;color:#6600cc;font-size:25px"><i><b></b></i></span></td></tr></table></td></tr><tr><td style="padding:4px" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="color:#990000;font-size:23px"><b>ВАШ ТЕКСТ</b></span></td></tr></table></td></tr></table></td></tr><tr><td style="padding:0px" height="1%" align="right"><span style="color:#990000;font-size:11px"><b>PEROOO</b></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Рамочка для текста

 

Ваш текст Барвариска

 

<center> <p>  </p> <table background="http://magistre.ucoz.ru/_ph/10/2/964225024.gif" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:5px"> <table background="http://www.fiestac.com/fondos/fondoc027.jpg" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:10px"> <table background="//img-fotki.yandex.ru/get/6308/94689460.16c/0_7794d_fac88036_S.jpg" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:40px"> <table background="http://magistre.ucoz.ru/_ph/10/2/964225024.gif" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:5px"> <table background="transparent" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:10px"> <table background="//img1.liveinternet.ru/images/attach/c/1//62/297/62297830_1280858577_72d7891016e4.jpg" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:5px"> <table cellpadding="0" cellspacing="0" style="border:0px none #000000;background-color:#000000" width="650"> <tbody> <tr> <td align="center" style="padding:20px" zzz="zzz"> <span style="font-family:Monotype Corsiva;color:#ffffcc;font-size:40px"><i>Ваш текст</i></span></td> </tr> <tr> <td align="center" height="1%" style="padding:0px"> <span style="font-family:Monotype Corsiva;color:#ffffcc;font-size:14px"><i>Барвариска</i></span></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </center> <p>  </p>

Серия сообщений "Дизайн, оформление блога, записей":

Разные фишки для блога, мои и понравившиеся.

Часть 1 - Рамочка для записей
Часть 2 - Рамочка для записей
Часть 3 - Моя схема..почти первая))
Часть 4 - Первая рамочка))
Часть 5 - Рамочка для текста
Часть 6 - Рамочка для записей
Часть 7 - "Каприз"
...
Часть 28 - Рамочка для музыки
Часть 29 - Новая схема и прозрачный фон
Часть 30 - Открытки, комментарии для вас

Текстовая рамочка-Весенняя

.....Ваш текст.....

Код

Текстовая рамочка


КОД

Текстовая рамочка-Ландыши

.......Ваш текст....

КОД

Текстовая рамочка-Тюльпаны

.......Ваш текст....

Код

Текстовая рамочка-Ромашки

.....Ваш текст.....

код

Текстовая рамочка-Вальс цветов

.....Ваш текст.....

Код

о


КОД

Как сделать довольно сложную рамочку

Сейчас я расскажу о том, как сделать вот такую рамочку, украшенную блестящими (или не блестящими) картинками.

Ваш текст

Чтобы сделать такую рамочку самостоятельно, скопируйте нижеприведенный код:
<center><table border="1" background="ФОНОВАЯ КАРТИНКА" cellpadding="3" cellspacing="2" width="650"><tr><td><table border="1" background="ФОНОВАЯ КАРТИНКА" cellpadding="2" cellspacing="3" width="100%"><tr><td><center><table border="1" background="ФОНОВАЯ КАРТИНКА" cellpadding="5" cellspacing="2" width="450"><tr><td><center><table border="1" background="ФОНОВАЯ КАРТИНКА" cellpadding="2" cellspacing="5" width="100%"><tr><td><center><table border="1" background="ФОНОВАЯ КАРТИНКА" cellpadding="2" cellspacing="5" width="100%"><tr><td><font size="4"><font color="#КОД ЦВЕТА"><font face="Times New Roman"><br /><center><img src="БЛЕСТЯЩАЯ КАРТИНКА" width="200" height="200" /></center><center><br />Ваш текст<br /><img src="ВТОРАЯ БЛЕСТЯЩАЯ КАРТИНКА" width="400" height="400" /></center><br /><br /></font></font></font></td></tr></table></center></td></tr></table></center></td></tr></table></center></td></tr></table></td></tr></table></center>
Соответственно, там где написано ФОНОВАЯ КАРТИНКА вы стираете эту надпись, а вместо нее ставите ссылку на картинку (т.е. бесшовный фон). Ссылка должна начинаться на http и оканчиваться на jpg или другое графическое расширение файла. Такую ссылку можно получить на любом сайте фотохостинга. Где найти фотохостинг? Например здесь: liveinternet.ru/users/2670115/post220257322
Итак, обратите внимание, что фоны должны чередоваться между собой, хотя можно сделать все и одним фоном, но это будет не так интересно выглядеть.
Далее, там где "БЛЕСТЯЩАЯ КАРТИНКА" и "ВТОРАЯ БЛЕСТЯЩАЯ КАРТИНКА" вы вставляете ссылку на картинки, которые будут украшением рамочки. Они не обязательно должны быть блестящими, это могут быть фотографии, картинки в формате PNG. Обратите внимание, что размер этой картинки задан в самой рамочке, желательно, чтобы она имела более-менее равные пропорции. Но если что, можно отрегулировать параметрами width и height, которые указаны после ссылок на картинки.
Там, где "КОД ЦВЕТА" нужно указать цвет, его код можно получить в таблице цветов Яндекса (достаточно ввести в поиске фразу "таблица цветов", код должен начинаться на #).
Вот и все, готово!