Кодировка HTML | Демо-сайт CMS uCoz | Почта

Два информационных окна в одном!

Бесплатные и интересные решения для сайтов.
Правила форума
1. Темы с названиями Помогите, Как сделать, Хелп, Не могу найти и так далее будут перенесении в мусорку без предупреждения!
2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.
3. Темы не по тематике этого раздела будут также перенесены в мусорку. (Например по DLE, phpBB, php скриптам и так далее...)
4. Не забываем про Общие правила форума!
Внимание: В этом разделе можно оставлять только готовые скрипты, для вопросов есть раздел Общение!!! :evil: Иначе, получите предупреждение, а потом бан :D .

Два информационных окна в одном!

Сообщение L1DER » 11 окт 2008, 10:48

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

Этот код вставляете в CSS:
Код: Выделить всё
/* 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>:

Код: Выделить всё
<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: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;">НАзвание 1</a></div></td>
<td width="7%"> </td>
</tr>
</tbody>
</table>


Выделенное СИНИМ заменяете на свои материалы

Ссылка на источник скрипта: ----> ! <-----
Последний раз редактировалось XxMARSxX 11 окт 2008, 22:22, всего редактировалось 2 раз(а).
Причина: Как не стыдно выдавать чужое за свое?
Аватара пользователя
L1DER
Рядовой
Рядовой
 
Автор темы
Сообщения: 31
Возраст: 38
Зарегистрирован: 07 окт 2008, 17:58
Карма: + 0 -
Откуда: Волгоград

Re: Два информационных окна в одном!

Сообщение botanic » 11 окт 2008, 13:44

Оффтопик: Еще один сайт с "Интересными Ucoz решениями" Интересно, он обгонит Хелпер ? :lol:
Учусь Яваскрипту! Тупить теперь буду меньше)
Аватара пользователя
botanic
Лейтенант
Лейтенант
 
Сообщения: 85
Возраст: 31
Зарегистрирован: 01 июн 2008, 18:49
Карма: + 2 -
Откуда: из Москвы

Re: Два информационных окна в одном!

Сообщение symbian9 » 11 окт 2008, 14:43

а ты знаешь что в кодах не работают бб - коды
Работаю над новым проектом
uWeb - Media Services
Аватара пользователя
symbian9
Подполковник
Подполковник
 
Сообщения: 184
Возраст: 29
Зарегистрирован: 22 апр 2008, 09:08
Карма: + 3 -
Откуда: Ростов на дону

Re: Два информационных окна в одном!

Сообщение XxMARSxX » 11 окт 2008, 22:19

Хотите угадаю с какого сайта это спиз...ли?

+ в теме про табы я уже выкладывал этот "скрипт" если его можно так назвать
Ахтунг!

Делаю всякую херню для ЮкОз за доллары или не делаю если просьба пахнет бредом перегретого мозга.

А у меня Windows 7 :P

Изображение
Что такое НЕТЕЛИБ?
Аватара пользователя
XxMARSxX
Супермодератор
Супермодератор
 
Сообщения: 1991
Возраст: 36
Зарегистрирован: 20 апр 2008, 18:02
Карма: + 22 -
Откуда: Украина, Полтавская область, Кременчуг, Автозаводской район, Нагорная часть

Re: Два информационных окна в одном!

Сообщение L1DER » 12 окт 2008, 01:39

Народ если вы про меня я ничего не пизд*л и не слизовал и автором этого материала не являюсь. Я указал ссылку !
Аватара пользователя
L1DER
Рядовой
Рядовой
 
Автор темы
Сообщения: 31
Возраст: 38
Зарегистрирован: 07 окт 2008, 17:58
Карма: + 0 -
Откуда: Волгоград


Вернуться в Скрипты и интересные решения

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 4

cron