Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

Переключатель плеера, серий для сайта на ucoz

Тема в разделе "Скрипты для Ucoz", создана пользователем Dezorientare, 18 июл 2017.

18.07.17 в 10:50
18.07.17 в 10:50
0
1.844
0
  1. TopicStarter Overlay
    Dezorientare

    Dezorientare Местный

    Регистрация:
    4 ноя 2016
    Сообщения:
    1.456
    Лучших ответов:
    0
    Рейтинги:
    +318 / 38 / -0
    s98632940.jpg

    Каркас:
    Код:
    <script type="text/javascript" src="http://zornet.ru/zorner_ru_1/Abter/der/tables.js"></script> 
    
      <div class="sectiontable" id="multmult"> 
      <ul class="tabs"> 
      <li class="current">Первый плеер</li> 
      <li>Второй плеер</li> 
      <li>Третий плеер</li> 
      <li>Трейлер</li> 
      </ul> 
    
    <div class="box visible"> 
    тут код первого плеера 
    </div> 
    
    <div class="box"> 
    тут код второго плеера 
    </div> 
    
    <div class="box"> 
    тут код третьего плеера 
    </div> 
      
    
      <div class="box"> 
    тут код трейлера 
      </div> 
      </div>

    Это в css

    Код:
    p {padding: 7px 0;} 
    .sectiontable { 
      width: 100%; 
      background: #EFEFEF; 
      margin: 0 0 30px; 
    } 
    ul.tabs { 
      height: 28px; 
      line-height: 25px; 
      list-style: none; 
      border-bottom: 1px solid #DDD; 
      background: #FFF; 
    } 
    .tabs li { 
      float: left; 
      display: inline; 
      margin: 0 1px -1px 0; 
      padding: 0 13px 1px; 
      color: #777; 
      cursor: pointer; 
      background: #F9F9F9; 
      border: 1px solid #E4E4E4; 
      border-bottom: 1px solid #F9F9F9; 
      position: relative; 
    } 
    .tabs li:hover, 
    .vertical .tabs li:hover { 
      color: #F70; 
      padding: 0 13px; 
      background: #FFFFDF; 
      border: 1px solid #FFCA95; 
    } 
    .tabs li.current { 
      color: #444; 
      background: #9cf; 
      padding: 0 13px 2px; 
      border: 1px solid #D4D4D4; 
      border-bottom: 1px solid #EFEFEF; 
    } 
    .box { 
      display: none; 
      border: 1px solid #D4D4D4; 
      border-width: 0 1px 1px; 
      background: #EFEFEF; 
      padding: 0 12px; 
    } 
    .box.visible { 
      display: block; 
    } 
    
    .section.vertical { 
      width: 440px; 
      border-left: 160px solid #FFF; 
    } 
    .vertical .tabs { 
      width: 160px; 
      float: left; 
      display: inline; 
      margin: 0 0 0 -160px; 
    } 
    .vertical .tabs li { 
      padding: 0 13px; 
      margin: 0 0 1px; 
      border: 1px solid #E4E4E4; 
      border-right: 1px solid #F9F9F9; 
      width: 132px; 
      height: 25px; 
    } 
    .vertical .tabs li:hover { 
      width: 131px; 
    } 
    .vertical .tabs li.current { 
      width: 133px; 
      color: #444; 
      background: #EFEFEF; 
      border: 1px solid #D4D4D4; 
      border-right: 1px solid #EFEFEF; 
      margin-right: -1px; 
    } 
    .vertical .box { 
      border-width: 1px; 
    }
     
Похожие темы
  1. Thor
    Ответов:
    15
    Просмотров:
    3.098
  2. iCooLER
    Ответов:
    0
    Просмотров:
    1.481
Загрузка...
Яндекс.Метрика