РАМОЧНИК - урок от OLGA_S-M

Воскресенье, 15 Февраля 2015 г. 22:09 + в цитатник

Цитата сообщения 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

Рубрики:

Урок от OLGA S-M (рамочник)

Метки: уроки рамки

<a href="https://www.liveinternet.ru/users/nataldin/post353609080/">Р РђРњРћР§РќРРљ - СѓСЂРѕРє РѕС‚ OLGA_S-M</a><br/>РњРћР™ РЈР РћРљ. РљРђРљ Р”Р•Р›РђРўР¬ Р РђРњРљР Р’ Р РђРњРћР§РќРРљР•

РњРЅРѕРіРёРµ РґРµР»Р°СЋС‚ СЂР°РјРѕС‡РєРё РїРѕ С„РѕСЂРјСѓР»Р°Рј
 Рё СЃРѕРІРµСЂС€РµРЅРЅРѕ РЅРµ РїСЂРµРґСЃС‚Р°РІР»СЏСЋС‚,РЅР°СЃРєРѕР»СЊРєРѕ РІ Р РђРњРћР§РќРРљР• 
Р±РѕР»СЊС€Рµ РІРѕР·РјРѕР¶РЅРѕСЃС‚РµР№ РїРѕ СЃРѕР·РґР°РЅРёСЋ РєСЂР°СЃРёРІС‹С… СЂР°РјРѕРє.
РЈСЂРѕРєРѕРІ РїРѕ Р Р°РјРѕС‡РЅРёРєСѓ РјРЅРѕРіРѕ, 
РЅРѕ СЏ СЂРµС€РёР»Р° СЃРґРµР»Р°С‚СЊ СЃРІРѕР№ СѓСЂРѕРє...
Р—Р°СЂР°РЅРµРµ РїСЂРµРґСѓРїСЂРµР¶РґР°СЋ, С‡С‚Рѕ Р РђР”РРљРђР›РћРњ СЏ РЅРµ РїРѕР»СЊР·РѕРІР°Р»Р°СЃСЊ Рё РЅРµ РїРѕР»СЊР·СѓСЋСЃСЊ.
РЎ СЌС‚РёРј "Р±Р°РЅРґРёС‚РѕРј" РЅРµ С…РѕС‡Сѓ РёРјРµС‚СЊ РЅРёС‡РµРіРѕ РѕР±С‰РµРіРѕ.
Р—Р°С‚Рѕ РќРРљРћР“Р”Рђ Рё РќРР§Р•Р“Рћ РЅРµ РїСЂРѕРїР°РґР°Р»Рѕ РёР· Р±Р»РѕРіР°!!!
РҐСЂР°РЅСЋ С„РѕРЅС‹ РІ РєРѕРјРїРµ,Р±Р»РѕРіРµ(РґРЅРµРІРЅРёРєРµ),Р»РёР±Рѕ РЅР° РЇРЅРґРµРєСЃРµ.
РЈСЂРѕРє Р±СѓРґРµС‚ РѕС‡РµРЅСЊ РґР»РёРЅРЅС‹Р№ Рё РїРѕРґСЂРѕР±РЅС‹Р№.
 РќРѕ Р·Р°С‚Рѕ СЂР°СЃРїРёС€Сѓ СЃРІРѕРё РґРµР№СЃС‚РІРёСЏ РїРѕСЌС‚Р°РїРЅРѕ... 
Р Р±РµР· РІСЃСЏРєРёС… Р·Р°СѓРјРЅС‹С… СЃР»РѕРІ. Р’СЃС‘ Р±СѓРґРµС‚ РґРѕС…РѕРґС‡РёРІРѕ.
РљР»... <a href="https://www.liveinternet.ru/users/nataldin/post353609080/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Приложения

-Цитатник

-Рубрики

-Музыка

-Всегда под рукой

-Поиск по дневнику

-Подписка по e-mail

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

РАМОЧНИК - урок от OLGA_S-M