Оформление днева


Сейчас вы смотрите: http://www.liveinternet.ru/users/ka82/post70054149/
Рекомендую также посмотреть:
Теги волнистого разноцветного подчеркивания, дрожания текста, текст написанный боком, линии, простые варианты фонового рисунка справа, слева, вокруг текста, колыхающиеся слова, выравнивание параграфов, текст между картинками и т.д. http://www.liveinternet.ru/users/ka82/post90899043/
Простые теги типа жирного шрифта, выравнивания слов, типа шрифта, курсива, обычного подчеркивания-зачеркивания, разноцветный текст, ползущие вправо-влево буквы, размер шрифта, таблицы цветов для шрифта http://www.liveinternet.ru/users/ka82/post89710588/
Танцующие буквы http://www.liveinternet.ru/users/ka82/post91709665/
Как вставить фоновую картинку, отличную от картинки днева http://www.liveinternet.ru/users/ka82/post88771163/
Готовые схемы оформления, необычное преподнесение текста и картинок, рамочек, затуманенные буквы, инструкции даны скриншотами, а не просто текстом http://www.liveinternet.ru/users/ka82/post85922639/
Как вставить курсор, баннер, видео, музыку, часы и т.д. с большим выбором сайтов и инструкций в комментах http://www.liveinternet.ru/users/ka82/post89422126/

Краткая шпаргалка замены символов взята с http://wdh.suncloud.ru/entities.htm
Типы организаций и стран по окончаниям адреса http://wdh.suncloud.ru/uri.htm
Цветовая палитра http://wdh.suncloud.ru/colors.htm


Это здорово?






Это же прекрасно!

ЖЕЛАЮ ВСЕМ ДОБРОГО ВЕЧЕРА!!

А вот еще http://cmp.h14.ru/

СПИСОК ВСЕХ МОИХ УРОКОВ


СТАВИМ КАРТИНКИ В РЯД
КАК ДЕЛАТЬ ПРОСТЫЕ РАМОЧКИ
КАК СДЕЛАТЬ ОКОШКО С КОДОМ ПОД КАРТИНКОЙ
КАК КОПИРОВАТЬ КОД КАРТИНКИ
ГЕНЕРАТОР РУССКОГО АНИМИРОВАННОГО ТЕКСТА
ГЕНЕРАТОР АНИМИРОВАННОГО ТЕКСТА
ОБРАЗЦЫ ШРИФТОВ С КОДОМ
ШРИФТЫ С КОДАМИ
КАК В СООБЩЕНИИ СДЕЛАТЬ КРАСИВЫЙ ТЕКСТ
КРАСИВЫЕ АНИМАЦИИ-ПЕРЕХОДЫ
КАК ВСТАВИТЬ МЕЛОДИЮ В ПЛЕЕР
ВСТАВЛЯЕМ МЕЛОДИЮ В ПЛЕЕР ИЗ ФОТОШОП
НОВОЕ О ПЛЕЕРАХ
КАК ПОЛУЧИТЬ ПРЯМУЮ ССЫЛКУ НА МР3 С ПЛЕЙКАСТ
КАК ПОЛЬЗОВАТЬСЯ ПЛЕЕРОМ С САЙТА muzicons.com
КАК СОХРАНЯТЬ МЕЛОДИИ С MAIL.RU В СВОЙ КОМПЬЮТЕР
УЧИМСЯ ДЕЛАТЬ 8-МИ СЛОЙНУЮ РАМОЧКУ
КАК ПОМЕНЯТЬ СХЕМУ В ДНЕВНИКЕ
КАК СОЗДАТЬ МНОГОЯРУСНЫЙ ПЛЕЕР
ДЕЛАЕМ МУЗЫКАЛЬНУЮ ОТКРЫТКУ=
КАК РАЗРЕЗАТЬ РАМОЧКУ ФОТОШОП И ВСТАВИТЬ В СООБЩЕНИЕ
КАК СДЕЛАТЬ ПРОЗРАЧНЫЙ ФОН У КАРТИНКИ
КАК СДЕЛАТЬ ПРОЗРАЧНЫЙ ФОН С ПОМОЩЬЮ КАНАЛОВ
ДЕЛАЕМ КОЛЛАЖ "СИРЕНЕВАЯ МЕЧТА"
УЧИМСЯ В ФОТОШОП ВСТАВЛЯТЬ ФОТО В РАМКУ
ЗАГИБАЕМ УГОЛОК
СОЗДАНИЕ РАМОЧЕК В ФОТОШОП
ДЕЛАЕМ РАМКИ В ФОТОШОП
ДЕЛАЕМ ФОН ДЛЯ СХЕМЫ
УЧИМСЯ ДЕЛАТЬ РАМОЧКИ В ФОТОШОП 2
НЕПРЕРЫВНО ДВИЖУЩИЙСЯ ФОН
КАК Я ДЕЛАЮ РАЗРЕЗНУЮ РАМОЧКУ В ФОТОШОП
УЧИМСЯ ДЕЛАТЬ РАМОЧКИ В ФОТОШОП 3
КАК СДЕЛАТЬ КЛИКАБЕЛЬНУЮ КАРТИНКУ
ОВАЛЬНАЯ КАРТИНКА С РАЗМЫТЫМИ КРАЯМИ
УЧИМСЯ ДЕЛАТЬ ФОН ДЛЯ СХЕМЫ
ЭФФЕКТ КАРАНДАШНОГО НАБРОСКА
СТИРАЕМ ФОН ИНСТРУМЕНТОМ ФОНОВЫЙ ЛАСТИК
АНИМАЦИЯ ЦВЕТНЫМ ШУМОМ
Пакетная обработка изображений с помощью экшена
ЗАГИБАЕМ СТРАНИЦУ ПЛАГИНОМ AV Bros. Page Curl Pro 2.1
ОБЪЕМНАЯ РАМОЧКА
ОРИГИНАЛЬНАЯ РАМОЧКА
ГРАДИЕНТНЫЙ ФОН
ФОНЫ ДЛЯ СХЕМ ИЗ МАСОК
ВСТАВЛЯЕМ ПЛЕЙЛИСТ В ФОТОПНУЮ РАМКУ
СТИЛЬ СЛОЯ - ОБВОДКА
Красиво оформленный букет гербер с эффектом 3D
АНИМАЦИЯ - ЦВЕТНЫЕ БЛЕСТКИ
РАМОЧКА В ФОТОШОПЕ
РАМОЧКА СО СРЕЗАНЫМИ УГЛАМИ В ФОТОШОПЕ
Подробная инструкция работы в программе Хаrа 3D 6
ДЕЛАЕМ ОТКРЫТКУ

Полезные ссылки. Нашла,делюсь!

1.Сделай слайд-шоу 2.Сделать видео слайд-шоу 3.Сжать видео для сети. 4.Коды цвета для текстов 5.Сделай для блога кнопку. 6.Как сделать баннер-картинку для блога. 7.Как сделать рамочку для текста самому. 8.Создать фото прикол онлайн. 9.Сделать флеш-часы для блога. 10.Сделать текст с прокруткой. Рамочки для текстов без картинок: 1.Рамочки для текстов 1 2.Рамочки для текстов 2 Рамочки для текстов с картинками: 1.Рамочки для текстов 3 2.Рамочки для текстов 4 3.Рамочки для текстов 5 4.Рамочки для текстов 6 5.Рамочки для текстов 7 (бабочки) 6.Рамочки для текстов - Адрес Детство 7.Рамочки для текстов 9 (Мачо) 8.Рамочки для текстов 10 (Букет невесты) 9.Рамочки для текстов 11 (Природа) 10.Рамочки для текстов 12 ( Он и Она ) 11.Рамочки для текстов (Любовь) 12.Рамочки для текстов (Сердечки) 13.Рамочки для текстов (Котята) 14.Рамочки для текстов (Природа - 2) 15.Рамочки для текстов (Весна) 16.Рамочки для текстов (Подводный мир) 17.Рамочки для текстов (Ночь над городом) 18.Рамочки для текстов ( Он и Она -2 ) 19.Рамочки для текста (любовь) 20.Рамочки для текстов (Нежность) 21.Рамочки для текстов (Отдых, море, пляж). 22.Рамочки для текстов (Полевые цветы) Эпиграфы: Эпиграфы для блога Эпиграфы для блога 2 Эпиграфы или просто хорошие изречения. Эпиграфы или просто хорошие изречения - 2  Картинки: 1.Цветы для Вас! 2.Цветы для Вас!-2 3.Цветы для Вас!-3 4.Улыбнись с Микки Маусом ) 5.Скажи СПАСИБО - красиво) 6.Скажи СПАСИБО - красиво) - 2 7.Скажи СПАСИБО - красиво) - 3 8.Пятница в картинках ) 9.Спокойной ночи в картинках) 10.С добрым утром в картинках) 11.Смайлик + мультик = хорошее настроение) 12.Смайлик + мультик = хорошее настроение) - 2 13.Смайлик + мультик = хорошее настроение) - 3 14.Щенки и котята (анимация) 15.Привет в картинках) 16.Сердечки (анимашки) 2 17.Сердечки (анимашки) 18.Блеск для Ваших постов) 19.Блеск для Ваших постов -2) 20.Блеск для Ваших постов) 3 21.Малыш Купидон (картинки) 22.С днём рождения в картинках! 23.Пчёлки в картинках) 24.Мишки для Вас))) из блога Леда

Оригинальная Фоновая рамка-1 слой.

Делаем рамку под свой дизайн. Необычность этой рамки в том, что Цвет задан словами. Это не загруженный фон,а просто название цвета. В данной рамке это bgcolor="BLUE" —Его можно менять на свой любимый цвет. Сбоку копируйте код этой рамки и вставляйте к себе в блог. Где написано ВАШ ЦВЕТ СЛОВОМ —Вставляйте нужный вам цвет,внутрь кавычек.Цвет можно взять Отсюда ЗДЕСЬ далее... SvetlanaT

Код "СКЕЛЕТИКА"
<table border="3" width="600" height="500" align="CENTER" cellspacing="0"><br /> <tr><br /> <td bgcolor="ВАШ ЦВЕТ СЛОВОМ" align="CENTER" valign="CENTER"><br /> <img src="КАРТИНКА" width="ШИРИНА" height="ВЫСОТА" /><font color="FFFFFF"><font size="4"><br />ВАШ ТЕКСТ<br /><img src="ЛИНЕЕЧКА" width="333" height="95" /><br /></font></font><br />ВАШ НИК<br /></td></tr></table>

КАК СДЕЛАТЬ РАМОЧКУ ПО ФОРМУЛЕ

По просьбе постоянного читателя сообщества "Все для блога" я решила поделиться с Вами кодом-формулой рамочек, которые я делаю для собственного развлечения и вашего удовольствия и хорошего настроения (во всяком случае, я на это надеюсь ).

Если вдруг кто-то из Вас, мои дорогие друзья и читатели, заинтересуется и попробует сделать рамку, то мне будет очень приятно. А вдруг Вам тоже понравится ... Конечно же речь о тех друзьях, кто этого пока не делал. Среди моих подруг масса таких мастериц и искусниц ФШ, что мне до них никогда не допрыгнуть. И за это им мои искренние комплименты!!!

Чтобы было более понятно - предлагаю рассмотреть работу с формулой рамки на конкретном примере "Рамочки с телефоном и букетом". Честно сказать, я не большой мастер по урокам и разъяснениям, но тем не менее попробую.

Итак начнем!  

И начнем мы с конца этого поста - а именно в самом низу, в окошке находится ОБЩАЯ ФОРМУЛА РАМКИ.

Скопируйте её из окошка, откройте Новую запись в расширенном формате в своём дневнике, нажмите кнопочку "Источник" и в эту новую запись вставьте скопированный КОД. Перед Вами окажется весьма большой набор устрашающих слов и терминов на английском языке - это HTLM-код рамки. Не пугайтесь! Главное - в этом тексте найдите слова ФОН №1, ФОН №2 и т.д.

А теперь:

1. Вместо слов ФОН № 1 - вставляем строго между кавычек адрес Вашего фона, загруженного через любой сервис публикации и хранения изображений (например Радикал или savepic; далее для сокращения буду указывать - Радикал). В примере - это тонкая зеленая обводка.

2. Вместо слов ФОН № 2 - также строго между кавычек вставляем адрес фона, загруженного через Радикал, который будет основой для написания текста Вашего поста, рецепта, стихов и прочих текстов, а также это фон, который залит между зеленой обводкой рамки. В примере - это светлый серо-голубой фон.

3. Вместо слов ФОН № 3 - строго между кавычек вставляем адрес (из Радикала) бесшовного фона, сделанного в ФШ из основной картинки. В примере - это цветной фон в широкой полосе и в узкой, обрамляющей текстовое поле. Если Вы не работаете в фотошопе, то на место ФОНА № 3  можно подобрать любой подходящий по цветовой гамме фон, хоть цветной, хоть однотонный.

 4. Вместо слова КАРТИНКА - строго между кавычек вставляем адрес (из Радикала) НАШЕЙ ОСНОВНОЙ КАРТИНКИ с телефоном и букетиком.

5. Вместо слова РАЗДЕЛИТЕЛЬ - также между кавычек вставляем адрес (из Радикала)  ЛЮБОГО РАЗДЕЛИТЕЛЯ, который по вашему мнению подходит к общей теме работы. Этот атрибут не обязательный, поэтому при желании его можно удалить.

6. Вместо слова ЦВЕТ ТЕКСТА вставлям код цвета (из любого генератора или палитры цветов), котрым будет написан наш текст поста. В примере, это зелёно-салатный цвет.

7. И, наконец, последний шаг. Слова АДРЕС Вашего ДНЕВНИКА - заменяете соответственно на адрес Вашего дневничка на Ли.Ру, а слова Ваш НИК - на НИК, под которым Вы зарегистрированы на ЛИ.РУ или на какое-либо словосочетание, устанавливающее Ваше авторство работ. У меня - это "Рамочки от Ангелики".

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

 

<div align="center"><table background="ФОН № 1" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 4px;"><table background="ФОН № 2" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 10px;"><table background="ФОН № 1" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 4px;"><table background="ФОН № 3" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 40px;"> <table background=" ФОН № 1" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 4px;"><table background="ФОН № 2" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 10px;"><table background="ФОН № 1" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 4px;"><table background="ФОН № 2" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 10px;"> <img src="КАРТИНКА" /><table width="100%" background=" ФОН № 1" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 4px;"><table width="100%" background="ФОН № 3" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 10px;"><table width="100%" background=" ФОН № 1" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 4px;"><table width="100%" background="ФОН № 2" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 1px;"><table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td><center><font face="Monotype Corsiva" color="#ЦВЕТ ТЕКСТА" style="font-size:21px"><img src="РАЗДЕЛИТЕЛЬ" /> Ваш текст <img src="РАЗДЕЛИТЕЛЬ" /><br /><center><a href="Адрес Вашего ДНЕВНИКА" target="_blank"><font face="Monotype Corsiva" color="#ЦВЕТ ТЕКСТА" style="font-size:13px"> Ваш НИК на Ли.Ру </font></a></center></font></center></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>

4 MK- как вставить картинку в рамочку. Рамочки прилагаются.

 

Как вставить изображение в рамку: способ 1

Всем привет. Сегодня у нас речь пойдет о том, как решить часто задаваемый вопрос, а именно, вставить изображение в рамку. Для начала я вам расскажу, что вставка изображений в рамку может быть разной, поглядим примеры ниже:

Пример 1

Пример 2

читаем все 4 способа и выбираем рамочки.

Делаем рамочку в Рамочнике

текст

Будем делать вот такую рамочку. Идем в РАМОЧНИК Нажимаем на рамочку,пишем размер рамочки.

Читать далее...

Как сделать довольно сложную рамочку

Сейчас я расскажу о том, как сделать вот такую рамочку, украшенную блестящими (или не блестящими) картинками.

Ваш текст

Чтобы сделать такую рамочку самостоятельно, скопируйте нижеприведенный код:
<center><table border="1" background="ФОНОВАЯ КАРТИНКА" cellpadding="3" cellspacing="2" width="650"><tr><td><table border="1" background="ФОНОВАЯ КАРТИНКА" cellpadding="2" cellspacing="3" width="100%"><tr><td><center><table border="1" background="ФОНОВАЯ КАРТИНКА" cellpadding="5" cellspacing="2" width="450"><tr><td><center><table border="1" background="ФОНОВАЯ КАРТИНКА" cellpadding="2" cellspacing="5" width="100%"><tr><td><center><table border="1" background="ФОНОВАЯ КАРТИНКА" cellpadding="2" cellspacing="5" width="100%"><tr><td><font size="4"><font color="#КОД ЦВЕТА"><font face="Times New Roman"><br /><center><img src="БЛЕСТЯЩАЯ КАРТИНКА" width="200" height="200" /></center><center><br />Ваш текст<br /><img src="ВТОРАЯ БЛЕСТЯЩАЯ КАРТИНКА" width="400" height="400" /></center><br /><br /></font></font></font></td></tr></table></center></td></tr></table></center></td></tr></table></center></td></tr></table></td></tr></table></center>
Соответственно, там где написано ФОНОВАЯ КАРТИНКА вы стираете эту надпись, а вместо нее ставите ссылку на картинку (т.е. бесшовный фон). Ссылка должна начинаться на http и оканчиваться на jpg или другое графическое расширение файла. Такую ссылку можно получить на любом сайте фотохостинга. Где найти фотохостинг? Например здесь: liveinternet.ru/users/2670115/post220257322
Итак, обратите внимание, что фоны должны чередоваться между собой, хотя можно сделать все и одним фоном, но это будет не так интересно выглядеть.
Далее, там где "БЛЕСТЯЩАЯ КАРТИНКА" и "ВТОРАЯ БЛЕСТЯЩАЯ КАРТИНКА" вы вставляете ссылку на картинки, которые будут украшением рамочки. Они не обязательно должны быть блестящими, это могут быть фотографии, картинки в формате PNG. Обратите внимание, что размер этой картинки задан в самой рамочке, желательно, чтобы она имела более-менее равные пропорции. Но если что, можно отрегулировать параметрами width и height, которые указаны после ссылок на картинки.
Там, где "КОД ЦВЕТА" нужно указать цвет, его код можно получить в таблице цветов Яндекса (достаточно ввести в поиске фразу "таблица цветов", код должен начинаться на #).
Вот и все, готово!

Формулы рамочек..

Рамка в два слоя: Рамка в три слоя: Рамка в четыре слоя: Рамка в шесть слоев: Рамка в восемь слоев: Рамка с уголками: Фотошопная рамка: Подписываем рамку:

Делаем Рамку в 3 слоя фона с бордюром.

Продолжаем учится делать рамочки. Вот так она будет выглядеть.Это рамочка в три слоя фона. Два однотонных и один красивый цветочный слой фона. А первый слой рамки это бордюрчик. Внизу я даю КОД "СКЕЛЕТИКА" чтобы вы сделали рамку САМИ. Делаем рамку ,на свой вкус, так: Можно фоны взять у меня на Я.ру.Вот ЗДЕСЬ. Заходим и выбираем фон.НАШЛИ—НАЖАЛИ на него. Затем находим надпись—Код для вставки на сайт или в блог. нажали и скопировали где написано— Ссылка на фотографию. В коде "СКЕЛЕТИКА" где написано 1,2,3СЛОЙ ФОНА. Внутрь кавычек.Кавычки не трогаем.Вставляете эту ССЫЛКУ. Если хотите с компа через Лиру-тогда ОБЗОР... И дальше помотреть можно ЗДЕСЬ. После 1СЛОЯ фона нашли тег... style="padding:50px"... "padding:50px"—Это ШИРИНА ЛЮБОГО СЛОЯ ФОНА —Цифры можно менять по своему вкусу.. Где написано ВАШ ТЕКСТ— Пишите свой текст. Где написано ССЫЛКА НА ВАШ ДНЕВНИК и ВАШ НИК—Пишите свой НИК. Посмотреть как сделать ССЫЛКУ на ваш дневник и НИК можно ЗДЕСЬ. Ещё в этом коде можно поменять цвет и размер края рамки её БОРДЮР. Находим в начале кода тег...="border:10px solid #660000"... border:10px—Это размер бордюра его ШИРИНА. Цифру меняйте на свой вкус. solid #660000"—Это СТИЛЬ БОРДЮРА. У меня он сплошной.Найти нужный стиль вам можно ЗДЕСЬ. А цифры—его ЦВЕТ.Названия цвета можно выбрать ЗДЕСЬ. Вот и всё ВАША рамочка готова. Пробуйте,экспериментируйте на здоровье. SvetlanaT

КОД "СКЕЛЕТИКА" РАМКИ. <table style="border:10px solid #660000" background="1СЛОЙ ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:50px"><table style="border:0px none #000000" background="2СЛОЙ ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table width="600" height="600" style="border:0px none #000000" background="3СЛОЙ ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="font-family:Garamond;color:#000000;font-size:20px">ВАШ ТЕКСТ</span></td></tr></table></td></tr></table><center><a target="_blank" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#cdbe70">ВАШ НИК</font></b></font></a></center></td></tr></table>

УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ

УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ

Хотите научиться делать вот такую простую рамку? Тогда скопируйте из окошка под рамкой формулу рамки и вставьте свои значения.

Здесь будет ваш текст. Лорик

ФОРМУЛА РАМКИ

Формула состоит из тегов.
Рассмотрим, что обозначают основные теги.

Читать далее


Как сделать 3-х слойную рамку смотрим ЗДЕСЬ.

Серия сообщений "Делаем рамки":

Часть 1 - Рамочка с бегущими огоньками
Часть 2 - Делаем рамки - серия уроков ФШ
...
Часть 11 - Рамки для выделения текста
Часть 12 - Простые Рамки с Заголовком
Часть 13 - УЧИМСЯ ДЕЛАТЬ РАМКУ В ДВА СЛОЯ
Часть 14 - ДЕЛАЕМ РАМКУ В ЧЕТЫРЕ СЛОЯ
Часть 15 - ОТВЕТ ОППОНЕНТУ...))
...
Часть 35 - ФОРМУЛЫ РАМОЧЕК ДЛЯ МЕЙЛА
Часть 36 - Коды для Мейла и ЛиРу
Часть 37 - Делаем разрезную рамку в ФШ

ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ

УЧИМСЯ ДЕЛАТЬ РАМКУ В ВОСЕМЬ СЛОЕВ

Рамку в два слоя мы уже научились делать ЗДЕСЬ.
В три слоя - ЗДЕСЬ.
В четыре слоя - ЗДЕСЬ.
В шесть слоев - ЗДЕСЬ.
Чтобы сделать рамку, которую вы видите, - рамку в 8 слоев, вам достаточно скопировать формулу в окошке под рамкой.

Здесь будет ваш текст Лорик

Формула состоит из тегов.
Рассмотрим, что обозначают основные теги.

Читать далее

Серия сообщений "Делаем рамки":

Часть 1 - Рамочка с бегущими огоньками
Часть 2 - Делаем рамки - серия уроков ФШ
...
Часть 16 - Учимся делать рамку в три слоя
Часть 17 - ДЕЛАЕМ РАМКУ В ШЕСТЬ СЛОЕВ
Часть 18 - ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ
Часть 19 - Как вставить ПРОКРУТКУ в пост
Часть 20 - Делаем простую Рамку с двигающимся текстом
...
Часть 35 - ФОРМУЛЫ РАМОЧЕК ДЛЯ МЕЙЛА
Часть 36 - Коды для Мейла и ЛиРу
Часть 37 - Делаем разрезную рамку в ФШ

Делаем рамочку вместе.Урок.

Переходим на сайт Рамочник
наверху выбираем,нужный скелет для вашей рамочки,я выберу второй;

продолжение урока здесь

Учимся делать рамку в 3 слоя.

ДОРОГИЕ МОИ! Продолжаем учится делать рамочки. Особенность этой рамки в том,что 1 и 2 слой рамки это цветочный и однотонный фон. А вот 3слой загружается цифрами. Внизу я даю КОД "СКЕЛЕТИКА" чтобы вы сделали рамку САМИ. Делаем рамку ,на свой вкус, так: Можно фоны взять у меня на Я.ру.Вот ЗДЕСЬ. Заходим и выбираем фон.НАШЛИ—НАЖАЛИ на него. Затем находим надпись—Код для вставки на сайт или в блог. нажали и скопировали где написано— Ссылка на фотографию. В коде "СКЕЛЕТИКА" где написано 1,2,СЛОЙ ФОНА. Внутрь кавычек.Кавычки не трогаем.Вставляете эту ССЫЛКУ. Если хотите загрузить с компа через Лиру-тогда ОБЗОР... И дальше помотреть можно ЗДЕСЬ. 3СЛОЙ РАМКИ.-ЦИФРОВОЙ А цифры—его ЦВЕТ.Названия цвета можно выбрать ЗДЕСЬ. После 1СЛОЯ фона нашли тег... style="padding:70px"... "padding:70px"—Это ШИРИНА ЛЮБОГО СЛОЯ ФОНА —Цифры можно менять по своему вкусу.. Где написано ВАШ ТЕКСТ— Пишите свой текст. Где написано ССЫЛКА НА ВАШ ДНЕВНИК и ВАШ НИК—Пишите свой НИК. Посмотреть как сделать ССЫЛКУ на ваш дневник и НИК можно ЗДЕСЬ. Ещё в этом коде можно поменять цвет и размер края рамки её БОРДЮР. Находим в начале кода тег...="border:1px solid #990066"... border:1px—Это размер бордюра его ШИРИНА. Цифру меняйте на свой вкус. solid #660000"—Это СТИЛЬ БОРДЮРА. У меня он сплошной.Найти нужный стиль вам можно ЗДЕСЬ. Вот и всё ВАША рамочка готова. Пробуйте,экспериментируйте на здоровье. SvetlanaT

КОД РАМКИ "СКЕЛЕТИКА". <table style="border:1px solid #990066" background="1СЛОЙ ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:70px"><table style="border:1px solid #990066" background="2СЛОЙ ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:7px"><table width="600" height="600" style="border:1px solid #990066;background-color:#3СЛОЙ ФОНА-ЦИФРОВОЙ" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><font size="4" color="#000000" face="Monotype Corsiva">ВАШТЕКСТ ПИШЕМ СЮДА</font></td></tr></table></td></tr></table><center><a target="_blank" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#000000">ВАШ НИК</font></b></font></a></center></td></tr></table>

Учимся делать рамки. Рамка в 5-слоёв фона.

Рамка в 5 слоёв фона с картинкой и 2мя линеечками. Пример такой рамочки,как она будет выглядеть. Чуть ниже я даю код,чтобы вы могли сделать рамку какая вам нужна-САМИ.Копируете его и вставляете к себе в дневник а потом... В коде где написано с 1-5 СЛОЙ ФОНА. Внутрь кавычек. Кавычки не трогаем. Вставляете свой фон. Через РАДИКАЛ-ФОТО Код берёте под № 1. Так же вставляем картинки и линеечки. Всё тоже через Радикал-Фото и т.ж. код № 1. Только не забудьте поменять размеры картинки и линеечек. width="450" -Ширина картинки или ленеечек. height="500" - Высота картинки или линеечек. Где написано- Картинка вставляете свою картинку. Где написано- Линеечка вставляете свою линеечку. Где написано- ВАШ ТЕКСТ-Пишите свой текст. Где написано- ВАШ НИК-Пишете свой ник. Посмотреть как сделать ССЫЛКУ на ваш дневник и НИК можно ЗДЕСЬ. Вот и всё ВАША рамочка готова. Пробуйте,экспериментируйте на здоровье. Посмотреть ещё рамки можно... ЗДЕСЬ. SvetlanaT

Код "СКЕЛЕТИКА" к этой рамке. <left><table border="1" background="1 СЛОЙ РАМКИ" cellpadding="26" cellspacing="2" width="600"><tr><td><center><table border="1" background="2СЛОЙ РАМКИ" cellpadding="2" cellspacing="3" width="500"><tr><td><center><table border="0" background="3СЛОЙ РАМКИ" cellpadding="1" cellspacing="10" width="500"><tr><td><center><img src="КАРТИНКА" width="500" height="500" /><center><table border="1" background="4 СЛОЙ РАМКИ" cellpadding="1" cellspacing="3" width="300"><tr><td><center><table border="1" background="5 СЛОЙ РАМКИ" cellpadding="3" cellspacing="2" width="300"><tr><td><center><center> <img src="ЛИНЕЕЧКА" width="450" height="69" /> <table align="center"><td><br /> <font size="3"><font color="000000">ВАШ ТЕКСТ ПИШЕМ СЮДА <br /><img src="ЛИНЕЕЧКА" border="0" width="450" height="69" /><center><a target="_blank" href="//www.liveinternet.ru/users/svetlanat/profile"><font size="1"><b><font color="#cdbe70">SvetlanaT</font></b></font></a></center></font></font></td></table></center></center></td></tr></table></center></td></tr></table></center></center></td></tr></table></center></td></tr></table></center></td></tr></table></left>

Рамка с КАРТИНКАМИ-ЛИНЕЕЧКАМИ.

Я сделала вот такую рамочку. Кому она нравится могу научить вас её делать. Рамочка оригинальная, так как мы берём вместо фона ЛИНЕЕЧКУ. Взять ЛИНЕЕЧКИ можно ЗДЕСЬ. Внизу я даю КОД "СКЕЛЕТИКА" и вы делаете рамку САМИ. Делаем рамку ,на свой вкус, так: ЗДЕСЬ далее... SvetlanaT

КОД "СКЕЛЕТИКА" РАМКИ. <left><table border="0" background="ЛИНЕЕЧКА 1" cellpadding="0" cellspacing="0" width="ШИРИНА" height="ВЫСОТА ЛИНЕЕЧКИ 1"><tr><td></td></tr></table><table border="0" background="ФОН где ТЕКС" cellpadding="0" cellspacing="0" width="ШИРИНА" height="200"><tr><td><center></center><center><font size="4"><font color="#FFFFCC"><b><font face="Monotype Corsiva">ВАШ ТЕКСТ</font></b></font></font></center><br /><center><a target="_blank" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#000000">ВАШ НИК</font></b></font></a></center></td></tr></table><table border="0" background="ЛИНЕЕЧКА 2" cellpadding="0" cellspacing="0" height="ВЫСОТА ЛИНЕЕЧКИ 2" width="ШИРИНА"><tr><td></td></tr></table></left>

Рамка в ОДИН слой.

Это простая,но оригинальная рамка состоит всего из одного слоя. Нужно только подобрать необычный фон для неё. Делаем рамку,на свой вкус, так: Если через Я.ру. Заходим и выбираем картинку-фон. НАШЛИ—НАЖАЛИ на неё. Дальше внизу В ДРУГОМ РАЗМЕРЕ -выбрали нужный размер картинки. Потом эти размеры поменяете в КОДЕ РАМКИ на свои. ..."WIDTH: 600px;ШИРИНА картинки HEIGHT: 300px"ВЫСОТА... Затем находим надпись— Код для вставки на сайт или в блог. нажали и скопировали где написано— Ссылка на фотографию. В коде "СКЕЛЕТИКА" где написано КАРТИНКА— ФОН. Внутрь кавычек.Кавычки не трогаем. Вставляете эту ССЫЛКУ. ЗДЕСЬ далее... SvetlanaT

КОД "СКЕЛЕТИКА"рамки.
<left><table style="WIDTH: 600px; HEIGHT: 300px" cellspacing="18" cellpadding="3" width="600" align="left" border="3" background="КАРТИНКА ФОН"><tbody><tr><td> <font size="4" color="#000000" face="Monotype Corsiva"><b><p align="center"><br /><br />ВАШ ТЕКСТ </p></b><br /> <center><a target="_blank" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#cdbe70">ВАШ НИК</font></b></font></a></center></font></td></tr><br /></tbody></table><center></center></left>

унифицированные формулы рамок для ЛИру,Майла,Яру и ЖЖ

*рамки для mail.ru , li.ru , Яру и ЖЖ по одной формуле* КАК ПОЛУЧИТЬ КОД РАМКИ на ЛИру : 1. формула рамки в 1 СЛОЙ 2. формула рамки в 2 СЛОЯ 3. формула рамки в 3 СЛОЯ 4. формула рамки в 4 СЛОЯ 5. формула рамки в 5 СЛОЁВ 6. формула рамки в 6 СЛОЁВ 7. формула рамки с защищенной фотографией или картинкой формула "ОКОШКА для кода записи или рамки на ЛИру": - <textarea rows="2" cols="60"> ВАШ КОД </textarea> ............ *** ЕЩЕ УРОКИ по ЛИру ЗДЕСЬ !!! рамка ТАНИ,идущей по Судьбе

Серия сообщений "для ЛИру,МАЙЛа,Яру по одной формуле":

Часть 1 - формула рамки в 1 слой для ЛИру,МАЙЛа и Яру
Часть 2 - образец рамки в 1 СЛОЙ для ЛИру,МАЙЛа и Яру
...
Часть 34 - формула 11 слоев,как на лиру,так и на майле
Часть 35 - ПРИМЕРЫ некоторых ВОЗМОЖНОСТЕЙ на liveinternet.ru
Часть 36 - унифицированные формулы рамок для ЛИру,Майла,Яру и ЖЖ
Часть 37 - ЛИРУШКИН ЛИКБЕЗ - с дополнениями

Как сделать рамочку для текста самому.

Очень и очень часто мне в личку приходит один и тот же вопрос – «Как сделать рамочку самому?»

Вот не подходит человеку цвет или ещё что-то, все хотят быть оригинальными. Хочу попробовать на примере рассказать, как это делается. Учитель из меня фиговый так что строго не судите и если останутся вопросы, то пишите.

Перед нами рамочка уже готовая с кодом для вставки:

ВАШ Т Е К С Т

<center><table border="2" background="http://netpla.narod.ru/images/wood-13.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

Это фото кода, Вы его можете просто из флейма скопировать в Word или блокнот, и получите то же самое.



1. Там где обведено красным и стоит цифра 1 это ссылка на цвет окантовки рамки, в данном примере это http://netpla.narod.ru/images/wood-13.jpg поменяете эту ссылку на ссылку на нужную картинку(цвет)

2. Вторая ссылка стоит на фон рамки, она обведена красным и стоит цифра 2 - http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif делаете всё так же как и с окантовкой (меняете ссылку на свою картинку)

3. width="100% - это размер рамочки по отношению к Вашей странице, если хотите, чтоб она занимала не всю площадь поста, в таком случае просто измените количество процентов.


Те кто не хотят возиться с изготовлением можете зайти в раздел - Для оформления блога и взять уже готовые рамочки.

PS: добавила по просьбе. Это коды для изменения цвета текста в Ваших постах.
<font color="red">текст</font> красный текст
<font color="lime">текст</font> зеленый текст
<font color="navy">текст</font> синий текст
<font color="purple">текст</font> фиолетовый текст
<font color="yellow">текст</font> желтый текст
<font color="fuchsia">текст</font> фуксия текст
<font color="maroon">текст</font> коричневый текст
<font color="aqua">текст</font> голубой текст

Сделать картинку или текст по центру
<center>ВАШ ТЕКСТ</center>

Справа и слева загружайте как обычно с указанием направления

Видео урок"Движущаяся рамочка"

Всем добрый день.Сегодня мы будем учиться делать картинку вот с такой рамочкой.

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

Делаем потрясающие рамочки и пишем красивые тексты, не возясь с кодом)))

Готова пищать от восторга, чес. пионерское))) Так все просто и здорово получается)))))))))
Вот эту рамку я наваяла за 5 минут:

Спят усталые игрушки, Книжки спят, Одеяла и подушки Ждут ребят, Даже сказка спать ложится, Чтобы ночью нам присниться, Глазки закрывай, Баю - бай... В сказке можно покататься На Луне, И по радуге промчаться На коне, Со слонёнком подружиться, И поймать перо Жар - птицы, Ты ей пожелай - Баю - бай. Баю - бай, должны все люди Ночью спать, Баю - бай, назавтра будет День опять, За день мы устали очень, Скажем всем - спокойной ночи, Спи - засыпай, Баю - бай. За день мы устали очень, Скажем всем - спокойной ночи, Спи - засыпай, Баю - бай. Inmira

Еще там можно сделать разноцветный текст, или разноцветную разделительную линию. И вообще масса всяких полезностей и забавностей.

Переходим на сайт и знакомимся с его возможностями :-)

УРОК - как работать в РАМОЧНИКЕ.

далее

Как работать в рамочнике. Урок для новичков.

 

Читать далее...

Создание рамочки для текста по шагам.

Главная  Текстокрас  Рамочник  Текстофот  Буквомиксер  Анаграмма  Шифровщик  Молодой Текстокрас  Гостевая Книга  Помощь

Рамочник

Читать далее

Как делать рамки

Если вы хотите научиться делать рамки, то нет ничего проще.

Существует несколько видов кодов, я приведу в пример мой любимый.

<br /> <center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background=" ссылка на картинку "><tbody><tr><td><font face="Courier new" color="код цвета " size=" размер текста " font="font"><b><p align="center"><br /><br /> Ваш текст <br /><br /> </p></b></font></td></tr><br /><br /> </tbody></table> <center><br /> </center> </center>


*center*>- сообщение будет по центру.
*right*>- сообщение будет справа.
*left*>- сообщение будет слева.

style="WIDTH: 600px; HEIGHT: 150px"
WIDTH- ширина в пикселях
HEIGHT- длина в пикселях.

Простые Рамки с Заголовком.

Рамка с картинкой в виде ЗАГОЛОВКА. В рамке Заголовок может быть в виде ТЕКСТА или можно использовать КАРТИНКУ. Пример такой рамочки,как она будет выглядеть.Картинку лучше брать не большую. Чуть ниже я даю код,чтобы вы могли сделать рамку какая вам нужна-САМИ. Копируете его и вставляете к себе в дневник а потом... В коде где написано УРЛ АДРЕС КАРТИНКИ.— Вставляете свою картинку. Через РАДИКАЛ-ФОТО Код берёте под № 1..Вам только нужно будет изменить размеры картинки на свои. width="300"—Ширина картинки. height="100"—Высота картинки. Если с других сайтов или с Лиру,тогда берёте УРЛ АДРЕС КАРТИНКИ,ССЫЛКИ ведущий на оригинал. Вставлять внутрь кавычек,кавычки не трогаете. Находите в коде вот такой тег ...border:3px #FF00FF solid... Здесь можно менять #FF00FF—ЦВЕТ БОРДЮРА 3px—РАЗМЕР БОРДЮРА на свой. Где написано ВАШ ТЕКСТ—Пишите свой текст. Вот и всё ВАША рамочка готова. Пробуйте,экспериментируйте на здоровье. ЗДЕСЬ ЕЩЁ РАМКИ... SvetlanaT

Рамка КАРТИНКА как ФОН.

Пример такой рамочки,как она будет выглядеть. Можно брать любую КАРТИНКУ -jpg или gif-(блестящую). Взять картинку или фон можно ЗДЕСЬ. Внизу я даю КОД "СКЕЛЕТИКА" и вы делаете рамку САМИ. Делаем рамку ,на свой вкус, так: Заходим и выбираем картинку.НАШЛИ—НАЖАЛИ на неё. Дальше внизу В ДРУГОМ РАЗМЕРЕ -выбрали нужный размер картинки. Потом эти размеры поменяете в КОДЕ РАМКИ на свои. ..."WIDTH: 780px;ШИРИНА картинки HEIGHT: 600px"ВЫСОТА... Затем находим надпись—Код для вставки на сайт или в блог. нажали и скопировали где написано— Ссылка на фотографию. В коде "СКЕЛЕТИКА" где написано КАРТИНКА— ФОН. Внутрь кавычек.Кавычки не трогаем.Вставляете эту ССЫЛКУ. Если хотите с компа через Лиру-тогда ОБЗОР... И дальше помотреть можно ЗДЕСЬ. Где написано ВАШ ТЕКСТ— Пишите свой текст. Где написано ССЫЛКА НА ВАШ ДНЕВНИК и ВАШ НИК—Пишите свой НИК. Посмотреть как сделать ССЫЛКУ на ваш дневник и НИК можно ЗДЕСЬ. Вот и всё ВАША рамочка готова. Пробуйте,экспериментируйте на здоровье. SvetlanaT

Код "СКЕЛЕТИКА" к этой рамке. <table style="WIDTH: 780px; HEIGHT: 600px" cellspacing="3" cellpadding="3" align="left" border="1" background="ФОН-КАРТИНКА"><tbody><tr><td><font face="Helvetica" color="000000" size="3"><b><p align="center"><br /></p>ВАШ ТЕКСТ.<br /></b><center><a target="_blank" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#000000">ВАШ НИК</font></b></font></a></center></font></td></tr></tbody></table>

Как сделать простенькую рамочку

Вот такую, например:

Ваш текст Дизайн от Душицы

Это достаточно просто! Просто скопируйте нижеприведенный код:
<center><table border="2" background="ССЫЛКА НА ИЗОБРАЖЕНИЕ" cellpadding="5" cellspacing="5" width="500" height="510"><tbody><tr><td><center><table border="0" cellpadding="3" cellspacing="3" width="400" height="410"><tbody><tr><td><center><table border="1" background="ССЫЛКА НА ИЗОБРАЖЕНИЕ" cellpadding="3" cellspacing="2" width="390" height="400"><tbody><center><tr><td><center><table border="1" background="ССЫЛКА НА ИЗОБРАЖЕНИЕ" cellpadding="5" cellspacing="0" width="300" height="310"><tr><td><table border="0" cellpadding="1" cellspacing="3" width="100%"><tr><td><center><font size="5" color="#КОД ЦВЕТА" face="Times New Roman"><br /> Ваш текст<br /> </font></center></td></tr></table></td></tr></table><a target="_blank" href="ССЫЛКА НА ВАШ БЛОГ"><font color="КОД ЦВЕТА"><font size="1"><b>ТЕКСТ ССЫЛКИ НА ВАШ БЛОГ</b></font></font></a></center></td></tr></center></tbody></table></center></td></tr></tbody></table></center></td></tr></tbody></table></center><br /><br /><br /> <font size="+2"><font color="#КОД ЦВЕТА"></font></font><center></center>
Там, где надпись "Ссылка на изображение", ее надо аккуратненько удалить, не задев закрывающие кавычки, и вместо этой надписи вставить ПРЯМУЮ ссылку на изображение.
Где взять прямую ссылку? Например, загрузив картинку с вашего компьютера на какой-нибудь файлообменник, и взяв там из множества предложенных вариантов именно прямую ссылку - она должна начинаться на http и заканчиваться на jpg (или другое расширение вашего графического файла).
Есть еще один вариант - сделать закрытое сообщение в вашем блоге и загрузить картинку туда. Затем перейти в режим редактирования этого сообщения. Вы увидите целый большой код. Из него надо скопировать только саму ссылку и загрузить в рамочку.
Там, где в рамочке написано "Код цвета", нужно опять-таки аккуратно надпись стереть и вместо нее поставить код нужного вам оттенка. Где его взять? Очень просто - наберите в Яндексе "Таблица цветов" - и появится таблица Яндекса. Щелкаете по нужному оттенку, и справа будут коды. Вам нужен тот, который начинается на #. Копируете и вставляете.
Как вы видите, в этой рамочке предусмотрена ссылка на блог создателя. Соответственно там, где "Текст ссылки на ваш блог" - вставляете текст, например, "Дизайн от того-то", а там, где "Ссылка на ваш блог" - вставляете собственно адрес вашего блога (в виде ссылки на профиль или ленту сообщений).
Также учтите, в этой рамочке я использовала один основной фон - розы, и два прозрачных. Вы можете грузить любые фоны, помните, что первая ссылка на картинку - это основной фон, далее - по порядку, то есть фон сообщения - последний. И еще - все-таки желательно, чтобы фоны были бесшовные.

формулы рамок

2 слоя
<center><table border="2" background="//img0.liveinternet.ru/images/attach/b/3/18/377/18377401_angelbg.jpg" cellpadding="5" cellspacing="0" width="100%"><tr><td><br /><br /> <center><table><tr><td align="center">ВАШ ТЕКСТ<br /><br /> <center><img src="//img-fotki.yandex.ru/get/4304/zomka.6a/0_491e5_54e69cfb_M" border="0" height="6" width="300" /><br /><br /> <center><font face="Сursor" size="2"><font color="#333333"><b><i></i></b></font></font><br /><br /> </center></center></td></tr></table></center></td></tr></table></center>

3слоя
<center><center><table border="2" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" cellpadding="5" cellspacing="0" width="600"><tr><td><table border="2" background="АДРЕС СРЕДНЕГО ФОНА" cellpadding="30" cellspacing="5" width="100%"><tr><td><table border="2" background="АДРЕС ОСНОВНОГО ФОНА" cellpadding="5" cellspacing="0" width="100%"><tr><td><font size="4"><font color="000099">Ваш текст</font></font></td></tr></table></td></tr></table></td></tr></table></center></center>

4 слоя
<center><table border="2" background="АДРЕС ВЕРХНЕГО БЛЕСТЯЩЕГО ФОНА" cellpadding="5" cellspacing="0" width="600"><tr><td><table border="2" background="АДРЕС ЦВЕТНОГО ФОНА" cellpadding="50" cellspacing="0" width="100%"><tr><td><table border="2" background="АДРЕС НИЖНЕГО БЛЕСТЯЩЕГО ФОНА" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="2" background="АДРЕС ОСНОВНОГО ФОНА" cellpadding="0" cellspacing="0" width="100%"><tr><td><font size="4"><font color="000066">Ваш текст</font></font></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

6 слоев
<center><table border="2" background="1 СЛОЙ ЖЕЛТОГО ФОНА" cellpadding="3" cellspacing="5" width="600"><tr><td><table border="2" background="2 СЛОЙ БЕЛОГО ФОНА" cellpadding="3" cellspacing="25" width="100%"><tr><td><table border="2" background="3 СЛОЙ ЖЕЛТОГО ФОНА" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="2" background="4 СЛОЙ БЕЛОГО ФОНА" cellpadding="3" cellspacing="0" width="100%"><tr><td><center><img src="КАРТИНКА ЛЮБАЯ" /></center><table border="2" background="5 СЛОЙ ЖЕЛТОГО ФОНА" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="2" background="6 СЛОЙ БЕЛОГО (ОСНОВНОГО) ФОНА" cellpadding="1" cellspacing="3" width="100%"><tr><td><center><font size="4" color="000000" face="Monotype Corsiva"> ВАШ ТЕКСТ </font></center></td></tr></table></td></tr></table><center><text size="2"><a href="АДРЕС БЛОГА" target="_blank"><text size="2">ВАШ НИК</text></a></text></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

8слоев
<center><table border="2" background="1 СЛОЙ БЛЕСТЯЩЕГО ФОНА" cellpadding="1" cellspacing="2" width="600"><td><table border="0" background="2 СЛОЙ ПРМЕЖУТОЧНОГО ФОНА" cellpadding="10" cellspacing="1" width="100%"><tr> <td><table border="0" background="3 СЛОЙ БЛЕСТЯЩЕГО ФОНА" cellpadding="1" cellspacing="2" width="100%"> <tr><td> <table border="0" background="4СЛОЙ ЦВЕТНОГО ФОНА" cellpadding="50" cellspacing="1" width="100%"> <tr><td> <table border="0" background="5 СЛОЙ БЛЕСТЯЩЕГО ФОНА" cellpadding="1" cellspacing="2" width="600"><tr><td><table border="0" background="6 СЛОЙ ПРОМЕЖУТОЧНОГО ФОНА" cellpadding="10" cellspacing="1" width="100%"><tr><td><table border="0" background="7СЛОЙ БЛЕСТЯЩЕГО ФОНА" cellpadding="1" cellspacing="2" width="100%"> <tr><td> <table border="0" background="8 СЛОЙ ОСНОВНОГО ФОНА" cellpadding="1" cellspacing="2" width="100%"> <tr><td><center> <img src="АДРЕС КАРТИНКИ" /></center><center><font size="5"><font color="000066"> <font face="verdana,arial">ВАШ ТЕКСТ</font></font></font><center> <img src="АДРЕС КАРТИНКИ" /></center>ССЫЛКА НА ВАС </center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></table></center>

с уголками
<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" size="2"><b><div align="center"><text color="005826">ВАШ НИК</text></div></b></font></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 width="100%"></td> <td><img src="ВЕРХНИЙ ПРАВЫЙ УГОЛОК" width="100" /></td> </tr> <tr> <td></td> <td><center><text face="Monotype Corsiva"><text size="5"><text color="FFFFFF"> Здесь будет ваш текст.</text></text></text></center><br /></td><td></td> </tr> <tr> <td><img src="НИЖНИЙ ЛЕВЫЙ УГОЛОК" width="100" /></td> <td></td><td><img src="НИЖНИЙ ПРАВЫЙ УГОЛОК" width="100" /></td></tr> </tr></table></td></tr></table></td></tr></table></td></tr></table></table></td></tr></table></td></tr></table></td></tr></table></td></tr> </table></center>

фон для записи из 3-х слоев
<center><table border="0" background="1СЛОЙ ТОНКИЙ РАДИКА№1" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="0" background="2СЛОЙ ТОНКИЙ РАДИКА№1" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="0" background="3ФОН ТЕКСТА РАМКИ РАДИКА№1" cellpadding="10" cellspacing="0" width="100%"><tr><td><center><block>КАРТИНКА РАДИКА№6<font size="5" color="#ffffff" face="Monotype Corsiva"><br /><br /> Тут будет располагаться ваш текст! </font></block><center><a target="_blank" href="ССЫЛКА на Ваш блог"><font size="2" color="#ffffff" face="Monotype Corsiva">ВАШ НИК или ВАШЕ ИМЯ</font></a></center></center></td></tr></table><center> </center></td></tr></table></td></tr></table></center>

картинка между текста
<p></p><table align="center" border="0"> <br /><br /><br /> <tr> <br /><br /><br /> <td>ВАШ ТЕКСТ</td> <br /><br /><br /> <td><img src="URL адрес КАРТИНКИ" /></td> <br /><br /><br /> <td>ВАШ ТЕКСТ</td> <br /><br /><br /> </tr> <br /><br /><br /> </table><br />

рамочка-фон
<div align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table background="//img-fotki.yandex.ru/get/5303/sasa-aleksandra.1a/0_539be_d9f6cd5e_M.jpg" border="0"><tbody><tr><td width="100%"><table cellspacing="0" cellpadding="0"><tr><td align="center"><font face="Georgia" color="#ffcc66" style="font-size:20px">ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ, КАРТИНКИ ИЛИ ВИДЕО ...<br /><br /><br /> <br /><br /><br /><center><span style="font-size:16px;"><a target="_blank" href="//www.liveinternet.ru/users/4106028/profile/"><font size="1"><font color="#ffcc66">Nella solneshko</font></font></a></span></center></font></td></tr></table></td></tr></tbody></table></font></td></tr></table></div>

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

Автор поста 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="//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="http://blogs.mail.ru/mail/box1958"><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 Код для Мэйл-ру


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

Делаем бесшовный фон.Программа 20/20.

УРОК =ОРИГИНАЛЬНАЯ РАМОЧКА=

Урок. Обводка поста рамочкой

Читать далее...

Урок. Как сделать простую рамочку для текста

По просьбам читателей расскажу, как научиться делать самую простую двухслойную рамочку для текста, состоящую из ободка и основного фона.  Такую же рамочку Вы видите в этом посте.  Вот код-шаблон для такой рамочки, отсюда Вы можете его скопировать и вставить к себе в пост в простом редакторе или нажав на кнопку "источник". <center><table border="2" background="URL АДРЕС ФОНА ОБОДКА " cellpadding="5" cellspacing="5" width="100%"><tr><td><table border="2" background="URL АДРЕС ОСНОВНОГО ФОНА" cellpadding="0" cellspacing="0" width="100%"><tr><td><font size="5"><font color="#000000">Ваш текст</font></font></font></td></tr></table></td></tr></table></center>

Читать далее...