Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Красивые переключатели для сайта
Красивые переключатели для сайта
Kosten
Дата: Вторник, 21.08.2012, 23:29 | Сообщение # 1
Администраторы
Сообщений:12677
Награды: 39




О скрипте переключатели:
Красивые переключатели для сайта ucoz, предоставляю вам выпуклые по дизайну переклюсатели для светлых и темных дизайн сайтов, переключатели шикарные, смотреться на сайте будут красиво.
Приступаем к установке:
Начнем со скачивание Доступно только для пользователей который потом разместим в корне сайта. Да в архиве находиться две папки (pageDark и pageGrey) светлый и темный дизайн переключателей.
Темный вид переключателей
Этот стиль надо прописать в css
Код
/* PageSelector */
   .swchItemA, .swchItemA1 {background:url('/pageDark/swchItemA.png')repeat-x #3f4347;border:1px solid #343739;padding:4px 7px;border-radius:3px;margin:1px 0;font-weight:700;font-family:arial;color:#fff;text-shadow:1px 1px 0px #1c242a;-moz-box-shadow:1px 1px 3px #303337;-webkit-box-shadow:1px 1px 3px #303337;box-shadow:1px 1px 3px #303337;}
   .swchItem, .swchItem1 {background:url('/pageDark/swchItem.png')repeat-x #3f4347;border:1px solid #343739;padding:4px 7px;border-radius:3px;margin:1px 0;text-decoration:none;font-weight:700;font-family:arial;color:#fff;text-shadow:1px 1px 0px #1c242a;-moz-box-shadow:1px 1px 3px #303337;-webkit-box-shadow:1px 1px 3px #303337;box-shadow:1px 1px 3px #303337;}
   .swchItem:hover, .swchItem1:hover {background:#313438;border:1px solid #2c3034;border-radius:3px;color:#f2f2f2;text-shadow:1px 1px 0px #585858;-moz-box-shadow:0px 0px 3px #2c3034 inset;-webkit-box-shadow:0px 0px 3px #2c3034 inset;box-shadow:0px 0px 3px #2c3034 inset;}
   #pagesBlock1 {padding:2px;}
   /* ------------- */


Светлый вид переключателей
Также прописываем их в стилях.
Код
/* PageSelector */
   .swchItemA, .swchItemA1 {background:url('/pageGrey/swchItemA.png')repeat-x #fff;border:1px solid #afafaf;padding:4px 7px;border-radius:3px;margin:1px 0;text-shadow:1px 1px 0px #fff;-moz-box-shadow:1px 1px 3px #dedede;-webkit-box-shadow:1px 1px 3px #dedede;box-shadow:1px 1px 3px #dedede;}
   .swchItem, .swchItem1 {background:url('/pageGrey/swchItem.png')repeat-x #fff;border:1px solid #afafaf;padding:4px 7px;border-radius:3px;margin:1px 0;text-decoration:none;font-weight:700;font-family:arial;color:#717171;text-shadow:1px 1px 0px #fff;-moz-box-shadow:1px 1px 3px #dedede;-webkit-box-shadow:1px 1px 3px #dedede;box-shadow:1px 1px 3px #dedede;}
   .swchItem:hover, .swchItem1:hover {background:#686868;border:1px solid #505050;border-radius:3px;color:#f2f2f2;text-shadow:1px 1px 0px #585858;-moz-box-shadow:0px 0px 3px #505050 inset;-webkit-box-shadow:0px 0px 3px #505050 inset;box-shadow:0px 0px 3px #505050 inset;}
   #pagesBlock1 {padding:2px;}
   /* ------------- */

Скачать: ЗДЕСЬ


TS
Дата: Четверг, 16.05.2013, 01:52 | Сообщение # 2
Пользователи
Сообщений:1
Награды: 0


ТЫ ЗАБЫЛ СТАВИТ КНОПКУ СКАЧАТЬ
Kosten
Дата: Четверг, 16.05.2013, 02:13 | Сообщение # 3
Администраторы
Сообщений:12677
Награды: 39


Реально запарился и забыл surprised

Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Красивые переключатели для сайта
Страница 1 из 11
Поиск: