Например:
Суббота, 13.04.2024, 15:46 Регистрация Карта сайта RSS Лента
Игровые новости Топ Сайтов Статьи Загрузить изображение Игровой форум Картинки
  • Страница 1 из 1
  • 1
Форум » Система Ucoz » Скрипты от GaMe Portals » Полезный блок с вкладками для uCoz
Полезный блок с вкладками для uCoz
Dimas777
Дата: Вторник, 10.09.2013, 08:59 | Сообщение № 1
ICQ пользователя:
Skype пользователя:
Сайт пользователя:

Оффлайн
Сообщений: 300
Награды: 2
 


Полезный блок с вкладками для uCoz? и что же в нём такого полезного?) Ну к примеру можно в эти вкладки спрятать разные плееры для сайтов с тематикой онлайн кино или торрент. Если так подумать он много для чего полезный...)

Для начала подключим к странице jQuery и плагин. Желательно располагать код в теле HEAD. Владельцам сайта на uCoz располагать код после открывающего тега BODY, и только вызов плагина. jQuery на uCoz подключен по умолчанию (обычно). Делается следующим кодом:

Код
<script type="text/javascript" src="http://game-portals.3dn.ru/js/js/jquery-latest.min.js"></script>   
<script type="text/javascript" src="http://game-portals.3dn.ru/js/js/tabbook1.jquery.js"></script>   
   


Теперь нужно структурировать материал. Он должен иметь следующую структуру:

Код
<div id="tabBook1">   
   <div>   
   <h3>Заголовок 1</h3>   
   Текст 1   
   </div>   
   <div>   
   <h3>Заголовок 2</h3>   
   Текст 2   
   </div>   
   <div>   
   <h3>Заголовок 3</h3>   
   Текст 3   
   </div>   
   <div>   
   <h3>Заголовок 4</h3>   
   Текст 4   
   </div>   
   </div>


Заголовки H3 можно заменить на любой тег. Скрипт берет первый папавшийся элемент и использует его как название вкладки.

Далее, подключаем стили и вызываем функцию создания блока с вкладками. Делается это следующим кодом (желательно расположить в конце страницы):

Код
<link rel="stylesheet" type="text/css" href="http://game-portals.3dn.ru/tabbook1.css">  
  <script type="text/javascript">  
  $(function(){  
  $('#tabBook1').tabbook1({  
  width: '770px',  
  height: '300px',  
  speed: 700,  
  position: 'top',  
  maxlength: 20,  
  activepage: 0  
  });  
  });  
  </script>

    
Game-Portals.3dn.ru - The Best.
Форум » Система Ucoz » Скрипты от GaMe Portals » Полезный блок с вкладками для uCoz
  • Страница 1 из 1
  • 1
Поиск: