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

Вторник, 18 Декабря 2012 г. 02:53 + в цитатник

Автор поста 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="//www.liveinternet.ru/users/margo29"><img src="//img-fotki.yandex.ru/get/6424/35204204.196/0_c0f30_9ec27cbf_XS.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="//www.liveinternet.ru/users/margo29"><img src="//img-fotki.yandex.ru/get/6424/35204204.196/0_c0f30_9ec27cbf_XS.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 (Маргарита)
Еще материалы по оформлению блога
можно найти ЗДЕСЬ
Оригинал поста здесь

Рамочки от La_Perla

Код для Мэйл-ру

Лучшая благодарность - нажатие зеленой кнопочки НРАВИТСЯ

и цитирование.

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

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

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

мелвек обратиться по имени Суббота, 18 Декабря 2010 г. 08:21 (ссылка)

Риточка,огромнейшее спасибо!!!

Ответить С цитатой В цитатник

Вторник, 10 Января 2012 г. 13:23ссылка

La-Perla_Margarita

Ответить С цитатой В цитатник Обратиться по имени

Natali002 обратиться по имени Вторник, 29 Марта 2011 г. 17:10 (ссылка)

еще раз спасибо!заберу урок себе...

Ответить С цитатой В цитатник

Вторник, 10 Января 2012 г. 13:24ссылка

La-Perla_Margarita

Ответить С цитатой В цитатник Обратиться по имени

Пространство_Женской_Силы обратиться по имени Пятница, 16 Декабря 2011 г. 01:15 (ссылка)

Спасибо!!!!

Ответить С цитатой В цитатник

Вторник, 10 Января 2012 г. 13:24ссылка

La-Perla_Margarita

Ответить С цитатой В цитатник Обратиться по имени

Счастливый_Галчонок обратиться по имени Воскресенье, 18 Декабря 2011 г. 20:05 (ссылка)

Риточка,и ещё раз спасибо!!! Возьму и в этот дневничок)))

Ответить С цитатой В цитатник

Среда, 25 Января 2012 г. 00:00ссылка

La-Perla_Margarita

Здравствуйте, Евгения. Рамочка получилась очень симпатичная.
А проблемы ваши возникли, как мне кажется потому, что Вы работали НЕ в ПРОСТОМ (HTML) а расширенном редакторе с панелью спец. кодов CKEditor.
Мои советы
В работе с рамочками - всегда используйте ТОЛЬКО ПРОСТОЙ РЕДАКТОР. Открывать панели спец. кодов нельзя

А последовательность действий, я считаю, должна быть такой:
Открываете НОВУЮ ЗАПИСЬ
Далее переходите к ПОЛНОЙ ФОРМЕ - ссылочка справа сверху.
Еще раз напоминаю!!!!!! НЕ ИСПОЛЬЗУЙТЕ РАСШИРЕННЫЙ редактор
( всегда работайте в ПРОСТОМ)
Вставляете свою запись (код рамочки) и
Сохраняете в ЧЕРНОВИК!!! (Кнопка находится НИЖЕ желтой кнопки ОПУБЛИКОВАТЬ).
Потом, находясь в черновике, многократно редактируете запись, вставляете стихи, картинки, меняете фоны рамок и т. д.
и нажимаете кнопку "СОХРАНИТЬ".
При этом пост все время НАХОДИТСЯ В ЧЕРНОВИКЕ.
Пользоваться ПРЕДПРОСМОТРОМ, как на Мэйле - НЕЛЬЗЯ,
потому, что редактор добавляет всякой ерунды и рамки деформируются.
И когда все готово, и все нравится , находясь в ЧЕРНОВИКЕ, жмете клавишу
"Опубликовать в своем дневнике"
(эта надпись находится снизу справа, радом с "редактировать")
================
Ну а рамочка должна растянутся под длину вашего стихотворения, которая зависит от размера шрифта (в формуле - это "РАЗМЕР ТЕКСТАpx") Он может быть равен 23-25 для крупного, 17-18 для мелкого.
Удачи!

Ответить С цитатой В цитатник Обратиться по имени