• Главная
  • Форум
  • Скрипты от Winston888
  • Шаблоны от Winston888
  • Все файлы
  • Добавить в избранное
  • Rss лента
Регистрация
Вход
Заказать рекламу
Главная » Файлы » Скрипты для uCoz » Другие скрипты
Переключатели страниц в стиле uCoz
7

Многие ищут переключатели страниц в стиле uCoz. Вот и автору скрипта надоели стандартные переключатели и он решил сделать в стиле нашего любимого uCoz, скрипт функционирует на jQuery. Переключатели страниц красивы и просты, а также автор постарался и сделал их разными цветами. Код, который ниже устанавливаем после :

Code
<script type="text/javascript">  
  $('.swchItemA, .swchItemA1').each(function(){  
  $(this).html('<div style="display:inline-block !important;margin-bottom:-5px;" class="MmenuOver"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="MmenuLeft"></td><td class="MmenuCenter"><div style="padding:2px 5px;" class="mmenuItem"><b>'+$(this).html()+'</b></div></td><td class="MmenuRight"></td></tr></table></div>')  
  });  
  $('.swchItem, .swchItem1').each(function(){  
  $(this).html('<div style="display:inline-block !important;margin-bottom:-5px;" onmouseover="this.className=\'MmenuOver\';" class="MmenuOut" onmouseout="this.className=\'MmenuOut\'"><table border="0" cellpadding="0" cellspacing="0"><tr><td class="MmenuLeft"></td><td class="MmenuCenter"><div style="padding:2px 5px;" class="mmenuItem">'+$(this).html()+'</div></td><td class="MmenuRight"></td></tr></table></div>')  
  });  
  </script>


Если вы хотите голубые кнопки, Вам этот код:

Code
.MmenuOut, .MmenuOver {height:21px;margin:2px;color:#000;}  
  .MmenuLeft,.MmenuRight {width:3px;height:21px;}  
  .MmenuOver .MmenuLeft {background: transparent url('/.s/img/wd/1/tb-btn-sprite.gif') no-repeat 0 0;}  
  .MmenuOver .MmenuRight {background: transparent url('/.s/img/wd/1/tb-btn-sprite.gif') no-repeat 0 -21px;}  
  .MmenuOver .MmenuCenter {background: #C8CACE url('/.s/img/wd/1/tb-btn-sprite.gif') repeat-x 0 -42px;}


Если вы хотите зеленые кнопки, Вам этот код:

Code
.MmenuOut, .MmenuOver {height:21px;margin:2px;color:#000;}                           .MmenuLeft,.MmenuRight {width:3px;height:21px;} 
.MmenuOver .MmenuLeft {background: transparent url('/.s/img/wd/2/tb-btn-sprite.gif') no-repeat 0 0;}
.MmenuOver .MmenuRight {background: transparent url('/.s/img/wd/2/tb-btn-sprite.gif') no-repeat 0 -21px;}
.MmenuOver .MmenuCenter {background: #C8CACE url('/.s/img/wd/2/tb-btn-sprite.gif') repeat-x 0 -42px;}

 
Если вы хотите серые кнопки, Вам этот код:
Code

.MmenuOut, .MmenuOver {height:21px;margin:2px;color:#000;}  
  .MmenuLeft,.MmenuRight {width:3px;height:21px;}  
  .MmenuOver .MmenuLeft {background: transparent url('/.s/img/wd/3/tb-btn-sprite.gif') no-repeat 0 0;}  
  .MmenuOver .MmenuRight {background: transparent url('/.s/img/wd/3/tb-btn-sprite.gif') no-repeat 0 -21px;}  
  .MmenuOver .MmenuCenter {background: #C8CACE url('/.s/img/wd/3/tb-btn-sprite.gif') repeat-x 0 -42px;}


Если вы хотите розовые кнопки, Вам этот код:
Code

.MmenuOut, .MmenuOver {height:21px;margin:2px;color:#000;}  
  .MmenuLeft,.MmenuRight {width:3px;height:21px;}  
  .MmenuOver .MmenuLeft {background: transparent url('/.s/img/wd/4/tb-btn-sprite.gif') no-repeat 0 0;}  
  .MmenuOver .MmenuRight {background: transparent url('/.s/img/wd/4/tb-btn-sprite.gif') no-repeat 0 -21px;}  
  .MmenuOver .MmenuCenter {background: #C8CACE url('/.s/img/wd/4/tb-btn-sprite.gif') repeat-x 0 -42px;}


Если вы хотите оранжевые кнопки, Вам этот код:
Code

.MmenuOut, .MmenuOver {height:21px;margin:2px;color:#000;}  
  .MmenuLeft,.MmenuRight {width:3px;height:21px;}  
  .MmenuOver .MmenuLeft {background: transparent url('/.s/img/wd/5/tb-btn-sprite.gif') no-repeat 0 0;}  
  .MmenuOver .MmenuRight {background: transparent url('/.s/img/wd/5/tb-btn-sprite.gif') no-repeat 0 -21px;}  
  .MmenuOver .MmenuCenter {background: #C8CACE url('/.s/img/wd/5/tb-btn-sprite.gif') repeat-x 0 -42px;}


Если вы хотите черные кнопки, Вам этот код:
Code

.MmenuOut {height:21px;margin:2px;color:#000;}  
  .MmenuOver {height:21px;margin:2px;color:#fff;}  
  .MmenuLeft,.MmenuRight {width:3px;height:21px;}  
  .MmenuOver .MmenuLeft {background: transparent url('/.s/img/wd/6/tb-btn-sprite.gif') no-repeat 0 0;}  
  .MmenuOver .MmenuRight {background: transparent url('/.s/img/wd/6/tb-btn-sprite.gif') no-repeat 0 -21px;}  
  .MmenuOver .MmenuCenter {background: #C8CACE url('/.s/img/wd/6/tb-btn-sprite.gif') repeat-x 0 -42px;}

Мы рады видеть тебя на странице материала "Переключатели страниц в стиле uCoz"!  Сайт uCozRUS является совершенно бесплатным uCoz порталом, на котором храняться абсолютно разные файлы, в том числе и файл "Шаблон для uCoz тематики Minecraft.". Надоело тратить свое драгоценное время на поиск бесплатных Шаблонов для uCoz, макетов, Иконок групп, Иконок для форума, Статей для веб мастера, Познавательных уроков по uCoz, Рабочих скриптов для uCoz, новостей uCoz? Не стоит, именно наш сайт предлагает возможность бесплатно скачивать любые нужные вам файлы, а так же другие полезные дополнения для вас и вашего сайта!
  • 1
  • 2
  • 3
  • 4
  • 5
Просмотров: 952

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
ПОСЛЕДНИЕ ОТВЕТЫ С ФОРУМА
Форум Темы
Заявка в команду сайта!
Добавлено в раздел: Вакансии
0
Сервер куплен !, идет набор в администрацию
Добавлено в раздел: Minecraft
0
Сервер сайта
Добавлено в раздел: Minecraft
1
Раскрутка сайтов uCoz Уроки , заказ графики , готовые PSD
Категории
PHP скрипты [1]
Каталог файлов [7]
Новости сайта [5]
Каталог статей [0]
Каталог сайтов [0]
Ajax скрипты [4]
Пользователи [14]
Другие скрипты [31]
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Пользователи
Гости сайта

Кто on-line? Сегодня нас посетили
Всего чел. на сайте: 400
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Лента коментариев
01:08
saveta75
http://womanspv.ru biggrin
Подробнее
27.01.2017
01:07
saveta75
http://womanspv.ru
Подробнее
27.01.2017
01:06
saveta75
http://womanspv.ru biggrin
Подробнее
27.01.2017
Партнеры сайта
Лучший торрент трекер              
              
Войти Зарегистрироваться
Дизайн принадлежит сайту UcozRus.3dn.Ru Хостинг от uCoz
    Яндекс.Метрика Проверка сайта diz-cs.ru - лучший игровой ТОП сайтов!