Все для Ucoz на сайте ScripTiX
Приветствую Вас Вебсерфер
Меню сайта
Категории каталога
Скрипт для сайта Ucoz [73]
Шаблон для сайта Ucoz [29]
Софт для Вебмастера [6]
Статьи, гайды и обучалки для вебмастеров [9]
Полезные советы для сайтостроителей
Скрипты от ScRipTiX Team [3]
Наши скрипты
Наш Мини-чат
Наш опрос
Что вам сейчас необходимо ?
Всего ответов: 830
Главная » Все для uCoz » Скрипт для сайта Ucoz

Скрипт для сайта uCoz "Переключатель вкладок для блока "Друзья" как в админке uCoz"

Это в 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; }  
/* ---------------- */  

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

Это после :

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>  

<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%">  
  <tbody>  
  <tr>  
  <td width="6%"> </td>  
  <td align="center" valign="top" width="44%"><div id="instMods" class="Mactive"><a id="instModsL" href="javascript://" onclick="showmods(0);return false;">Название 2</a></div></td>  
   
  <td align="center" valign="top" width="43%"><div id="uninstMods" class="MnotActive"><a id="uninstModsL" href="javascript://" onclick="showmods(1);return false;">Нaзвание 1</a></div></td>  
  <td width="7%"> </td>  
  </tr>  
  </tbody>  
  </table>




Инфа для серферов:
Если вам понравился, пригодился материал или скрипт выложенный у нас на сайте, то вы можете помочь нашему сайту разместив ссылку на наш сайт у себя. Спасибо.
HTML-код ссылки:


Категория: Скрипт для сайта Ucoz | Добавил: STALKER (04-10-09)
Просмотров: 1728 | Рейтинг: 1.0/1 |
Интересные материалы:

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
AdminUPro
Админ панель - AdminUPro v1.1
новая версия
добавлены новые функции
Скачать AdminUPro v1.1
Поиск
Друзья сайта

Copyrights© 2017
Хостинг от uCoz
Designed by Grigoruk Bogdan