Книжная полка

Рамочка бледно-голубая с искристой окантовкой

содержимое рамки

Многофункциональная многослойная рамка с угловыми мини-рамочками


	содержимое рамки

<center><table width="100%" border="0" cellspacing="2" cellpadding="2" background="КОНТУР"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="5" cellpadding="5" background="УЗКИЙ ФОН"><tr valign="top"><td width="100%"><table width="100%"border="0"cellspacing="2"cellpadding="2" background="КОНТУР"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="0" cellpadding="30" background="ШИРОКИЙ ФОН"><tr valign="top"><td width="100%"><a href="АДРЕС ВАШЕГО БЛОГА" target="_blank"><font face="verdana,arial,helvetica"<font size="2"><B><div align="center"><text color="005826">ВАШ НИК</text></B></a><table border="0"><table width="100%" border="0" cellspacing="2" cellpadding="2"background="КОНТУР"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="5" cellpadding="5" background="УЗКИЙ ФОН"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="2" cellpadding="2"background="КОНТУР"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="5" cellpadding="5" background="ОСНОВНОЙ ФОН"><tr valign="top"><tr><td><img src="ВЕРХНИЙ ЛЕВЫЙ УГОЛОК"width=100></td><td class="top" width="100%"></td><td><img src="ВЕРХНИЙ ПРАВЫЙ УГОЛОК"width=100></td></tr><tr><td class="left"></td><td><center><text face="Monotype Corsiva"><text size="5"><text color="FFFFFF">СОДЕРЖИМОЕ РАМКИ</text></text></text></center><br></td><td class="right"></td></tr><tr> <td><img src="НИЖНИЙ ЛЕВЫЙ УГОЛОК"width=100></td><td class="bottom"></td><td><img src="НИЖНИЙ ПРАВЫЙ УГОЛОК"width=100></td></tr></td></tr></table></tr></tr></table></td></tr></table></tr></tr></table></td></tr></table></td></tr></table></td></tr></table></td><tr></table></center>

Рамка голубая 2-х оконная

содержимое рамки 1

содержимое рамки 2

HTML код рамки:

Все значения можно изменять и рамка будет изменяться.

Рамка бледно-розовая

содержимое рамки 1

содержимое рамки

<center><div style="display:table-cell;border:0px none #000000;background-image:url(http://s60.radikal.ru/i167/0909/45/a694644bca66.png);padding:15px"><div style="display:table-cell;border:0px none #000000;background-image:url(http://s018.radikal.ru/i513/1201/86/ba445790f9f4.png);padding:7px"><div style="display:table-cell;border:0px none #000000;background-image:url(http://s58.radikal.ru/i161/0909/a8/fecbef48b24c.gif);padding:1px"><div style="display:table-cell;width:670px;border:0px none #000000;background-image:url(http://s47.radikal.ru/i117/0909/44/f2c88e975d45.jpg);"><div style="padding:20px;text-align:center"><div style="display:table"><div style="text-align:center;padding:4px"><span><div style="display:table-cell;border:0px none #000000;background-image:url(http://s60.radikal.ru/i167/0909/45/a694644bca66.png);padding:13px"><div style="display:table-cell;border:0px none #000000;background-image:url(http://s018.radikal.ru/i513/1201/86/ba445790f9f4.png);padding:7px"><div style="display:table-cell;border:0px none #000000;background-image:url(http://s58.radikal.ru/i161/0909/a8/fecbef48b24c.gif);padding:1px"><div style="display:table-cell;border:0px none #000000;background-image:url(http://s47.radikal.ru/i117/0909/44/f2c88e975d45.jpg);padding:20px;text-align:center"><span style="color:#000000;font-size:20px">содержимое рамки 1</span></div></div></div></div></span></div><div style="text-align:center;padding:4px"><span><div style="display:table-cell;border:0px none #000000;background-image:url(http://s60.radikal.ru/i167/0909/45/a694644bca66.png);padding:13px"><div style="display:table-cell;border:0px none #000000;background-image:url(http://s018.radikal.ru/i513/1201/86/ba445790f9f4.png);padding:7px"><div style="display:table-cell;border:0px none #000000;background-image:url(http://s58.radikal.ru/i161/0909/a8/fecbef48b24c.gif);padding:1px"><div style="display:table-cell;border:0px none #000000;background-image:url(http://s50.radikal.ru/i129/0909/d9/e0a9b00cacf8.png);padding:20px;text-align:center"><span style="font-family:Monotype Corsiva;color:#000000;font-size:20px"><u><b>содержимое рамки</b></u></span></div></div></div></div></span></div></div></div><div style="text-align:right"><span style="font-family:Monotype Corsiva;color:#990000;font-size:20px"><i><b>Л</b></i></span></div></div></div></div></div></center>

Мини-рамки растягиваются горизонтально.

Все значения можно изменять, рамка будет изменяться.

Фон для записи или другого содержания

СОДЕРЖАНИЕ

HTML код фона:

<center><table border="0" cellspacing="8" cellpadding="0" width="100%"background="ПРЯМАЯ ССЫЛКА НА ФОНОВУЮ КАРТИНКУ"><tbody><tr><td><CENTER> <span style="font-family:Arial; color:black; font-size:12px"> СОДЕРЖАНИЕ</span> </CENTER></td></tr></tbody></table></center>

Все значения можно изменять.

Если вместо первого значения "0" поставить любую цифру, вокруг фона образуется рамка.

Поле фона широкое - при 100 %. При уменьшении % фон сужается.

Простые рамки-фоны для текста и другого содержимого

содержимое рамки

HTML-код рамки:

<div style="background: url(прямая ссылка на картинку); border-style: ridge; color:#8B1A1A;padding:8px;"> <div style="background: url(прямая ссылка на картинку); border-style: ridge; color:#FF0000;padding:8px;"> <div style="text-align:center; font: Arial; font-style: italic; color:#000000; font-size: 16px; padding: 2px;">содержимое рамки </div></div></div>

Красный цвет: код внешней рамки; синий цвет: код внутренней рамки; черный цвет: значения текста; зеленый цвет: закрывающие теги.

Чтобы рамка разместилась по центру, нужно HTML-код дополнить тегами :

<center>между ними записываем HTML-код рамки </center>
Цифровые значения, значения "color" (цвет) можно изменять.

В нижеприведенных HTML-кодах заменяем адреса картинок, цифровые значения и получаем свою рамку.

содержимое рамки

-1- 2 - 3 -

« Июнь 2017 »
Пн	Вт	Ср	Чт	Пт	Сб	Вс
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30