Очень простое создание рамочек для тем - урок
 

Рамочки для текста создаются, как известно, двумя способами:

1. При помощи тега table (табличная верстка). При этом способе получаются довольно сложные (по строению и коду) рамочки, могут растягиваться в ширину и длину. Их можно изготовить а Рамочнике. Но он мне абсолютно не понравился - слишком заумный и нагроможденный

2. А вот при помощи этого сайта можно создавать рамочки легко и просто. При этом используется тег div. Рамочку для этой темы я сделала именно там. Очень понравился сайт - не надо заморачиваться с прописыванием тегов и т.д. Огромная благодарность Алексею создателю сайта. Это конечно не скромно, но напишу :) Когда набрела на его сайт он еще не работал для наших блогов, то есть для блогов на mail.ru. Молчать не стала, написала письмо "Всё классно, мэйловцы ждут, делай" )) И вот оно Новогоднее чудо - заходит, создаем, украшаем наши темы :) Кстати доделаю тему и надо не забыть написать ему благодарственное письмо.

Теперь к делу.
Как же пользоваться сайтом?



1. Идем на сайт

На днях введена Регистрация.
Она дает бонусные баллы и можно пользоваться многочисленными фонами.

Зарегистрироваться ...

2. Выставляем ширину будущей рамочки



3. Для того чтобы сделать обводку щелкаем мышкой по нужной границе на схеме рамочки



а затем в меню нажимаем на кнопку



и выставляем толщину, вид и цвет.

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



определяем ее толщину в пикселях, цвет или фон
вставляем адрес на фоновое изображение
(прямую ссылку на картинку берем на радикале)
в окошко



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



После чего в этой вкладке выбирайте кнопку текст



и в окошке для текста пишите свою запись.
Доступны функции форматирования и выбора цвета текста.



5. Рамочка готова!
Остается выбрать код html для вставки в блог



6. Для того чтобы рамочка находилась в теме по центру перед кодом пишем



а в самом конце всего кода темы



От души и с любовью ваша Юля Линд.
Творческих успехов, Друзья!


P.S. Обратите внимание на метку в этой теме,
если потеряете урок он всегда будет в моих метках в левом верхнем углу блога под аватаром именно под этой меткой рамочки-рисуем

СОКРОВИЩНИЦА ФОНОВ ДЛЯ РАБОТЫ С РАМОЧКАМИ!
 

Сокровищница фонов для рамочек от OLESI-SAF Сокровищница анимированных фонов, глиттеров, линеечек для рамочек .

Виртуальные подарки и поздравления на 8 марта.
 

До 8 марта осталось совсем чуть-чуть, для тех кто хочет поздравить своих виртуальных подруг собрала в один пост всё что может пригодится.)

Для слепых котят и опытных блогеров. Полный справочник по ЛиРу

Для ведения блога. Полный справочник по ЛиРу

Если нам что-то непонятно на Лиру, то мы обращаемся к Valez или пишем в службу технической поддержки Контакты Li.ru (найдете в самом низу вашей странички). Кстати, не бойтесь обращаться к ним по сложным вопросам, хотя с ерундой беспокоить не стоит. Удивляюсь, на ЛиРу несколько миллионов пользователей, а они умудряются отвечать (на мои обращения, например, всегда отвечали).

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


Думаю, что такой справочник полезен не только слепым котятам, но и опытным блогерам. Пусть будет под рукой.
zerno-Ros
Если интересно, становись постоянным читателем, а для этого нажимай на картинку Я буду очень рад!
Полный справочник по ЛиРу для слепых котят и не только

• Глава 1. Цвет фона
• Глава 2. Картинка фона
• Глава 3. Цвет текста и рамок
• Глава 4. Параметры шрифтов
• Глава 5. Управление схемами оформления

Коды для оформления блога Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи: Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки - 3 картинки - 4 картинки - 5 картинок - 6 картинок - Кнопки в записи: Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Номера страниц в блоге - Рамка с картинками по углам - Таблица -

Серия сообщений "ВСЕГДА ПОД РУКОЙ":

Часть 1 - Часики для вашего блога(очень много)
Часть 2 - Рамка зимняя
...
Часть 98 - Японские часики с датой и календарем
Часть 99 - Японские часики - подборка2
Часть 100 - Коллекция японских часиков- животные!

Фоны-глиттера.
 

Всем привет! Для любителей анимации и блеска предлагаю Фоны-глиттера.

Полезности для блога
 

Написать свое имя египетскими иероглифами

Сделай свой собственный смайл

Сделать блестяшку из картинок

Онлайн фотошоп

 Романтическая линеечка

Нарисуй открытку 

Сделать блестящий текст

Нарисуй картину сам!!!

Сделать блестяшку из картинок

Надписи на машинах 

Генератор фотографий

 Напиши свое имя на любом предмете

 Сделай анимацию со своим именем!

Надписи  в картинке

Сайт с картинками

 Всякие глиттеры

Твоё фото на улицах города

Серия сообщений "Интересные ссылки":
Часть 1 - прикольная онлайн игрушка
Часть 2 - Китайская монета счастья
...
Часть 82 - Прикольная флешка
Часть 83 - Программа для просмотра погоды влюбом городе мира
Часть 84 - Полезности для блога
Часть 85 - Вы еще не были в Париже? Тогда мы идем к Вам! )
Часть 86 - Приметы по дням недели

Очень многие обращаются ко мне с просьбой, где можно подписать фотографию или картинку, сделать ее авторской. Для этого, я пользуюсь вот этим сайтом. Читать далее Из блога ГАЛИНЫ ШАДРИНОЙ

Серия сообщений "Все для дневника":

Часть 1 - Полезные линки про фотошоп
Часть 2 - Оформление дневника.
...
Часть 98 - Надписи "Спасибо"+код
Часть 99 - Выпадающая бродилочка.Урок
Часть 100 - Как вставить фото в готовую рамочку формата PNG

Серия сообщений "фотошоп, уроки, инструменты":

Часть 1 - Полезные линки про фотошоп
Часть 2 - Кисти Photoshop
...
Часть 32 - С помощью плагина Attacks можно легко и просто оформить ваши работы различными рамочками
Часть 33 - Программа для цветокоррекции изображений
Часть 34 - ФОТОРЕДАКТОР
Часть 35 - ФОТОШОП .ОЧЕНЬ МНОГО УРОКОВ

Все коды цвета для текстов.
 

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

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

<font color="#000080">ваш текст</font>