Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру

Вторник, 25 Сентября 2012 г. 23:44 + в цитатник

Цитата сообщения La-Perla_Margarita

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

Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру

Автор поста La@Perla (Маргарита)

Формулы для обычных рамочек,
общие для Ли.ру и Блогов Мэйл.ру

Как выяснилось, у многих не только разрезные, но и обычные рамочки,
сделанные для Блогов встают на Ли.ру в искаженном виде. Я обещала помочь и вот, что у меня получилось.Выкладываю результат - формулу универсального кода, к примеру, для восьмислойной рамочки с картинкой, которая одинаково хорошо встает и в Блогах, и на Ли.ру.

<div align="center"><table border="0" background="Адр. ФОНА 1 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 2 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 3 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 4 (широкий слой)" cellpadding="55" cellspacing="0"><tr><td align="center" style="padding: 55px;"> <a target="_blank" href="http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="2" border="0" /></a><table border="0" background="Адр. ФОНА 5 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 6 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 7 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table width="ШИРИНА РАМОЧКИ" border="0" background="Адр. ФОНА 8 (внутренний фон рамки)" cellpadding="1" cellspacing="0"><tr><td width="ШИРИНА РАМОЧКИ" style="padding: 1px;"><div align="center"> КОД КАРТИНКИ (ссылка №6) <br /><br />КОД РАЗДЕЛИТЕЛЯ (ссылка №6) <br /><font face="Monotype Corsiva" color="#ЦВЕТ ТЕКСТА" style="font-size:РАЗМЕР ТЕКСТАpx"><i><b><br />**********ВАШ ТЕКСТ*********<br />КОД РАЗДЕЛИТЕЛЯ (ссылка №6)<br /><a href="АДРЕС АВТОРА (вашего блога)" target="_blank"><font face="Arial" color="#ЦВЕТ ТЕКСТА Авт.ссылки" style="font-size:12px"><b> ИМЯ АВТОРА </b></font></a><br /></b></i></font></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>
Для восьмислойной рамочки для текста без картинки код будет немного другой

<div align="center"><table border="0" background="Адр. ФОНА 1 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 2 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 3 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 4 (широкий слой)" cellpadding="55" cellspacing="0"><tr><td align="center" style="padding: 55px;"> <a target="_blank" href="http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="2" border="0" /></a><table border="0" background="Адр. ФОНА 5 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="Адр. ФОНА 6 (слой между глиттерами)" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="Адр. ФОНА 7 (глиттер)" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table width="ШИРИНА РАМОЧКИ" border="0" background="Адр. ФОНА 8 (внутренний фон рамки)" cellpadding="1" cellspacing="0"><tr><td width="ШИРИНА РАМОЧКИ" style="padding: 1px;"><div align="center"> <br />КОД РАЗДЕЛИТЕЛЯ (ссылка №6) <br /><font face="Monotype Corsiva" color="#ЦВЕТ ТЕКСТА" style="font-size:РАЗМЕР ТЕКСТАpx"><i><b><br />**********ВАШ ТЕКСТ*********<br />КОД РАЗДЕЛИТЕЛЯ (ссылка №6)<br /><a href="АДРЕС АВТОРА (вашего блога)" target="_blank"><font face="Arial" color="#ЦВЕТ ТЕКСТА Авт.ссылки" style="font-size:12px"><b> ИМЯ АВТОРА </b></font></a><br /></b></i></font></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>

После заполнения этих формул цифрами, мы получим рамочки такие, как здесь
ПОЯСНЕНИЯ
Адр.ФОНА – адрес фона - это ссылка №1 в Радекале (вставляем от кавычки до кавычки без пробелов)
Подробно об Адресе изображений я писала здесь и здесь

КОД РАЗДЕЛИТЕЛЯ, КОД КАРТИНКИ можно взять из Радикала Ссылка №6

ЦВЕТ ТЕКСТА – шестизначний код цвета - смотри здесь(вставляем аккуратно от # до кавычки без пробелов)

РАЗМЕР ТЕКСТА в пикселях (px) – двузначная цифра от 10 до 30
(подбирается экспериментально, вставляем аккуратно от : до px без пробелов)

ШИРИНА РАМКИ - это трехзначная цифра, ширина нашей рамочки в пикселах (Например - 650, 700, 800).
В рамочке с картинкой ШИРИНА РАМКИ должна быть римерно на 2-4px больше ширины вашей картинки.

Просьба = требование: вставляя свои цифры НЕ МЕНЯТЬ САМ КОД РАМКИ

Удачи и всех благ!
С уважением La@Perla (Маргарита)
Еще материалы по оформлению блога
можно найти ЗДЕСЬ
Оригинал поста здесь

Серия сообщений "Лиру":
Часть 1 - Как привести в порядок рубрики
Часть 2 - Как забрать себе запись из закрытого дневника
...
Часть 4 - Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру
Часть 5 - Урок по созданию разрезных фотошопных рамочек и код к ним.
Часть 6 - Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру
Часть 7 - Компьютерные подсказки. Много полезностей. Компьютер, блог и не только
Часть 8 - ВСТАВЛЯЕМ ИЗОБРАЖЕНИЯ в ЗАПИСЬ
...
Часть 26 - копируем дневник ли.ру на компьютер полностью!
Часть 27 - Чем отличается «в друзья» или «стать ПЧ» Новичкам
Часть 28 - копируем дневник ли.ру на компьютер полностью!

Серия сообщений "Уроки для начинающих":
Часть 1 - Как вставить код любого изображения в аккуратную рамку (урок)
Часть 2 - HTML - супер сайт!
...
Часть 5 - Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру
Часть 6 - Урок по созданию разрезных фотошопных рамочек и код к ним.
Часть 7 - Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру
Часть 8 - Теги... для изготовления рамки
Часть 9 - ВСТАВЛЯЕМ ИЗОБРАЖЕНИЯ в ЗАПИСЬ
...
Часть 37 - Домашняя Фотостудия 2.91
Часть 38 - Как уменьшить вес картинки для фона в дневник?
Часть 39 - Пошаговое обучение Фотошопу

Серия сообщений "Формулы":
Часть 1 - Как вставить код любого изображения в аккуратную рамку (урок)
Часть 2 - Супер полезный сервис!!!
Часть 3 - Универсальный код разрезных рамочек для Ли.ру и Блогов Мэйл.ру
Часть 4 - Урок по созданию разрезных фотошопных рамочек и код к ним.
Часть 5 - Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру
Часть 6 - Теги... для изготовления рамки
Часть 7 - ВСТАВЛЯЕМ ИЗОБРАЖЕНИЯ в ЗАПИСЬ
...
Часть 13 - Энциклопедия ЛИРУ - уроки
Часть 14 - Красивые слайд-шоу в ваш дневник
Часть 15 - Как разделить текст на 2 части.

Серия сообщений "HTML":
Часть 1 - HTML - супер сайт!
Часть 2 - ПУТЕВОДИТЕЛЬ по Photoshop
Часть 3 - Супер полезный сервис!!!
Часть 4 - Урок по созданию разрезных фотошопных рамочек и код к ним.
Часть 5 - Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру
Часть 6 - Теги... для изготовления рамки
Часть 7 - Как найти и удалить опасное содержимое из дневника
...
Часть 9 - ОБУЧЕНИЕ МЕТОДОМ "НАУЧНОГО ТЫКА"
Часть 10 - Уроки на Ucoz
Часть 11 - Энциклопедия ЛИРУ - уроки

Рубрики:

Компьютер

<a href="https://www.liveinternet.ru/users/ganag/post240850082/">Р¤РѕСЂРјСѓР»С‹ РґР»СЏ РѕР±С‹С‡РЅС‹С… СЂР°РјРѕС‡РµРє, РѕР±С‰РёРµ РґР»СЏ Р›Рё.СЂСѓ Рё Р‘Р»РѕРіРѕРІ РњСЌР№Р».СЂСѓ</a><br/>Р¤РѕСЂРјСѓР»С‹ РґР»СЏ РѕР±С‹С‡РЅС‹С… СЂР°РјРѕС‡РµРє, РѕР±С‰РёРµ РґР»СЏ Р›Рё.СЂСѓ Рё Р‘Р»РѕРіРѕРІ РњСЌР№Р».СЂСѓ

РђРІС‚РѕСЂ РїРѕСЃС‚Р°  La@Perla (РњР°СЂРіР°СЂРёС‚Р°)  Р¤РѕСЂРјСѓР»С‹ РґР»СЏ РѕР±С‹С‡РЅС‹С… СЂР°РјРѕС‡РµРє,  РѕР±С‰РёРµ РґР»СЏ Р›Рё.СЂСѓ Рё Р‘Р»РѕРіРѕРІ РњСЌР№Р».СЂСѓ РљР°Рє РІС‹СЏСЃРЅРёР»РѕСЃСЊ, Сѓ РјРЅРѕРіРёС… РЅРµ С‚РѕР»СЊРєРѕ СЂР°Р·СЂРµР·РЅС‹Рµ, РЅРѕ Рё РѕР±С‹С‡РЅС‹Рµ СЂР°РјРѕС‡РєРё, СЃРґРµР»Р°РЅРЅС‹Рµ РґР»СЏ Р‘Р»РѕРіРѕРІ РІСЃС‚Р°СЋС‚ РЅР° Р›Рё.СЂСѓ РІ РёСЃРєР°Р¶РµРЅРЅРѕРј РІРёРґРµ. РЇ РѕР±РµС‰Р°Р»Р° РїРѕРјРѕС‡СЊ Рё РІРѕС‚, С‡С‚Рѕ Сѓ РјРµРЅСЏ РїРѕР»СѓС‡РёР»РѕСЃСЊ.Р’С‹РєР»Р°РґС‹РІР°СЋ СЂРµР·СѓР»СЊС‚Р°С‚ -  С„РѕСЂРјСѓР»Сѓ СѓРЅРёРІРµСЂСЃР°Р»СЊРЅРѕРіРѕ РєРѕРґР°, Рє РїСЂРёРјРµСЂСѓ,  РґР»СЏ РІРѕСЃСЊРјРёСЃР»РѕР№РЅРѕР№ СЂР°РјРѕС‡РєРё СЃ РєР°СЂС‚РёРЅРєРѕР№, РєРѕС‚РѕСЂР°СЏ РѕРґРёРЅР°РєРѕРІРѕ С…РѕСЂРѕС€Рѕ РІСЃС‚Р°РµС‚ Рё РІ Р‘Р»РѕРіР°С…, Рё РЅР° Р›Рё.СЂСѓ.      РљРћР” РљРђР РўРРќРљР (СЃСЃС‹Р»РєР° в„–6) РљРћР” Р РђР—Р”Р•Р›РРўР•Р›РЇ (СЃСЃС‹Р»РєР° в„–6) **********Р’РђРЁ РўР•РљРЎРў*********РљРћР” Р РђР—Р”Р•Р›РРўР•Р›РЇ (СЃСЃС‹Р»... <a href="https://www.liveinternet.ru/users/ganag/post240850082/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Рубрики

-Музыка

-

-Поиск по дневнику

-Подписка по e-mail

-Статистика

Формулы для обычных рамочек, общие для Ли.ру и Блогов Мэйл.ру