От Чайника-Чайнику / разбор рамки

Понедельник, 26 Августа 2013 г. 15:34 + в цитатник

Цитата сообщения Ирина_Шаманникова

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

От Чайника-Чайнику / разбор рамки 2

Здравствуйте друзья и гости! Сегодня я вновь хочу рассказать как делать рамки самому.
Урок от "Чайника"-"Чайнику"
Возьмём к примеру вот такую рамку. Скопируйте её к себе в новую запись.

<div><div align="center"><table style="border: 1px solid rgb(192, 192, 192);" background="АДРЕС ФОНА 1 РАМКИ" border="1" cellpadding="5" cellspacing="1"><tbody><tr><td style="border: 1px solid rgb(192, 192, 192); padding: 5px;"> <div align="center"><table style="border: 1px solid rgb(192, 192, 192);" background="АДРЕС ФОНА 2 РАМКИ" border="1" cellpadding="4" cellspacing="2"><tbody><tr><td style="border: 1px solid rgb(192, 192, 192); padding: 4px;"> <div align="center"><table style="border: 2px solid rgb(192, 192, 192);" background="АДРЕС ФОНА 3 РАМКИ" border="2" cellpadding="4" cellspacing="2"><tbody><tr><td style="border: 1px solid rgb(192, 192, 192); padding: 4px;" valign="top" width=""> <div align="center"><table style="border: 3px solid rgb(192, 192, 192);" background="АДРЕС ОБЩЕГО ФОНА" border="3" cellpadding="3" cellspacing="2"><tbody><tr><td style="border: 1px solid rgb(192, 192, 192); padding: 3px;"></td></tr><tr><td style="border: 1px solid rgb(192, 192, 192); padding: 3px;"><img data-cke-saved-src="АДРЕС 1 ВЕРТИКАЛЬНОЙ ЛИНИИ" src="АДРЕС 1 ВЕРТИКАЛЬНОЙ ЛИНИИ" width="80" border="0" height="300" /></td><td style="border: 1px solid rgb(192, 192, 192); padding: 3px;"> <div align="center"><img data-cke-saved-src="АДРЕС КАРТИНКИ" src="АДРЕС КАРТИНКИ" /><br /><font color="#cd5555"><font size="5"><font face="monotype corsiva"> <div align="center"><br />ВАШ ТЕКСТ<br /><br />Рамка от ИЛЬЯНЫ<br /></div><br /></font></font></font><br /><br /></div><br /></td><td style="border: 1px solid rgb(192, 192, 192); padding: 3px;"> <div align="center"><img data-cke-saved-src="АДРЕС 2 ВЕРТИКАЛЬНОЙ ЛИНИИ" src="АДРЕС 2 ВЕРТИКАЛЬНОЙ ЛИНИИ" width="80" border="0" height="300" /></div><br /></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div></div>

ТЕ, КТО УЖЕ МОЖЕТ САМОСТОЯТЕЛЬНО РАЗОБРАТЬСЯ, ДЕРЗАЙТЕ!!!
ОСТАЛЬНЫХ ПРОШУ ПРОДОЛЖИТЬ ДАЛЬШЕ СЛЕДОВАТЬ ЗА МНОЙ...

Находим "АДРЕС ФОНА 1 РАМКИ"
НАПРИМЕР ТАКОЙ:

Код окна:
<img data-cke-saved-src="http://img99.imageshack.us/img99/5467/447kt.gif" src="http://img99.imageshack.us/img99/5467/447kt.gif" border="0" />
БЕРЁМ ТОЛЬКО ЭТО:***http://img99.imageshack.us/img99/5467/447kt.gif***

ДАЛЕЕ ИЩЕМ "АДРЕС ФОНА 2 РАМКИ" и "АДРЕС ФОНА 3 РАМКИ"
Например такой -

Код окна:
<img data-cke-saved-src="http://img102.imageshack.us/img102/7638/326xd.gif" src="http://img102.imageshack.us/img102/7638/326xd.gif" border="0" />
И такой-
БЕРЕМ ТОЛЬКО ЭТО- ***http://img82.imageshack.us/img82/1979/519kj.gif***

Код окна:
<img data-cke-saved-src="http://img82.imageshack.us/img82/1979/519kj.gif" src="http://img82.imageshack.us/img82/1979/519kj.gif" border="0" />
БЕРЁМ ТОЛЬКО ЭТО-***http://img82.imageshack.us/img82/1979/519kj.gif***

Вставляем в формулу и ищем дальше "АДРЕС ОБЩЕГО ФОНА"
К примеру вот этот -

Код окна:
<img data-cke-saved-src="//i044.radikal.ru/0710/db/fee8e14d81f9.jpg" src="//i044.radikal.ru/0710/db/fee8e14d81f9.jpg" alt="" border="0" />

БЕРЁМ ЭТО: ***//i044.radikal.ru/0710/db/fee8e14d81f9.jpg***
Вставляем в формулу, и смотрим дальше.

Следующее у нас "АДРЕС 1 ВЕРТИКАЛЬНОЙ ЛИНИИ",
НАПРИМЕР ЭТОЙ-

Код окна:
<img data-cke-saved-src="//i074.radikal.ru/0810/f6/30bf5d775ee4.gif" src="//i074.radikal.ru/0810/f6/30bf5d775ee4.gif" />
БЕРЁМ ТОЛЬКО ЭТО:***//i074.radikal.ru/0810/f6/30bf5d775ee4.gif***

Точно такую же вертикальную разделительную линию вставляем
по адресу "АДРЕС 2 ВЕРТИКАЛЬНОЙ ЛИНИИ"

ТЕПЕРЬ "АДРЕС КАРТИНКИ" НАПРИМЕР ТАКОЙ ОТ ЛАРИСЫ

Код окна:
<img data-cke-saved-src="http://content.foto.mail.ru/list/larisailina/301/i-317.jpg" src="http://content.foto.mail.ru/list/larisailina/301/i-317.jpg" alt="" width="423" border="0" height="600" />
Берём только это:***http://content.foto.mail.ru/list/larisailina/301/i-317.jpg***
Вставляем в формулу, и смотрим дальше.

Находим >ВАША ПОТПИСЬ<, для примера >Рамка от Ильяны<

СОБИРАЕМ НАШУ РАМКУ, ВОТ ЧТО ДОЛЖНО ПОЛУЧИТЬСЯ


	ВАШ ТЕКСТ Рамка от ИЛЬЯНЫ

Код окна:
<div><div align="center"><table style="border: 1px solid rgb(192, 192, 192);" background="http://img99.imageshack.us/img99/5467/447kt.gif" border="1" cellpadding="5" cellspacing="1"><tbody><tr><td style="border: 1px solid rgb(192, 192, 192); padding: 5px;"> <div align="center"><table style="border: 1px solid rgb(192, 192, 192);" background="http://img102.imageshack.us/img102/7638/326xd.gif" border="1" cellpadding="4" cellspacing="2"><tbody><tr><td style="border: 1px solid rgb(192, 192, 192); padding: 4px;"> <div align="center"><table style="border: 2px solid rgb(192, 192, 192);" background="http://img82.imageshack.us/img82/1979/519kj.gif" border="2" cellpadding="4" cellspacing="2"><tbody><tr><td style="border: 1px solid rgb(192, 192, 192); padding: 4px;" valign="top" width=""> <div align="center"><table style="border: 3px solid rgb(192, 192, 192);" background="//i044.radikal.ru/0710/db/fee8e14d81f9.jpg" border="3" cellpadding="3" cellspacing="2"><tbody><tr><td style="border: 1px solid rgb(192, 192, 192); padding: 3px;"></td></tr><tr><td style="border: 1px solid rgb(192, 192, 192); padding: 3px;"><img data-cke-saved-src="//i074.radikal.ru/0810/f6/30bf5d775ee4.gif" src="//i074.radikal.ru/0810/f6/30bf5d775ee4.gif" width="80" border="0" height="300" /></td><td style="border: 1px solid rgb(192, 192, 192); padding: 3px;"> <div align="center"><img data-cke-saved-src="http://content.foto.mail.ru/list/larisailina/301/i-317.jpg" src="http://content.foto.mail.ru/list/larisailina/301/i-317.jpg" /><br /><font color="#cd5555"><font size="5"><font face="monotype corsiva"> <div align="center"><br />ВАШ ТЕКСТ<br /><br />Рамка от ИЛЬЯНЫ<br /></div><br /></font></font></font><br /><br /></div><br /></td><td style="border: 1px solid rgb(192, 192, 192); padding: 3px;"> <div align="center"><img data-cke-saved-src="//i074.radikal.ru/0810/f6/30bf5d775ee4.gif" src="//i074.radikal.ru/0810/f6/30bf5d775ee4.gif" width="80" border="0" height="300" /></div><br /></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div></div>
ВОТ И ВСЁ, ДЕРЗАЙТЕ.
А я хочу сказать большое спасибо Светику.