Среда, 09.07.2025, 00:37
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    «  Март 2009  »
    Пн Вт Ср Чт Пт Сб Вс
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    3031
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Март » 2 » Переключатель как в админке!
    10:18
    Переключатель как в админке!

    Переключатель как в админке
    Поможет съэкономить место на сайте. Но на странице можно использовать не более 1 переключателя (так как работать будет только 1)
    Это в CSS:
    Код
    Code

    /* UcoZ Tab */  
    .menuBg {background:#DEE7F6 !important;}  
    .Mactive {background:#DEE7F6;line-height:20px;border-right:1px solid #88A1C2;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}  
    .Mactive a:link,.Mactive a:visited,.Mactive a:hover {color:#15428B;text-decoration:none;cursor:text;}  
    .MnotActive {display:block;line-height:16px;background:#F0F3F5;border-right:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}  
    .MnotActive1 {display:block;line-height:16px;background:#F0F3F5;border-left:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}  
    .MnotActive a:link,.MnotActive1 a:link {display:block;width:100%;color:#515151;text-decoration:none;}  
    .MnotActive a:visited,.MnotActive1 a:visited {display:block;width:100%;color:#515151;text-decoration:none;}  
    .MnotActive a:hover,.MnotActive1 a:hover {display:block;width:100%;color:#515151;text-decoration:none;background-color:#CAD9EC;cursor:pointer; }  
    /* ---------------- */

    Это после <head>: Это после <head>:
    Код
    Code

    <script type="text/javascript">  
      // UcoZ Tab START  
      function showmods(t) {  
      if (t){  
      document.getElementById('instMods').className='MnotActive1';  
      document.getElementById('uninstMods').className='Mactive';  
      document.getElementById('isInMo').style.display='none';  
      document.getElementById('noInMo').style.display='';  
      document.body.focus();  
      } else {  
      document.getElementById('instMods').className='Mactive';  
      document.getElementById('uninstMods').className='MnotActive';  
      document.getElementById('noInMo').style.display='none';  
      document.getElementById('isInMo').style.display='';  
      document.body.focus();  
      }  
      }  
      // UcoZ Tab END  
      </script>

    Сам блок:
    Код
    Code

    <div class="xw-tl"><div class="xw-tr"><div class="xw-tcc"></div></div></div>  
      <div class="xw-ml"><div class="xw-mr"><div class="xw-mc menuBg">  
       
      <div style="display:none;overflow:auto;height:250px;" id="noInMo">  
      <div align="center"><!-- код2 -->  
       
      </div></div>  
       
      <div style="overflow:auto;height:250px;" id="isInMo">  
      <div align="center">  
      <!-- код1 -->  
       
      </div>  
      </div>  
       
      </div></div></div>  
       
      <div class="xw-bl"><div class="xw-br"><div class="xw-bc"><div class="xw-footer"></div></div></div></div>  
       
      <table border="0" cellpadding="0" cellspacing="0" width="100%">
    Категория: скрипты для ucoz сайта | Просмотров: 1228 | Добавил: ming | Рейтинг: 0.0/0
    Всего комментариев: 2
    2 PROroI{  
    0
    гавно

    1 Boba_Fet  
    0
    Я думаю с ним работать будет трудновато(((

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]