Многие делают рамочки по формулам и совершенно не представляют,насколько в РАМОЧНИКЕ больше возможностей по созданию красивых рамок. Уроков по Рамочнику много, но я нашла более подробный. Автор урока OLGA S-M Заранее предупреждаю, что РАДИКАЛОМ лучше не пользоваться, а хранить фоны в компе, блоге, либо на Яндексе. Урок будет очень длинный и подробный. Но зато расписаны все действия поэтапно....всё будет доходчиво. Вот, такая простенькая рамочка у нас с вами должна получиться за 5-7 мин.
|
Кликаем на Рамочник
1. Сначала нам нужно обозначить вид рамочки.Выбираем самую простую.
По желанию, я объясню в следующем уроке, как делать двойные и тройные рамочки.
2.Теперь, чтобы далеко не ходить и не путаться, здесь же выставляем ШИРИНУ и ВЫСОТУ рамки.
Дополнение: Сейчас я делаю высоту рамки-150 px. Так лучше... 
[600x245]
3.Немного спускаемся вниз и видим кнопочки. Они определяют место вашей ссылки в рамке. Нажимаем кнопочку -СВОЯ ( ПО ЦЕНТРУ, СЛЕВА,СПРАВА)
4.Спускаемся снова ниже и видим вкладку (Таблицы + атрибут"style") Нам нужно нажать на вкладки и найти там сайт, на котором хотим разместить рамочку. На скрине открыта вкладка на @Mail.ru. т.к. урок я делала до известных всем событий... 
[515x143]
Ну, вот... Мы все настройки подготовили для того, чтобы сделать нашу рамочку. 5.Теперь нам нужно взять адрес фона. Я покажу вам,как я это делаю. Беру адрес из своего блога,а вы как пожелаете. Итак... приступим... Сворачиваем Рамочник в трей, а попросту - переходим на другую вкладку и идём в блог за фоном. Берём фон для записи (текста) Для этого нажимаем правой кнопкой мышки на фон и в выпавшем меню - КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ.
6.Переходим на вкладку Рамочника и вставляем фон в ячейку. Совет: ставьте значение на 1px, тогда не будет расстояния между картинкой и рамочкой. Там, где серенький квадратик, нажимаем! Откроется окно для вставки ссылки на фон,которую вы взяли из блога. Вставляем ссылку и жмякаем- ДОБРО!
7.Затем нужно взять ссылку в блоге на обводку. Открываем вкладку блога и берём ссылку на обводку. Как брать ссылку, написано выше. 
[453x143]
8.А сейчас нам нужно вставить обводку. Чередуем через один раз окошечки для вставки фона. Вообще, это зависит от вашей фантазии. Сделаете эту простую рамочку, а потом будете варьировать, как душе и фантазии угодно... Нажимаем на окошечко для фона выше, уже заполненного розовым.Откроется снова окно для ссылки фона, но нам нужно там стереть предыдущий фон. Стерев, вставляем фон для обводки. Такую манипуляцию проделываем несколько раз, но уже не стирая фон. Мы будем делать несколько одинаковых обводок. Размер ставим - 2px.
9.Вот что у нас получилось...
10.Теперь будем вставлять фон - украшение нашей рамочки. Возвращаемся в блог. Берём ССЫЛКУ НА ИЗОБРАЖЕНИЕ. 
[453x138]
11.Уже имея такую составляющую рамочки на курсоре, возвращаемся обратно.Нажимаем снова на квадратик для вставки фона. Стираем предыдущий фон в открывшемся окне. Ширину ставьте 45 px. 
[600x219]
12.Видите незаполненные окошечки? Туда мы ставим тот же розовый фон, который ставили в первый раз. В дальнейшем вы сами придумывайте, фантазируйте, но я не люблю многослойные рамочки! Делаю так... Снова возвращаемся в блог за фоном. 
[451x145]
13.Повторяюсь: стираем ссылку в открывшемся окне и внедряем туда новую ссылку.Размер задаём 2 px. Рамочка получится нежная и без нагромождений.
14.Рамочка готова. Осталось задать шрифт, цвет, размер и толщину шрифта. 
[600x66]
15.Нажимаем кнопку ПРАВИТЬ. После нажатия этой кнопки, у вас исчезнут все ячейки рамочки. Но не пугайтесь! Всё вернётся на круги своя...
16.Редактируем свою подпись
17.Возвращаем всё на прежнее место. У нас же исчезли ячейки. Поднимаемся вверх и хлопаем по окошку рамки. 
[600x229]
18.Теперь копируем код рамочки и переносим в редактор блога. 
[515x105]
19.Это скрин для Майла,но разницы нет. Там где-СОДЕРЖИМОЕ РАМКИ-вставляйте код из Рамочника, а там,где-ВАША ПОДПИСЬ-вставляйте свою ссылку. Я пользуюсь пока простым редактором... 
[600x341]
А это Вам бонус! Набор для такой рамочки.
