Ярлыки

Поиск по этому блогу

вторник, 1 ноября 2016 г.

Рамка с круглыми углами. Без фотошопа!Егорова_Таня

РАМКИ С КРУГЛЫМИ УГЛАМИ
А здесь урок по таким же рамкам, но объемным (с тенями и разными углами) Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью html-кода, как обычные рамки с прямыми углами. Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.
[more]
ИТАК. Вот эти 2 заготовки ниже можно использовать в любых вариантах. Их можно использовать как самостоятельную рамку, а можно вставлять в прямоугольные рамки или в такие же рамки с закругленными углами, или в такие круглые рамки вставлять прямоугольные. Короче все зависит от вашей фантазии. Заготовка 1
Здесь будет Ваш текст
Егорова Татьяна
[size=2] Код готовой рамки-заготовки Код "скелетика" рамки-заготовки [/size] Заготовка 2
Здесь будет Ваш текст
Егорова Татьяна
[size=2] Код готовой рамки-заготовки Код "скелетика" рамки-заготовки [/size] Кому понравились готовые рамки, можете взять их коды из окошка "Код готовой рамки". Те, кто давно делает рамки легко разберутся. Для новичков расскажу подробнее. Копируем код из окошка " Код "скелетика" рамки". Вставляем в свою новую запись. Мы видим вот такой, примерно, код. 1 (700x331, 232Kb) Если добавить этот код в дневник, то кроме слов "Здесь будет Ваш текст" и "ВАША ПОДПИСЬ" вы больше НИ-ЧЕ-ГО не увидите. В код надо вставить свои изображения и параметры, чтобы стало видно рамку. Смотрите на скрине ниже ЧТО отражают в рамке слова ОБВОДКА, ФОН 1, ФОН 2, РАЗМЕР УГЛОВ. Вместо ОБВОДКА, ФОН 1, ФОН 2 вставляем URL своих изображений-фонов. Вместо РАЗМЕР УГЛОВ ставим цифру от 20 до 180. Меньше 20 закругление будет плохо видно. В моих рамках стоит 80. Заменяете мои слова ЦВЕТ ШРИФТА на код нужного цвета, вместо РАЗМЕР ШРИФТА ставите нужную цифру. У меня стоит 20. Вместо АДРЕС ВАШЕГО БЛОГА вставляете ссылку на ваш блог, вместо ВАША ПОДПИСЬ вписываете свой ник или имя-фамилию. 2 (700x215, 129Kb) Вы можете изменять, выделенные красным, значения на большие или меньшие для видоизменения рамки. 3 (700x220, 169Kb) Добавляете вместо слов "Здесь будет Ваш текст" свой текст, видео, аудио, флеш, картинки - всё что захотите. Сохраняете.
Всё! Примеры рамок.
Рамка 1
Здесь будет Ваш текст

Здесь будет Ваш текст
Егорова Татьяна
[size=2] Код готовой рамки Код "скелетика" рамки [/size] Рамка 2
Здесь будет Ваш текст
Егорова Татьяна
[size=2] Код готовой рамки Код "скелетика" рамки [/size] Рамка 3
Здесь будет Ваш текст
Егорова Татьяна
[size=2] Код готовой рамки Код "скелетика" рамки [/size] Рамка 4
Здесь будет Ваш текст

Здесь будет Ваш текст

Здесь будет Ваш текст
Егорова Татьяна
[size=2] Код готовой рамки Код "скелетика" рамки [/size] Рамка 5
[/more]
Вот такая рамочка получилась у меня после добавления картинок. Думаю их код можно усовершенствовать, а варианты рамок разнообразить. Испытала только на Лиру. Для Яру и других сайтов нужен другой код. Может кто-то сделает. Была бы рада посмотреть на ваши рамки, которые вы сделаете по этому уроку.
Удачи!
Егорова Татьяна
[size=2] Код готовой рамки [/size]

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

Отправить комментарий