http://xtens1on.net.ru/load/42-1-0-2153
Вторник
04.08.2026, 00:16
MY PROGRAMS
Приветствую Вас Гость | RSS
Главная Переключатель как в админке - Форум Регистрация Вход
CY and PR Скачать полезные программы Soft бесплатно Решебники по термех (Яблонский, Мещерский), по физике (Чертов, Волькенштейн) Свободный форум Скачать нарезки песен, рингтоны, реалтоны, мелодии для телефона Nick home - лучший сайт обо всем!
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Профиль
Информация Управление
Здравствуйте, уважаемый посетитель. К сожалению, Вы не были распознаны форумом, как зарегистрированный пользователь. Для полноценного использования возможностей нашего форума вам необходимо зарегистрироваться. Если вы уже зарегистрированы на форуме, то вам необходимо пройти авторизацию, используя Ваш логин и пароль. Зарегистрированные пользователи получают возможность просматривать закрытые разделы форума, а также возможность общения на нашем форуме.

  • Страница 1 из 1
  • 1
Переключатель как в админке
ADMINДата: Пятница, 01.05.2009, 10:44 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 32
Награды: 3
Статус:
Поможет съэкономить место на сайте. Но на странице можно использовать не более 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;}
.[b]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>

Сам блок:

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>

Прикрепления: 4853817.jpg (11.8 Kb)
 
ADMINДата: Пятница, 01.05.2009, 10:44 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 32
Статус:
.: Дополнительные данные :.
Бог сайта и форума За Генералиссимуса
Поможет съэкономить место на сайте. Но на странице можно использовать не более 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;}
.[b]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>

Сам блок:

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>

Прикрепления: 4853817.jpg (11.8 Kb)
  • Страница 1 из 1
  • 1
Поиск:


MY PROGRAMS

PROGRAMS