Страница 1 из 11
Модератор форума: WOLF 
Home sims форум » Для Web-мастера » Скрипты для UcoZ » Переключатели страниц в стиле uCoz (Автор: TRANE73)
Переключатели страниц в стиле uCoz
WOLF Дата: Суббота, 21.04.12, 10:44:00 | Сообщение # 1
Группа Админы Сообщество творчества
Знаток игры Сообщество журналистов Спонсор сайта!
Мэр города
Группа: Админы
Сообщений: 11432
Пол: Мужчина
Симолеоны
« »
« 150 »
Ваше желание:







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

Для начала установите скрипт перед
Quote
</body>


Доступно только для пользователей

Для голубых переключателей добавьте в CSS код:

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;}


Если хотите серые переключатели страниц, то добавьте в ваш CSS данный стиль:

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;}


Вот такие простые стили можно сделать всего лишь парой строк на JS и столько же в CSS.

Автор: TRANE73
Источник: trane73.ru



Прикрепления: 1454792.png(58Kb)




 
Home sims форум » Для Web-мастера » Скрипты для UcoZ » Переключатели страниц в стиле uCoz (Автор: TRANE73)
Страница 1 из 11
Поиск:
Профиль
Гость !
Мой профиль
Редактировать профиль
Почта
Вход
Список пользователей Мои фотографии Онлайн радио Правила форума
Статистика
    Всего: 31313
    За месяц: 0
    За неделю: 0
    Новых вчера: 0
    Новых сегодня: 0

    Малышей: 29480
    Детишек: 1710
    Подростков: 45
    Взрослых: 45
    Помощников: 7
    Модераторов: 6
    Инквизиторов: 2
    Замов.админа: 1
    V.I.P: 15

    Парней: 9479
    Девушек: 21834
Топ пользователей
Последние ответы
Популярные темы
Мини-чат
Зарегистрируйтесь или Войдите под своим логином!


ВКонтакте