-Рубрики

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

Поиск сообщений в ПРЕРИИ

 -Статистика

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


РАМКА С КРУГЛЫМИ УГЛАМИ

Суббота, 01 Марта 2014 г. 14:20 + в цитатник
Цитата сообщения Егорова_Таня Рамка с круглыми углами

РАМКИ С КРУГЛЫМИ УГЛАМИ


Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью html-кода, как обычные рамки с прямыми углами. Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

ИТАК.
Вот эти 2 заготовки ниже можно использовать в любых вариантах. Их можно использовать как самостоятельную рамку, а можно вставлять в прямоугольные рамки или в такие же рамки с закругленными углами, или в такие круглые рамки вставлять прямоугольные. Короче все зависит от вашей фантазии.

Заготовка 1
Здесь будет Ваш текст
Егорова Татьяна

Код готовой рамки-заготовки

Код "скелетика" рамки-заготовки


Заготовка 2
Здесь будет Ваш текст
Егорова Татьяна

Код готовой рамки-заготовки

Код "скелетика" рамки-заготовки


Кому понравились готовые рамки, можете взять их коды из окошка "Код готовой рамки".
Те, кто давно делает рамки легко разберутся. Для новичков расскажу подробнее.
Копируем код из окошка " Код "скелетика" рамки". Вставляем в свою новую запись. Мы видим вот такой, примерно, код.

1 (700x331, 232Kb)

Если добавить этот код в дневник, то кроме слов "Здесь будет Ваш текст" и "ВАША ПОДПИСЬ" вы больше НИ-ЧЕ-ГО не увидите. В код надо вставить свои изображения и параметры, чтобы стало видно рамку.

Смотрите на скрине ниже ЧТО отражают в рамке слова ОБВОДКА, ФОН 1, ФОН 2, РАЗМЕР УГЛОВ.
Вместо ОБВОДКА, ФОН 1, ФОН 2 вставляем URL своих изображений-фонов. Вместо РАЗМЕР УГЛОВ ставим цифру от 20 до 180. Меньше 20 закругление будет плохо видно. В моих рамках стоит 80.

Заменяете мои слова ЦВЕТ ШРИФТА на код нужного цвета, вместо РАЗМЕР ШРИФТА ставите нужную цифру. У меня стоит 20. Вместо АДРЕС ВАШЕГО БЛОГА вставляете ссылку на ваш блог, вместо ВАША ПОДПИСЬ вписываете свой ник или имя-фамилию.

2 (700x215, 129Kb)

Вы можете изменять, выделенные красным, значения на большие или меньшие для видоизменения рамки.

3 (700x220, 169Kb)

Добавляете вместо слов "Здесь будет Ваш текст" свой текст, видео, аудио, флеш, картинки - всё что захотите. Сохраняете.

Всё!

Примеры рамок.


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

Здесь будет Ваш текст
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки


Рамка 2
Здесь будет Ваш текст
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки


Рамка 3
Здесь будет Ваш текст
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки


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

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

Здесь будет Ваш текст
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки


Рамка 5

Вот такая рамочка получилась у меня после добавления картинок. Думаю их код можно усовершенствовать, а варианты рамок разнообразить. Испытала только на Лиру. Для Яру и других сайтов нужен другой код. Может кто-то сделает. Была бы рада посмотреть на ваши рамки, которые вы сделаете по этому уроку.

Удачи!
Егорова Татьяна

Код готовой рамки
Рубрики:  УРОКИ
РАМКИ
Метки:  
Понравилось: 1 пользователю

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку