ОЧЕНЬ ПРОСТОЕ СОЗДАНИЕ РАМОЧЕК ДЛЯ ТЕМ - УРОК
05-11-2013 14:49
к комментариям - к полной версии
- понравилось!
Это цитата сообщения Anjo0207 Оригинальное сообщение
Очень простое создание рамочек для тем - урок
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения Anjo0207 Оригинальное сообщение
Очень простое создание рамочек для тем - урок
Рамочки для текста создаются, как известно, двумя способами:
1. При помощи тега table (табличная верстка). При этом способе получаются довольно сложные (по строению и коду) рамочки, могут растягиваться в ширину и длину. Их можно изготовить а Рамочнике. Но он мне абсолютно не понравился - слишком заумный и нагроможденный
2. А вот при помощи этого сайта можно создавать рамочки легко и просто. При этом используется тег div. Рамочку для этой темы я сделала именно там. Очень понравился сайт - не надо заморачиваться с прописыванием тегов и т.д. Огромная благодарность Алексею создателю сайта. Это конечно не скромно, но напишу :) Когда набрела на его сайт он еще не работал для наших блогов, то есть для блогов на mail.ru. Молчать не стала, написала письмо "Всё классно, мэйловцы ждут, делай" )) И вот оно Новогоднее чудо - заходит, создаем, украшаем наши темы :) Кстати доделаю тему и надо не забыть написать ему благодарственное письмо.
Теперь к делу.
Как же пользоваться сайтом?
[400x124]
1. Идем на сайт
На днях введена Регистрация.
Она дает бонусные баллы и можно пользоваться многочисленными фонами.
Зарегистрироваться ...
2. Выставляем ширину будущей рамочки
[303x30]
3. Для того чтобы сделать обводку щелкаем мышкой по нужной границе на схеме рамочки
[244x111]
а затем в меню нажимаем на кнопку
и выставляем толщину, вид и цвет.
Также выбираем параметры для ячейки
выбираем при помощи мышки нужную ячейку на схеме, затем нажимаем на кнопку
определяем ее толщину в пикселях, цвет или фон
вставляем адрес на фоновое изображение
(прямую ссылку на картинку берем на радикале)
в окошко
[163x210]
4. Внутренний слой рамочки обычно содержит текст. Для того чтобы его написать делайте внутренний слой активным, выбирайте цвет ячейки из палитры:
После чего в этой вкладке выбирайте кнопку текст
[122x244]
и в окошке для текста пишите свою запись.
Доступны функции форматирования и выбора цвета текста.
[244x77]
5. Рамочка готова!
Остается выбрать код html для вставки в блог
[150x573]
6. Для того чтобы рамочка находилась в теме по центру перед кодом пишем
[257x151]
а в самом конце всего кода темы
[455x155]
От души и с любовью ваша Юля Линд.
Творческих успехов, Друзья!
P.S. Обратите внимание на метку в этой теме,
если потеряете урок он всегда будет в моих метках в левом верхнем углу блога под аватаром именно под этой меткой рамочки-рисуем
1. При помощи тега table (табличная верстка). При этом способе получаются довольно сложные (по строению и коду) рамочки, могут растягиваться в ширину и длину. Их можно изготовить а Рамочнике. Но он мне абсолютно не понравился - слишком заумный и нагроможденный
2. А вот при помощи этого сайта можно создавать рамочки легко и просто. При этом используется тег div. Рамочку для этой темы я сделала именно там. Очень понравился сайт - не надо заморачиваться с прописыванием тегов и т.д. Огромная благодарность Алексею создателю сайта. Это конечно не скромно, но напишу :) Когда набрела на его сайт он еще не работал для наших блогов, то есть для блогов на mail.ru. Молчать не стала, написала письмо "Всё классно, мэйловцы ждут, делай" )) И вот оно Новогоднее чудо - заходит, создаем, украшаем наши темы :) Кстати доделаю тему и надо не забыть написать ему благодарственное письмо.
Теперь к делу.
Как же пользоваться сайтом?
[400x124] 1. Идем на сайт
На днях введена Регистрация.
Она дает бонусные баллы и можно пользоваться многочисленными фонами.
Зарегистрироваться ...
2. Выставляем ширину будущей рамочки
[303x30] 3. Для того чтобы сделать обводку щелкаем мышкой по нужной границе на схеме рамочки
[244x111] а затем в меню нажимаем на кнопку
и выставляем толщину, вид и цвет.
Также выбираем параметры для ячейки
выбираем при помощи мышки нужную ячейку на схеме, затем нажимаем на кнопку
определяем ее толщину в пикселях, цвет или фон
вставляем адрес на фоновое изображение
(прямую ссылку на картинку берем на радикале)
в окошко
[163x210] 4. Внутренний слой рамочки обычно содержит текст. Для того чтобы его написать делайте внутренний слой активным, выбирайте цвет ячейки из палитры:
После чего в этой вкладке выбирайте кнопку текст
[122x244] и в окошке для текста пишите свою запись.
Доступны функции форматирования и выбора цвета текста.
[244x77] 5. Рамочка готова!
Остается выбрать код html для вставки в блог
[150x573] 6. Для того чтобы рамочка находилась в теме по центру перед кодом пишем
[257x151] а в самом конце всего кода темы
[455x155] От души и с любовью ваша Юля Линд.
Творческих успехов, Друзья!
P.S. Обратите внимание на метку в этой теме,
если потеряете урок он всегда будет в моих метках в левом верхнем углу блога под аватаром именно под этой меткой рамочки-рисуем
Вы сейчас не можете прокомментировать это сообщение.
Дневник ОЧЕНЬ ПРОСТОЕ СОЗДАНИЕ РАМОЧЕК ДЛЯ ТЕМ - УРОК | larisa_420 - photoshopiya |
Лента друзей larisa_420
/ Полная версия
Добавить в друзья
Страницы:
раньше»