Писец - это замечательный генератор красивых надписей, который полностью на русском языке. Надписи создаются в виде картинок, которые сохраняются на компьютер и добавлены в любую запись в блоге, комментарии, личном сообщении. например

Серия сообщений "Генераторы текста":

Часть 1 - Генератор радужного текста
Часть 2 - Как легко и просто подписать любую картинку анимированным текстом.
...
Часть 5 - Учимся писать блестящим текстом, с добавлением к нему анимации.
Часть 6 - Генератор красивых надписей
Часть 7 - Писец- это замечательный генератор красивых надписей, который полностью на русском языке.
Часть 8 - Сайт ПИШЕМ ГЛИТТЕРАМИ! Делаем надписи, подписываем картинки любого формата.
Часть 9 - Забавный генератор для создания необычного текста. МОЛОДОЙ ТЕКСТОКРАС!
...
Часть 20 - Анимированные алфавиты, шрифты, буквы, цифры ...
Часть 21 - Замечательный сайт с огромным выбором шрифтов ПИШЕМ КРАСИВО
Часть 22 - FlamingText.com - сайт дизайна бесплатных логотипов.

Как сделать кликабельную кнопку.
 

Как сделать кликабельную кнопку

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

Для этого воспользуемся вот такой формулой

А теперь поподробнее. Формула выглядит вот так.

  Здесь надо заменить слова АДРЕС СТРАНИЦЫ, на тот адрес, куда вы хотите попасть с помощью этой кнопки.

Для примера берем сайт мелких анимашек, и делаем на него кнопочку- посылалочку..

Вот адрес этого сайта, http://fantasyflash.ru/index.php?&kontent=anime который я взяла в адресной строке сайта.

  Теперь переносим его на нашу кнопочку.

Стираем слова АДРЕС СТРАНИЦЫ, а вместо этих слов подставляем адрес http://fantasyflash.ru/index.php?&kontent=anime Запись тогда будет выглядеть вот так .

А теперь пишем слова, которые хотим видеть на кнопочке, стерев слова НАЗВАНИЕ КНОПКИ.

Например ИДЕМ СЮДА, или, САЙТ ЗДЕСЬ, вообщем все, что вы хотите.

Я сейчас напишу САЙТ С КАРТИНКАМИ ЗДЕСЬ.

Выглядеть теперь наша запись будет вот так Вот и все.

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

 

 

Таким образом вы можете делать простейшие кнопочки для любых сайтов и блогов, использовав эту формулу.

Можно вместо слов на кнопочку вставить мелкую картинку.

Вот код этой кнопочки.

Вместо слов АДРЕС КАРТИНКИ, вновь подставляем адрес, а в место слов АДРЕС КАРТИНКИ, ставим ее адрес.

Я взяла звездочку, с того же сайта, на который мы и делали кнопочку.

Картинки там мелкие и очень удобные для того что бы делать такие кнопочки.

Адрес картинки берете так- ВСТАЕТЕ МЫШКОЙ НА КАРТИНКУ, ЖМЕТЕ ПРАВУЮ КНОПКУ МЫШИ И ВЫБИРАЕТЕ "КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ" или выбираете свойства, а в них находите адрес картинки и копируете его.

Теперь наша кнопочка выглядит вот так.

 

Можно сделать кнопочку, где будет и картинка и текст.

Вот этот код

Здесь все аналогично, заменяем слова на АДРЕС СТРАНИЧКИ, затем АДРЕС КАРТИНКИ и СЛОВА ДЛЯ КНОПКИ.

Тогда наша кнопочка будет выглядеть вот так

САЙТ ЗДЕСЬ

 

Можно так же такую кнопочку сделать на любом фоне. Вот этот код.

Все аналогично, вместо слов вставляете адреса.

Тогда наша кнопочка будет выглядеть так!

САЙТ С КАРТИНКАМИ ЗДЕСЬ

 

ВНИМАНИЕ, ТЕКСТ НА КНОПОЧКЕ, можете спокойно редактировать- размер шрифта, цвет и прочее. Вот и все.

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

Текст на кнопке -

Картинка на кнопке -

Текст и картинка на кнопке -

Кнопка на фоне -

Кому хочется делать кнопочки покрасивее и посложнее, уже готовые, то посмотрите ВОТ ЗДЕСЬ.

Здесь ссылка на сайт с красивыми кнопочками, и описание как ими пользоваться!

Успехов!

Надеюсь у всех все получится!

Из блога ГАЛИНЫ ШАДРИНОЙ



Cadmii
 

Серия сообщений "Сайтостроение":

Полезные советы. Ссылки. Заработок. Домен. Хостинг.Как выбрать.Коды.

Часть 1 - Как сделать кликабельную кнопку.
Часть 2 - Перевод текста целыми страницами
Часть 3 - Как заполнить мета теги для каждой статьи своего сайта
...
Часть 7 - Самый простой способ перейти на свой домен
Часть 8 - Что сделать, чтобы раскрутить дневник правильно.
Часть 9 - Добро пожаловать в Мир Клипарта

Обводка текста рамочкой
 

Если вас устраивает тот фон который есть у вас на страничке, а пост просто хочется как-то выделить, можно выделить рамкой, а уж какой край будет у рамки выбирайте сами по НАЗВАНИЮ. Копируем код и вставляем к себе в блог в Простом редакторе. Там где написано ВАШ ТЕКСТ - Вставляете свой текст. Ещё в коде можно поменять цвет рамки. Находим вот такой значок,он обозначает цвет#FFFACD и меняем цвет на тот, который подходит вам. Выбираем цвет. (ДАЛЕЕ)   дневник Милолика Покровская

 

Серия сообщений "Изготовление рамочек":

Часть 1 - Урок 5. Делаем вместе рамку с уголками.
Часть 2 - Делаем рамочку с картинками
...
Часть 4 - Делаем 2-х слойную рамочку с применением фона и кода цвета
Часть 5 - ФОРМУЛЫ РАМОЧЕК ПОД РУКОЙ!!!
Часть 6 - Обводка текста рамочкой
Часть 7 - Рамочки с тегом FIELDSET
Часть 8 - Урок по ФШ CS5 - Делаем рамку.
...
Часть 34 - Создание различных рамок в Фотошопе (3 урока)
Часть 35 - 5 Уроков Photoshop. Создание рамочек.
Часть 36 - Уроки Photoshop. Создание различных рамочек.
 

Делаем простую Рамку с двигающимся текстом.
 

Я объясню вам, как можно сделать вот такую рамочку просто как фон к вашему посту.
Причём текст в вашей рамочке будет двигаться.
1. Скопировали код из окошка внизу под рамкой.
2.Вставляете код к себе в дневник в Простом текстовом редакторе.

Картинку перед текстом не ставьте иначе рамка будет глючить.
Сейчас я объясню поподробней обо всех тегах которые есть в этой рамке.
1.Находим в рамке тег: ...style="background:#FFCCFF;...—Это ФОН рамки.
А цифры—его ЦВЕТ. Названия цвета можно выбрать ЗДЕСЬ.
2.Теперь будем задавать
ЦВЕТ,ШИРИНУ И СТИЛЬ БОРДЮРА РАМКИ.
Находим теги,отвечающие за это:
...border-right:#CC00CC 20px solid;....
...border-right:...—Бордюр справа.
...border-top:...—Бордюр вверху.
...border-left:...—Бордюр слева.
...border-bottom:...—Бордюр внизу.
...#CC00CC...—Цвет бордюра—Цифры меняем на нужный вам цвет.
...20px...—Ширина бордюра—Цифры меняем на нужные вам.
...solid...—Стиль бордюра.Так же можно поменять по желанию.
Найти нужный стиль вам можно ЗДЕСЬ.
3.Идём дальше.Находим в коде тег:
...scrollamount="1" ...—По простому это СКОРОСТЬ с которой будет двигаться ваш текст.Чем ЦИФРА БОЛЬШЕ тем скорость быстрее.
4.Находим тег:
...scrolldelay="180"...—Этот атрибут задаёт временной интервал между шагами бегущей строки.
Чем ЦИФРА БОЛЬШЕ тем медленней будет двигаться ваш текст.
5.Теперь главное.
Размеры всей рамки. У меня она...width="600" height="300"...
...width="600"...—Ширина рамки.
...height="300"...—Высота рамки.
Решаете по вашему желания,какую захотите,можно сделать как у меня большую,
а можно и совсем маленькую.

ДОБРО ПОЖАЛОВАТЬ В ГОСТИ!

SvetlanaT
6.Идём дальше.
...font color="000000"...—ЦВЕТ ТЕКСТА.
Меняете цифры нанужный вам цвет.Взять цифровой код (смотим выше).
7.Теперь с какой стороны вы хотите чтобы стоял текст.
Тег:...div align="center"...—Текст по центру.
...left...—Текст слева.
...right...—Текст справа.
Где написано ВАШ ТЕКСТ— Пишите свой текст.
Где написано ССЫЛКА НА ВАШ ДНЕВНИК
и ВАШ НИК—Пишите свой НИК.
Посмотреть как сделать ССЫЛКУ на ваш дневник
и НИК можно ЗДЕСЬ.
Вот и всё ВАША рамочка готова.
Успехов вам в оформлении.

SvetlanaT

КОД РАМКИ.<marquee style="background:#FFCCFF; padding:10px; border-right: #CC00CC 20px solid; border-top:#CC00CC 20px solid; border-left: #CC00CC 20px solid; border-bottom:#CC00CC 20px solid;" scrollamount="1" scrolldelay="180" direction="up" width="180" height="20"><font color="000000"><div align="center">ВАШ ТЕКСТ ПИШЕМ СЮДА</div><br /><center><a target="_blank" data-cke-saved-href="ССЫЛКА НА ВАШ ДНЕВНИК" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#cdbe70">ВАШ НИК</font></b></font></a></center></font></marquee>

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

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

Как вставить ПРОКРУТКУ в пост.
 

Если Вы хотите добавить в свой пост много текста.Есть один вариант как это сделать, чтобы пост не занимал много места и его не нужно было убирать под КАТ.
Например как у меня в данном случае.Нужно просто вставить в пост прокрутку.
Чуть ниже можно скопировать код ПОСТА С ПРОКРУТКОЙ,
который Вы потом будете вставлять в свой пост.
В коде где написано. КОД КАРТИНКИ.
Загружаете картинку через Радикал фото.Код берёте под №1.
Меняете только размеры картинки width="480"-ширина
height="290"-высота
Если вставляете через Лиру тогда вам нужна только та часть кода,
что находится внутри кавычек.

Чтобы поменять РАЗМЕР ПРОКРУТКИ находим вот такой тег
...position: width:99%;height: 218px...
Меняем цифры под ВЫСОТУ вашей картинки,только немного меньше.
У меня высота картинки 290,а высоту прокрутки я сделала 218.
Это нужно для того чтобы прокрутка не вылезала за размеры картинки
или не была меньше её.
Идём дальше.Где написано URL ФОН
можно поставить фон.Внутрь одинарных кавычек.
Кавычки обязательно оставить иначе код может не загрузиться.
Так же через радикал фото код под №1.
Или через Лиру так же как мы вставляли код картинки.
А можно этот фон и неставить.
В моём случае я не стала добавлять Фон для текста.
Но бывает один неприятный нюанс-когда вы загружаете фон
он вставляется как ссылка и если в коде (где вы поставили фон)
у вас появилось [URL ...в начале и в конце .../URL]
вот такой значёк,в квадратных скобках его просто нужно убрать из начала и в конце.
Смотрите внимательно,чтобы кавычки не удалить.
И самое основное.
Где написано ВАШ ТЕКСТ.
Пишите свой текст.
Но ПРОКРУТКА начинает появлятся тогда,когда написано много текста.
Вот и всё удачи вам в оформлении.

Код ПОСТ С ПРОКРУТКОЙ.<img data-cke-saved-src="КОД КАРТИНКИ" src="КОД КАРТИНКИ" width="317" height="218" align="left" /><div style="overflow:auto;scrollbar-arrow-color:pink;scrollbar-base-color: #C71585; position: width:99%;height:218px;background-image:url('URL ФОН');top:5px;text-align:left;text-indent:5pt">ВАШ ТЕКСТ</div> SvetlanaT

УРОКИ-МНОГОСЛОЙНЫЕ РАМКИ С КАРТИНКОЙ И БЕЗ.
 

УРОК =УЧИМСЯ ДЕЛАТЬ 8-МИ СЛОЙНУЮ РАМОЧКУ=
 

ВСЕ МОИ УРОКИ ЗДЕСЬ Сегодня я хочу вам рассказать как делать 8-ми слойную рамочку такого вида: Линеечка или картинка ВАШ ТЕКСТ     Линеечка логотип

КАК В СООБЩЕНИИ СДЕЛАТЬ КРАСИВЫЙ ТЕКСТ
 

ВСЕ МОИ УРОКИ ЗДЕСЬ Сегодня я вам расскажу как можно свое сообщение сделать ярким, красивым и оригинальным. Весь текст, который вы пишите в сообщении, после опубликования, окрашивается тем цветом, который установлен в схеме к вашему дневнику. Если вы хотите текст сделать другого цвета, то нужно применять формулы. Рассмотрим некоторые из них. Формула двухслойной рамки:

СТАВИМ КАРТИНКИ В РЯД
 

ВСЕ МОИ УРОКИ ЗДЕСЬ Сегодня я хочу вам рассказать как ставить картинки в ряд. Вы решили в своем сообщении опубликовать различные картинки(фоны, анимации, смайлики и т.д.), но они небольшого размера и, если их ставить друг под другом, они будут занимать много места и сообщение получится длинным и некрасивым. Как же вам поставить картинки, чтобы они имели вот такой вид:

Делаем рамочку для поста самостоятельно. Урок1.
 

Урок для пчелок.

Ваш блог будет красиво смотреться, если Вы поместите свои записи в разные рамки.
Учимся делать рамки для текста в блоге. Рамка в два слоя, такая, как у меня в данном случае.

Возьмите формулу рамки в два слоя из окошка.

 Формула состоит из тегов. Рассмотрим, что они обозначают.  
1. < center. > - Этим тегом мы выравниваем рамку по центру.
2. < table border ="2" - Число 2 это толщина обводки рамки.
3. background ="АДРЕС ФОНА" - На место "Адрес фона" вписываем ссылку на фон.
Фон заносим через Фоторадикал: http://www.radikal.ru/
Из предложенных в фоторадикале ссылок, для фона возьмите ссылку № 1.
Совет: Не увлекайтесь яркими, тяжелыми фонами, в этом случае Ваш блог будет сложно открыть.
4. cellpadding = "13" и cellpadding = "5" - Ширина слоёв рамки в пикселях.
5. < font color="000000" > - Цвет текста в рамке, цвет текста можно изменить.
6. < tr > - этот тег поддерживает высоту рамки
7. < td > - этот тег поддерживает ширину рамки

Более подробный урок вы найдете здесь!

 Желаю успехов!

Ваша Бархатная_Шляпка.

Урок №12 Учимся делать рамочки

Учимся делать рамочки 12
УРОКИ по созданию рамочек для дневника принадлежат _П_Р_И_Р_О_Д_Н_А_Я_

Теперь будем учиться делать боковую рамочку с прокруткой.
За основу возьму рамочку с прошлого урока,вот эту:

ВАШ ТЕКСТ

СПАСИБО НАТАЛЬЕ ЗА ПОЛЕЗНОСТИ!
 

Как быстро вставить картинки и разделители.

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

 

Может, кто-то не знает

Еще информация для новичков здесь - как сделать, скажем, в комментариях или в сообщении ник какого-нибудь пользователя Лиру ссылкой на его дневник - вот такой Душица.
Это очень просто - нужно открыть квадратную скобку, написать user=и вставить точный ник, который вы хотите сделать ссылкой.
Вот как это выглядит:

От Чайника-Чайнику / разбор рамки 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> ВОТ И ВСЁ, ДЕРЗАЙТЕ. А я хочу сказать большое спасибо Светику.

Простейшая рамка
 

Серия сообщений "Рамочки для текстов и видео.":
Часть 1 - Эти формулы рамочек
Часть 2 - Делаем потрясающие рамочки и пишем красивые тексты, не возясь с кодом
...
Часть 4 - Рамочка с пером
Часть 5 - С девушкой
Часть 6 - Простейшая рамка
Часть 7 - РомантиШная..
Часть 8 - Обрамляем картинку в рамку
...
Часть 25 - Рамочка "Восточные сказки". Спасибо Маришке за помощь.
Часть 26 - Урок "Рамочка сделанная в Фотошопе"
Часть 27 - Рамочка для видео.

Фоны-рамочки для текста.Золотые
 

Иногда вы хотите написать текст на цветном фоне,я выставляю коллекцию различный оттенков.На фон по вашему желанию вы можете поместить не только текст,но и картинки или украсить разделителями,предоставляю всё вашему вкусу и фантазии!Взяв код рамочки и поместив его у себя в дневнике в простой редактор вы увидите ''Ваш текст'',над ним или под ним вы можете вставлять свои картинки и разделители.Советую работать в простом редакторе!Ширину рамочки вы также можете регулировать сами,в коде есть width="600",цифры вы можете сами менять прибавляя или уменьшая,рамочка будет меняться.Цвет шрифта вы можете поменять.В коде есть обозначение color="#......"-вместо поставленых мной точек должен стоять цветовой шестизначный код из цифр и букв,я даю вам ссылку где вы найдете коды цветовой палитры
http://www.ficml.org/jemimap/style/color/wheel.html
копируйте код нужного цвета и вставляйте в color="#здесь будет ваш код цвета"
Желаю всем творческих успехов!

Золотые

Ваш текст

Галерея_Дефне
<center><table background="//i048.radikal.ru/0802/89/3c6381e5c288.jpg"><tr><td width="600"><center><font size="5" color="#331100" face="Monotype Corsiva"><br /> Ваш текст<br /> </font></center></td></tr></table><a target="_blank" data-cke-saved-href="http://www.liveinternet.ru/users/2872037/profile" href="http://www.liveinternet.ru/users/2872037/profile"><font color="#331100"><font size="1"><b>Галерея_Дефне</b></font></font></a></center>

Ваш текст

Галерея_Дефне
<center><table background="//i007.radikal.ru/0712/fb/7d898217e9d5.jpg"><tr><td width="600"><center><font size="5" color="#331100" face="Monotype Corsiva"><br /> Ваш текст<br /> </font></center></td></tr></table><a target="_blank" data-cke-saved-href="http://www.liveinternet.ru/users/2872037/profile" href="http://www.liveinternet.ru/users/2872037/profile"><font color="#331100"><font size="1"><b>Галерея_Дефне</b></font></font></a></center>

Делаем рамочку с картинками
 

ИЗГОТОВЛЕНИЕ РАМОЧКИ. УРОК №8 Ну что ...давно вы не читали моих уроков и не учились новому...То что вы проделываете со своими рамками -похвально...Вижу что я вас многих чему то научила...Умнички..У некоторых даже свой стиль "образовался" И это похвально....потому что узнаваемо))))А сегодня мы поговорим еще о рамочках...Я уже насмотрелась на мигание ...мерцание....блескучести и тому подобное и вот решила вас немного в другое русло "повернуть"..А вдруг вам спокойствие и классика понравится больше чем авангард и анархизм))))Для начала скажу....что при этих формулах не надо искать и подбирать такие разные и многообразные фоны , а надо всего-навсего иметь таблицу цветов под рукой....и формулу =шаблон слоя рамки (как обычно) А все остадльное это ваша фантазия... Итак.....приступим... (смотреть здесь)

Серия сообщений "Изготовление рамочек":

Часть 1 - Урок 5. Делаем вместе рамку с уголками.
Часть 2 - Делаем рамочку с картинками
Часть 3 - Коды для оформления блога
Часть 4 - Делаем 2-х слойную рамочку с применением фона и кода цвета
...
Часть 34 - Создание различных рамок в Фотошопе (3 урока)
Часть 35 - 5 Уроков Photoshop. Создание рамочек.
Часть 36 - Уроки Photoshop. Создание различных рамочек.
 

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

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