МОЙ УРОК. КАК ДЕЛАТЬ РАМКИ В РАМОЧНИКЕ

Суббота, 16 Августа 2014 г. 09:44 + в цитатник

Цитата сообщения Olga_S-M

Прочитать целиком В свой цитатник или сообщество!

МОЙ УРОК. КАК ДЕЛАТЬ РАМКИ В РАМОЧНИКЕ

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

Вот мы и на сайте.
1. Сначала нам нужно обозначить вид рамочки.Выбираем самую простую.По желанию, я объясню в следующем уроке,
как делать двойные и тройные рамочки.
2.Теперь, чтобы далеко не ходить и не путаться,
здесь же выставляем ШИРИНУ и ВЫСОТУ рамки.
Дополнение: Сейчас я делаю высоту рамки-150 px.Так лучше...

3.Немного спускаемся вниз и видим кнопочки.
Они определяют место вашей ссылки в рамке.
Нажимаем кнопочку -СВОЯ ( ПО ЦЕНТРУ, СЛЕВА,СПРАВА)
4.Спускаемся снова ниже и видим вкладку
(Таблицы + атрибут"style")
Нам нужно нажать на вкладки и найти там сайт,
на котором хотим разместить рамочку.
На скрине открыта вкладка на @Mail.ru. т.к. урок я делала до известных всем событий...

Ну, вот... Мы все настройки подготовили для того,
чтобы сделать нашу рамочку.
5.Теперь нам нужно взять адрес фона.
Я покажу вам,как я это делаю.Беру из своего блога,а вы как пожелаете.Итак... приступим...
Сворачиваем Рамочник в трей, а попросту - переходим на другую вкладку и идём в блог за фоном. Берём фон для записи (текста) Для этого нажимаем правой кнопкой мышки на фон и в выпавшем меню
- КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ.
6.Переходим на вкладку Рамочника и вставляем фон в ячейку.
Совет: ставьте значение на 1px,
тогда не будет расстояния между картинкой и рамочкой.
Там, где серенький квадратик, нажимаем! Откроется окно для вставки ссылки на фон,которую вы взяли из блога.
Вставляем ссылку и жмякаем- ДОБРО!

7.Затем нужно взять ссылку в блоге на обводку.
Открываем вкладку блога и берём ссылку на обводку.
Как брать ссылку, написано выше.

8.А сейчас нам нужно вставить обводку.
Чередуем через один раз окошечки для вставки фона.
Вообще, это зависит от вашей фантазии.
Сделаете эту простую рамочку, а потом будете варьировать,
как душе и фантазии угодно...
Нажимаем на окошечко для фона выше, уже заполненного розовым.Откроется снова окно для ссылки фона, но нам нужно там стереть предыдущий фон. Стерев, вставляем фон для обводки. Такую манипуляцию проделываем несколько раз, но уже не стирая фон. Мы будем делать несколько одинаковых обводок. Размер ставим - 2px.

9.Вот что у нас получилось...

10.Теперь будем вставлять фон - украшение нашей рамочки.
Возвращаемся в блог. Берём ССЫЛКУ НА ИЗОБРАЖЕНИЕ.

11.Уже имея такую составляющую рамочки на курсоре,
возвращаемся обратно.Нажимаем снова на квадратик для вставки фона.
Стираем предыдущий фон в открывшемся окне. Ширину ставьте 45 px.

12.Видите незаполненные окошечки?
Туда мы ставим тот же розовый фон,
который ставили в первый раз.
В дальнейшем вы сами придумывайте, фантазируйте,
но я не люблю многослойные рамочки! Делаю так...
Снова возвращаемся в блог за фоном.

13.Повторяюсь: стираем ссылку в открывшемся окне
и внедряем туда новую ссылку.Размер задаём 2 px.
Рамочка получится нежная и без нагромождений.

14.Рамочка готова.
Осталось задать шрифт, цвет, размер и толщину шрифта.

15.Нажимаем кнопку ПРАВИТЬ. После нажатия этой кнопки,
у вас исчезнут все ячейки рамочки.
Но не пугайтесь! Всё вернётся на круги своя...

16.Редактируем свою подпись.

17.Возвращаем всё на прежнее место.
У нас же исчезли ячейки.
Поднимаемся вверх и хлопаем по окошку рамки.

Вот, такая простенькая рамка у нас с вами получилась.
Имея навык,её можно сделать за 5-7 минут.;-)

Содержимое рамки-1

Ваша подпись

18.Теперь копируем код рамочки и переносим в редактор блога.

19.Это скрин для Майла,но разницы нет.
Там где-СОДЕРЖИМОЕ РАМКИ-вставляйте код из Рамочника,
а там,где-ВАША ПОДПИСЬ-вставляйте свою ссылку.
Я пользуюсь пока простым редактором...

А это вам бонус!;-) Набор для такой рамочки.

Урок ПОШАГОВЫЙ... Возможно, покажется очень длинным.
Много букв, много скринов... Делала по ходу "делания":-)рамочки...
У РАМОЧНИКА много возможностей,но эта инструкция для простых рамок.
В дальнейшем я подготовлю урок,как делать двойные и тройные рамочки.
Урок сделан в тройной рамке.
Очень хочу надеяться, что всё понятно написано...
Успехов в вашем творчестве и всего доброго!

Урок подготовила Olga S-M

Серия сообщений "Рамки для текста":
Часть 1 - рамки для mail.ru , li.ru , Яру и ЖЖ по одной формуле
Часть 2 - Дорогие мои и любимые друзья, поздравляю вас с Новым годом!
...
Часть 17 - Весна, похожая на осень...
Часть 18 - Моя осенняя любовь
Часть 19 - МОЙ УРОК. КАК ДЕЛАТЬ РАМКИ В РАМОЧНИКЕ
Часть 20 - Рамка для текста простая сиреневая
Часть 21 - Рамка для текста чёрная с зелёными листьями (с музыкой)
...
Часть 25 - Рамка"Рецепты"
Часть 26 - Рамка бордовая "В сетях"
Часть 27 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА

Серия сообщений "Уроки":
Часть 1 - Урок из Мэйла, от Илоны "Мерцающая сетка" (Фоны)
Часть 2 - Набираем на клавиатуре символы, которых нет
...
Часть 20 - КАК ИЗБАВИТЬСЯ ОТ ОДНОТОННОГО ЗАДНЕГО ФОНА НА КАРТИНКЕ
Часть 21 - Тайна странных обозначений на клавишах ноутбука раскрыта!
Часть 22 - МОЙ УРОК. КАК ДЕЛАТЬ РАМКИ В РАМОЧНИКЕ
Часть 23 - Делаем дизайн для ЖЖ
Часть 24 - картинку вставить в ЛИРУ в ПРОСТОМ редакторе
...
Часть 31 - Igumnova_Ylia. Музыкальный коллаж + Урок
Часть 32 - Делаем рамочку в Онлайн фото редакторе - Free Online-Image-Editor
Часть 33 - Как спасти данные на компьютере, если windows не включается