-Рубрики

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Дешевые авиабилеты Дешевые авиабилетыВыгодные цены, удобный поиск, без комиссии, 24 часа. Бронируй сейчас – плати потом!
  • Перейти к приложению Скачать музыку с LiveInternet.ru Скачать музыку с LiveInternet.ruПростая скачивалка песен по заданным урлам
  • Перейти к приложению Photoshop online Photoshop onlineДля того чтоб отредактировать картинку совсем не обязательно иметь фотошоп на комьпьютере. Это можно сделать с помощью приложения online photoshop =)

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

Поиск сообщений в Астраханочка_51

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 02.10.2013
Записей:
Комментариев:
Написано: 87361

Комментарии (0)

~Альтернатива фотошопу~ 6-и слойная рамка с декором

Дневник

Воскресенье, 22 Декабря 2013 г. 22:57 + в цитатник

~Альтернатива фотошопу~
6-и слойная рамка с декором


Многим блогерам нравится оформлять свои записи
в красивые рамочки сделанные в фотошопе, но не все
умеют эти самые рамочки делать. Я предлагаю,
альтернативу фотошоповским рамкам.
Делать их, куда проще, а смотрятся не хуже, к тому - же
обладают, по сравнению с фотошоповскими, достоинством:
растягиваются настолько, насколько вам нужно.
Как - же их делать?

Для изготовления рамки нам потребуется:
1) шаблон - формула рамки (код скопируй ниже из окошка
для кода):

2) фоны (к примеру эти):

Вы, конечно, заметили, что фонов только четыре, а наша
рамочка состоит из шести. Всё просто - золотой и оранжевый
фоны, мы будем использовать дважды.
3) декор вверху и внизу рамки:

4) декор внутри рамки:

Все составляющие рамки копируем себе на компьютер.
( П.К. мыши - сохранить изображение как...)
Итак, приступим...
Добавляем код рамки в новую запись в формате HTML
Давайте рассмотрим, код нашей рамки

Та часть кода, которая не выделена голубым цветом, это картинка,
которая будет украшать верх нашей рамочки. Что-бы она встала
красиво, всё, что выделено голубым опускаем вниз. Чем ниже
мы опустим эту часть кода, тем выше будет картинка.
У меня получилось вот так:

Разными цветами я отметила те значения которые можно менять
по своему усмотрению.
1) Красным - ширина изображения верхней и нижней картинки.
Размер картинки будет указан на радикале, когда изображение
будет загружено.
Ширина моей картинки - 300 пик.

но в общем - то, тут можно проставлять "от фонаря", попробуйте
поменять на 500 и посмотрите как будет меняться картинка.
2) Зелёным - ширина бордюра рамки.
В обычных рамках он, как правило, серого цвета, если проставить "0",
то этого бордюра совсем не будет.
3) Синим - цвет бордюра.
Я выставила коричневый цвет т.к. он наиболее
подходит к этим фонам.
4) Жёлтым - ширина слоёв рамки.
Будте внимательны!
( Фоны (ссылка радика №1) ), вставляются между круглых скобок,
вместо моих слов.
Ну вот, идём на радикал, загружаем все элементы нашей рамочки
и вставляем их в шаблон формулу. Я сделала.
Вот, что у меня получилось.

Этот урок размещён в рамочке которую сделала ~Амазона Анна~



~Ксения flottant~

для сообщества:






Рубрики:  Уроки/работа с рамочками

Метки:  

 Страницы: [1]