-Рубрики

 -Цитатник

250 УЗОРОВ СПИЦАМИ - (0)

250 узоров спицами 2. 3. 4. 5. 6. 7. ...

260 УЗОРОВ СПИЦАМИ - (0)

260 узоров спицами 260 узоров спицами 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 1...

19 ФРАНЦУЗСКИХ КОФТ СПИЦАМИ НА ПУГОВИЦАХ СО СХЕМАМИ ВЯЗАНИЯ - (0)

19 французских кофт спицами на пуговицах со схемами вязания Жакет патентной резинкой СХЕМА ВЯ...

ПРОСТОРНОЕ ЛЕТНЕЕ ПОНЧО C V-ОБРАЗНОЙ ГОРЛОВИНОЙ. ВЯЗАНИЕ СПИЦАМИ - (0)

Просторное летнее пончо c V-образной горловиной. Вязание спицами Объемный силуэт гарантирует комф...

ПУЛОВЕР С ЖАККАРДОВЫМИ БОРДЮРАМИ(СХЕМА) - (0)

Пуловер с жаккардовыми бордюрами(схема) http://bianzhirensheng.com/a/29238.html ...

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Каталог блогов Каталог блоговКаталог блогов позволяет упорядочить блоги людей и сообществ по категориям, позволяя быстрее находить нужные и интересные блоги среди огромного количества блогов на сайте li.ru
  • ТоррНАДО - торрент-трекер для блоговТоррНАДО - торрент-трекер для блогов

 -Фотоальбом

Фотоальбом закрыт всем, кроме списка избранных и списка друзей. Зарегистрироваться!

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

Поиск сообщений в Natasha_55

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

 

 -Статистика

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


Рамка с круглыми углами. Без фотошопа!

Четверг, 08 Мая 2014 г. 20:58 + в цитатник
Цитата сообщения Егорова_Таня Рамка с круглыми углами. Без фотошопа!

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


А здесь урок по таким же рамкам, но объемным (с тенями и разными углами)
Здесь урок для Яру

Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью 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 - Коды HTML для оформления постов, блогов
Часть 2 - Нужные формулы для дневника
...
Часть 9 - УРОКИ
Часть 10 - Кладезь для всех начинающих...
Часть 11 - Рамка с круглыми углами. Без фотошопа!
Часть 12 - Кладезь для всех начинающих...

Рубрики:  ВСЕ ДЛЯ БЛОГА
Метки: