Как самому сделать рамку. УРОК для "ЧАЙНИКОВ" от "ЧАЙНИКА"

Понедельник, 21 Июня 2010 г. 15:26 + в цитатник

Цитата сообщения леонид_старцев

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

Без заголовка

Делаем рамку сами/НАЧАЛО

Здравствуйте друзья и гости, это мой первый пост, так что не обессутьте,

если что не так. Хочу показать на примере, как самому сделать рамку.
УРОК для "ЧАЙНИКОВ" от "ЧАЙНИКА".

Расскажу, как я сама это делаю, может для кого то это будет понятней. Почему?
Попытаюсь объяснить. Иногда мы, мягко скажем не
сведущие в кодах формул, читаем и не можем понять,
что к чему и куда вставлять.

Для примера беру вот такую рамку

здесь твое имя
Ваш текст

Из окна кода скопируйте в простой формат новой записи рамку

и посмотрите как выглядит код формулы

<table><tr><td width="100%"><div align="center"><table cellspacing="10" cellpadding="2" border="2" background="http://.....адрес рамки 1...jpg" style="border: 2px solid rgb(192, 192, 192);"><tbody><tr><td width="100%" style="border: 1px solid rgb(192, 192, 192); padding: 2px;"><div align="center"><table cellspacing="8" cellpadding="2" border="1" background="http://..адрес рамки 2...jpg" style="border: 1px solid rgb(192, 192, 192);"><tbody><tr><td width="100%" style="border: 1px solid rgb(192, 192, 192); padding: 2px;"><div align="center"><table cellspacing="2" cellpadding="2" border="2" style="border: 2px solid rgb(192, 192, 192);" background="http:// ..адрес основного фона..bmp"><tbody><tr><td width="100%" style="border: 1px solid rgb(192, 192, 192); padding: 2px;"><div align="center"><br clear="all" style="line-height: 1px;" /><div><table cellspacing="0" cellpadding="0"><tbody><tr><td><center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http:..адрес твоего блога.."><font color="цифры цвета шрифта-"><font size="2"><b><text face="Cassandra">здесь твое имя</text></b></font></font></a></center><center><img src="http://..адрес картинки..gif" /></center><font face="Cassandra"><div align="center"><div align="center"><font color="#535353"><text size="размер букв"> Ваш текст</text><center><img src="http://..адрес гор.линии...gif" /></center></font></div></div></font></td></tr></tbody></table></div></div></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></table>

Идём дальше... Ищем где в формуле написано

"http://.....адрес рамки 1...jpg" - это адрес фона,
например вот такого:

Копируем его из окошка кода и смотрим как выглядит адрес фона

<img src="//s42.radikal.ru/i098/0810/16/45b3ff2b0b99.gif" />

Для вставки в формулу я беру только вот эту часть

**//s42.radikal.ru/i098/0810/16/45b3ff2b0b99.gif**

Далее вставляем этот фон в рамку и смотрим что получилось:

здесь твое имя
Ваш текст

Идём дальше. Ищем **http://..адрес рамки 2...jpg**

Берём фон, например такой:

Снова копирум его из окна кода и смотрим как он выглидит:

<img src="//s51.radikal.ru/i132/0810/f2/df430f9a1aef.gif" />

Берём только это: **//s51.radikal.ru/i132/0810/f2/df430f9a1aef.gif**

Вставляем в рамку и смотрим что получилось:

здесь твое имя
Ваш текст

Далее ищем адрес основного фона:
**http:// ..адрес основного фона..bmp**

Например такого:

<img src="//i065.radikal.ru/0810/ec/7112762adc51.gif" />

Снова копируем из окошка кода адрес и берём только это:

**//i065.radikal.ru/0810/ec/7112762adc51.gif**
Подставляем, и, смотрим что получилось:

здесь твое имя
Ваш текст

Дерзаем дальше:

ищем **http:..адрес твоего блога...**, подставляем адрес,
для примера я приведу свои данные
**http://blogs.mail.ru/mail/shamannikova17/**

вы соответственно вставите свои.

После адреса блока идёт
- это цвет шрифта которым будет написано >здесь твое имя<,

"2" - размер букв.

Далее: ищем где написано >здесь твое имя<, ставите своё.

Привожу пример:>Рамка от Ильяны<

Шаг следующий: ищем **http://..адрес картинки..gif**

Например такая картинка из блока Лиды:

И вновь копируем код картинки, что посмотреть как выглядит формула

<img src="//i007.radikal.ru/0812/2c/375d3b3eb73b.gif" />

Берём только это:**//i007.radikal.ru/0812/2c/375d3b3eb73b.gif**

вставляем в рамку и смотрим что получилось

здесь твое имя
Ваш текст

Это- это цвет нашего текста,
я взяла вот такой **#ffff00** - жёлтый.

Дальше у нас идёт .
Размер букв мы ставим от 1 до... например 6, 6 и далее,
текст будет состоять из очень больших букв.
Мы для примера возьмём "4".
> Ваш текст< - сдесь вставляете свой текст.

Дошли до **http://..адрес гор.линии...gif**,
например берём вот такую горизонтальную линию;

Снова копируем адрес из окошка и смотрим как он выглядит

<img src="//s59.radikal.ru/i163/0811/c5/9fe96937fe2c.gif" />

Берём только это:**//s59.radikal.ru/i163/0811/c5/9fe96937fe2c.gif**

Почему я постоянно напоминаю, что бы вы смотрели как выглядит
полный адрес, да для того, что бы коды формул примелькались и вам
легче было понять что и как брать.

Теперь вставим горизонтальную линию в рамку и смотрим
что получилось:

здесь твое имя
Ваш текст

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

Рамка от Ильяны
Ваш текст

Окошко кода собраной рамки:

<table><tr><td width="100%"><div align="center"><table cellspacing="10" cellpadding="2" border="2" background="//s42.radikal.ru/i098/0810/16/45b3ff2b0b99.gif" style="border: 2px solid rgb(192, 192, 192);"><tbody><tr><td width="100%" style="border: 1px solid rgb(192, 192, 192); padding: 2px;"><div align="center"><table cellspacing="8" cellpadding="2" border="1" background="//s51.radikal.ru/i132/0810/f2/df430f9a1aef.gif" style="border: 1px solid rgb(192, 192, 192);"><tbody><tr><td width="100%" style="border: 1px solid rgb(192, 192, 192); padding: 2px;"><div align="center"><table cellspacing="2" cellpadding="2" border="2" style="border: 2px solid rgb(192, 192, 192);" background="//i065.radikal.ru/0810/ec/7112762adc51.gif"><tbody><tr><td width="100%" style="border: 1px solid rgb(192, 192, 192); padding: 2px;"><div align="center"><br clear="all" style="line-height: 1px;" /><div><table cellspacing="0" cellpadding="0"><tbody><tr><td><center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/shamannikova17/"><font color="#ffff00"><font size="2"><b><text face="Cassandra">Рамка от Ильяны</text></b></font></font></a></center><center><img src="//i007.radikal.ru/0812/2c/375d3b3eb73b.gif" /></center><font face="Cassandra"><div align="center"><div align="center"><font color="#ff0000"><text size="4"> Ваш текст</text><center><img src="//s59.radikal.ru/i163/0811/c5/9fe96937fe2c.gif" /></center></font></div></div></font></td></tr></tbody></table></div></div></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></table>

Вот и всё, дерзайте...

А я хочу поблагодарить замечательных людей, которые помогали
мне разбираться в дебрях формул:

ЛЮБУ - m.luba-7 ,

ЛИДУ - Лидия Липатова

Серия сообщений "Li.ru":
Часть 1 - Энциклопедия ЛиРу
Часть 2 - Учебник ЛиРу
Часть 3 - Музыкальный плеер для эпиграфа дневника
Часть 4 - Как самому сделать рамку. УРОК для "ЧАЙНИКОВ" от "ЧАЙНИКА"
Часть 5 - Флеш-рамочки
Часть 6 - Всё про эпиграф блога на ЛиРу
...
Часть 23 - Заработок на блоге
Часть 24 - Разделители разные 2 часть
Часть 25 - Как сделать кликовую ссылку на пост, чтобы вместо адреса строки было слово

<a href="https://www.liveinternet.ru/users/ladusik/post128889165/">РљР°Рє СЃР°РјРѕРјСѓ СЃРґРµР»Р°С‚СЊ СЂР°РјРєСѓ.   РЈР РћРљ РґР»СЏ &quot;Р§РђР™РќРРљРћР’&quot; РѕС‚ &quot;Р§РђР™РќРРљРђ&quot;</a><br/>Р‘РµР· Р·Р°РіРѕР»РѕРІРєР°Р”РµР»Р°РµРј СЂР°РјРєСѓ СЃР°РјРё/РќРђР§РђР›РћР—РґСЂР°РІСЃС‚РІСѓР№С‚Рµ РґСЂСѓР·СЊСЏ Рё РіРѕСЃС‚Рё, СЌС‚Рѕ РјРѕР№ РїРµСЂРІС‹Р№ РїРѕСЃС‚, С‚Р°Рє С‡С‚Рѕ РЅРµ РѕР±РµСЃСЃСѓС‚СЊС‚Рµ, РµСЃР»Рё С‡С‚Рѕ РЅРµ С‚Р°Рє. РҐРѕС‡Сѓ РїРѕРєР°Р·Р°С‚СЊ РЅР° РїСЂРёРјРµСЂРµ, РєР°Рє СЃР°РјРѕРјСѓ СЃРґРµР»Р°С‚СЊ СЂР°РјРєСѓ. РЈР РћРљ РґР»СЏ "Р§РђР™РќРРљРћР’" РѕС‚ "Р§РђР™РќРРљРђ".Р Р°СЃСЃРєР°Р¶Сѓ, РєР°Рє СЏ СЃР°РјР° СЌС‚Рѕ РґРµР»Р°СЋ, РјРѕР¶РµС‚ РґР»СЏ РєРѕРіРѕ С‚Рѕ СЌС‚Рѕ Р±СѓРґРµС‚ РїРѕРЅСЏС‚РЅРµР№. РџРѕС‡РµРјСѓ? РџРѕРїС‹С‚Р°СЋСЃСЊ РѕР±СЉСЏСЃРЅРёС‚СЊ. РРЅРѕРіРґР° РјС‹, РјСЏРіРєРѕ СЃРєР°Р¶РµРј РЅРµ СЃРІРµРґСѓС‰РёРµ РІ РєРѕРґР°С… С„РѕСЂРјСѓР», С‡РёС‚Р°РµРј Рё РЅРµ РјРѕР¶РµРј РїРѕРЅСЏС‚СЊ, С‡С‚Рѕ Рє С‡РµРјСѓ Рё РєСѓРґР° РІСЃС‚Р°РІР»СЏС‚СЊ. Р”Р»СЏ РїСЂРёРјРµСЂР° Р±РµСЂСѓ РІРѕС‚ С‚Р°РєСѓСЋ СЂР°РјРєСѓР·РґРµСЃСЊ С‚РІРѕРµ РёРјСЏ Р’Р°С€ С‚РµРєСЃС‚РР· РѕРєРЅР° РєРѕРґР° СЃРєРѕРїРёСЂСѓР№С‚Рµ РІ РїСЂРѕСЃС‚РѕР№ С„РѕСЂРјР°С‚ РЅРѕРІРѕР№ Р·Р°РїРёСЃРё СЂР°РјРєСѓ Рё РїРѕСЃРјРѕС‚СЂРёС‚Рµ РєР°Рє РІС‹РіР»СЏРґРёС‚ РєРѕРґ С„РѕСЂРјСѓР»С‹ Р·РґРµСЃСЊ С‚РІРѕРµ РёРјСЏ Р’Р°С€ С‚РµРєСЃС‚РРґС‘Рј... <a href="https://www.liveinternet.ru/users/ladusik/post128889165/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>