Забыли пароль?
Запросите новый здесь.

Автор темы: yury
ID темы: 109
Информация:
Тема содержит 2 сообщения, была просмотрена 1820 раз.
Просмотр темы
PHP-Fusion Russia » Веб-разработка » HTML и CSS
 Распечатать тему
Закругление углов на jquery/ Разобрать пример
yury
Вот на сайте панельки http://my-svadba.ru/auth/forgot_password/ интересно реализованы. А именно в верстке используется всего один див. Вообще же для закругления используется всего одна пикча, стили и jquery

Со стилями и картинкой все понятно, но так и не смог выцепить именно ту часть кода jquery которая отвечает за само непосредственное закругление

понятное дело, что есть много других способов закруглить, но мне стал интересен именно этот)
 
Rush
в http://my-svadba....ain.js?102 в конце

Скачать исходники  Код
  jQuery(".highlighted_companies .scrollable").scrollable({
    size: 4
  });

  jQuery("#shop_catalog .scrollable").scrollable({
    size: 6
  });




сам scrollable - http://my-svadba....min.js?102 - это жг плагин для скролла

вот уголки оранжевого дива - http://my-svadba....orners.png

а вот собсно сами кнопки http://my-svadba....uttons.png

что и требовалось доказать. для закругления углов вокруг кнопок след-пред не используется жг, а просто картинка с position: absolute, перекрывающая лежащий под ней блок <div class='highlighted_companies orange_block'>
 
Web

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум:
Похожие темы
Топ 5 пользователей форума
Zaxap Zaxap (1,090)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)   SchreiBear SchreiBear (625)