Опрос
 
 
Каким браузером Вы пользуетесь?
(73 ответа)
ОтветитьАрхив
Каталог файлов
Главная » Файлы » Всё для вебмастера » Скрипты Ucoz » Переключатель блоков, как в панели управления

Переключатель блоков, как в панели управления

Переключатель блоков, как в панели управления


Скрипт позволяет осуществлять переключение между двумя блоками. Поможет вам экономить место на сайте.

В любое место ставим это:

Code
<style type="text/css">  
/* UcoZ Tab */  
.menuBg {background:#DEE7F6 !important;}  
.Mactive {background:#DEE7F6;line-height:25px;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:21px;background:#F0F3F5;border-right:1px solid #88A1C2;border-bottom:1px solid #88A1C2;font-size:7pt;}  
.MnotActive1 {display:block;line-height:21px;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;}  
/* ---------------- */  
</style>  

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

<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:350px;" id="noInMo">  
Содержание 2  
</div>  

<div style="overflow:auto;height:350px;" id="isInMo">  
Содержание 1  
</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;">Текст 1</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;">Текст 2</a></div></td>  
<td width="7%"> </td>  
</tr>  
</tbody>  
</table>


Первоисточник/Автор: http://AllCity.Net.Ru

Категория: Скрипты Ucoz | Добавил: 7soft | Теги: скрипты ucoz, блоков, управления, Как, панели, Переключатель
Просмотров: 1386 | Загрузок: 0 | Рейтинг: 5.0/2
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
 
 
Гость

Вход Регистрация
Мини-чат
 
 
!!!
Присоединяйся!
 
 
Наша кнопка
 
 
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте:



Статистика
 
 
ОнлайнПодробно
Онлайн всего: 1
Гостей: 1
Пользователей: 0
22:51
06.05.2024
Внимание! Здравствуйте, гость!
Мы просим Вас зарегистрироваться на нашем сайте, или войти под своим логином.