• DONATE to NULLED!
    Форуму и его команде можно помочь, мотивировать модераторов разделов.     Помогите модератору этого раздела killoff лично.

Помощь [help] Хочю меню как на Scripters_com

Статус
В этой теме нельзя размещать новые ответы.
Evil_Master

Evil_Master

СтудэнТ
Регистрация
14 Дек 2008
Сообщения
690
Реакции
493
Как осуществить такое меню как на этом сайте? нажимаеш на категорию, открываются подкатегории.
Модераторов прошу простить если подобная тема уже была.Юзал поиск но ничего не нашёл.
 
  • Заблокирован
  • #2
они используют раздвижную навигацию,вот пример их меня:
<a title="Menu1" href="javascript:ShowOrHide('menu1');">&raquo; Меню 1</a>
<div id="menu1" style="display:none;">
<ul>
<li>Пункт 1
<li>Пункт 2
<li>Пункт 3
<li>Пункт 4
<li>Пункт 5
</ul>
</div>
Нажмите для раскрытия...

могбы посмотреть исодный код страницы у них на сайте
 
домен Scripters_com на продаже стоит...

Если я правильно понял, тебе нужно что то типа этого?

_http://4dle.ru/mods/1147156517-menju-kategorijj-fajjlovogo-arkhiva.html
 
  • Заблокирован
  • #4
skripters_com так правильно
 
PHP: 
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="DLE" href="javascript:ShowOrHide('menu1');">&raquo; DataLife Engine</a>
                              <div id="menu1" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/dle_relizi/">Релизы</a>
                              <li><a href="http://skripters.com/bugs/">Баг-Фиксы</a>
                              <li><a href="http://skripters.com/dle_sborki/">Сборки</a>
                              <li><a href="http://skripters.com/dle_haki/">Хаки</a>
                              <li><a href="http://skripters.com/dle_moduli/">Модули</a>
                              <li><a href="http://skripters.com/	dle_moduli_commercial/">Модули(платные)</a>
                              <li><a href="http://skripters.com/dle_templates/">Шаблоны</a>
                              <li><a href="http://skripters.com/dle_templates_commercial/">Шаблоны(платные)</a>
                              <li><a href="http://skripters.com/dle_raznoe/">Разное</a>
                              </ul>
                              </div></tr>
<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="Eleanor" href="javascript:ShowOrHide('menu25');">&raquo; Eleanor</a>
                              <div id="menu25" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/eleanor_relizy/">Релизы</a>
                              <li><a href="http://skripters.com/eleanor_moduli/">Модули</a>
                              <li><a href="http://skripters.com/eleanor_templates/">Шаблоны</a>
                              </ul>
                              </div></tr>
<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="AnTiSlaed" href="javascript:ShowOrHide('menu3');">&raquo; AnTiSlaed</a>
                              <div id="menu3" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/antislaed_relizi/">Релизы</a>
                              <li><a href="http://skripters.com/antislaed_moduli/">Модули</a>
                              <li><a href="http://skripters.com/antislaed_shabloni/">Шаблоны</a>
                           <li><a href="http://skripters.com/antislaed_templates_commercial/">Шаблоны(платные)</a>   

</ul>
                              </div></tr>
<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="SLAED " href="javascript:ShowOrHide('menu4');">&raquo; SLAED</a>
                              <div id="menu4" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/slaed_relizi/">Релизы</a>
                              <li><a href="http://skripters.com/slaed_moduli/">Модули</a>
                              <li><a href="http://skripters.com/slaed_shabloni/">Шаблоны</a>
                              <li><a href="http://skripters.com/slaed_bloki/">Блоки</a>
                              </ul>
                              </div></tr>
<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="e107 " href="javascript:ShowOrHide('menu5');">&raquo; e107</a>
                              <div id="menu5" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/e107_relizi/">Релизы</a>
                              <li><a href="http://skripters.com/e107_moduli/">Модули</a>
                              <li><a href="http://skripters.com/e107_haki/">Хаки</a>
                              <li><a href="http://skripters.com/e107_shabloni/">Шаблоны</a>
                              <li><a href="http://skripters.com/e107_raznoe/">Разное</a>
                              </ul>
                              </div></tr>
<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="Joomla" href="javascript:ShowOrHide('menu2');">&raquo; Joomla</a>
                              <div id="menu2" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/joomla_relizi/">Релизы</a>
                              <li><a href="http://skripters.com/joomla_mambot/">Мамботы</a>
                              <li><a href="http://skripters.com/joomla_moduli/">Модули</a>
                              <li><a href="http://skripters.com/joomla_komponenti/">Компоненты</a>
                              <li><a href="http://skripters.com/joomla_shabloni/">Шаблоны</a>
                              </ul>
                              </div></tr>

<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title=" PHP-Fusion" href="javascript:ShowOrHide('menu15');">&raquo;  PHP-Fusion</a>
                              <div id="menu15" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/php_fusion_relizi/">Ядро системы(Релизы)</a>
                              <li><a href="http://skripters.com/php_fusion_modi/">Модификации (моды)</a>
                              <li><a href="http://skripters.com/php_fusion_templates/">Темы оформления</a>
                              <li><a href="http://skripters.com/php_fusion_plugins/">Плагины</a>
                              <li><a href="http://skripters.com/php_fusion_grafika/">Графика</a>
                              </ul>
                              </div></tr>

<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="Danneo" href="javascript:ShowOrHide('menu21');">&raquo; Danneo </a>
                              <div id="menu21" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/danneo_relizi/">Релизы</a>
                              <li><a href="http://skripters.com/danneo_templates/">Шаблоны</a>
                              <li><a href="http://skripters.com/danneo_modi/">Модули</a>
                              <li><a href="http://skripters.com/danneo_blocks/">Блоки</a>
                              </ul>
                              </div></tr>



<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="Drupal" href="javascript:ShowOrHide('menu22');">&raquo; Drupal </a>
                              <div id="menu22" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/drupal_relizi/">Релизы</a>
                              <li><a href="http://skripters.com/drupal_templates/">Шаблоны</a>
                              <li><a href="http://skripters.com/drupal_modi/">Модули</a>
                              </ul>
                              </div></tr>


<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="2z" href="javascript:ShowOrHide('menu23');">&raquo; 2z </a>
                              <div id="menu23" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/2z_relizi/">Релизы</a>
                              <li><a href="http://skripters.com/2z_templates/">Шаблоны</a>
                              <li><a href="http://skripters.com/2z_modi/">Модули</a>
                              </ul>
                              </div></tr>




<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="Invison Power Board" href="javascript:ShowOrHide('menu6');">&raquo; Invision Power Board</a>
                              <div id="menu6" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/ipb_relizi/">Релизы</a>
                              <li><a href="http://skripters.com/ipb_modi/">Модификации (моды)</a>
                              <li><a href="http://skripters.com/ipb_shabloni/">Шаблоны</a>
                              <li><a href="http://skripters.com/ipb_grafika/">Графика</a>
                              <li><a href="http://skripters.com/ipb_raznoe/">Разное</a>
                              </ul>
                              </div></tr>

<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="vBulletin" href="javascript:ShowOrHide('menu14');">&raquo; vBulletin</a>
                              <div id="menu14" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/vb_relizi/">Релизы</a>
                              <li><a href="http://skripters.com/vb_modi/">Модификации (моды)</a>
                              <li><a href="http://skripters.com/vb_shabloni/">Шаблоны</a>
                              <li><a href="http://skripters.com/vb_grafika/">Графика</a>
                              <li><a href="http://skripters.com/vb_raznoe/">Разное</a>
                              </ul>
                              </div></tr>


<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="Simple Machines Forum " href="javascript:ShowOrHide('menu18');">&raquo; Simple Machines Forum </a>
                              <div id="menu18" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/smf_relizi/">Релизы</a>
                              <li><a href="http://skripters.com/smf_modi/">Модификации</a>
                              <li><a href="http://skripters.com/smf_templates/">Темы офрмления</a>
                              <li><a href="http://skripters.com/smf_raznoe/">Разное</a>
                              </ul>
                              </div></tr>

<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="WordPress " href="javascript:ShowOrHide('menu19');">&raquo; WordPress </a>
                              <div id="menu19" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/word_relizi/">Релизы</a>
                              <li><a href="http://skripters.com/word_plagini/">Плагины</a>
                              <li><a href="http://skripters.com/word_templates/">Темы оформления</a>
                              <li><a href="http://skripters.com/word_raznoe/">Разное</a>
                              </ul>
                              </div></tr>

<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="Social Engine" href="javascript:ShowOrHide('menu24');">&raquo; Social Engine </a>
                              <div id="menu24" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/se_relizi/">Релизы</a>
                              <li><a href="http://skripters.com/se_templates/">Шаблоны</a>
                              <li><a href="http://skripters.com/se_modi/">Модули</a>
                              <li><a href="http://skripters.com/se_plagins/">Плагины</a>
                              </ul>
                              </div></tr>



<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="TBDev" href="javascript:ShowOrHide('menu20');">&raquo; TBDev </a>
                              <div id="menu20" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/tbdev_relizi/">Релизы</a>
                              <li><a href="http://skripters.com/tbdev_sborki/">Сборки</a>
                              <li><a href="http://skripters.com/tbdev_moduli/">Модули</a>
                              <li><a href="http://skripters.com/tbdev_haki/">Хаки</a>
                              <li><a href="http://skripters.com/tbdev_templates/">Шаблоны</a>
                              </ul>
                              </div></tr>






<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="Хостеру" href="javascript:ShowOrHide('menu10');">&raquo; Хостеру</a>
                              <div id="menu10" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/hosteru/">Скрипты</a>
                              </ul>
                              </div></tr>


<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="Флэш" href="javascript:ShowOrHide('menu13');">&raquo; Флэш</a> 
                              <div id="menu13" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/flash">Flash шапки</a>
                              </ul>
                              </div></tr>


<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="Разное" href="javascript:ShowOrHide('menu8');">&raquo; Разное</a>
                              <div id="menu8" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/cms/">CMS</a>
                              <li><a href="http://skripters.com/galerei/">Галереи</a>
                              <li><a href="http://skripters.com/novosti/">Новости</a>
                              <li><a href="http://skripters.com/skripti_mag/">Магазины</a>
                              <li><a href="http://skripters.com/znakomsva/">Знакомства</a>
                             <li><a href="http://skripters.com/cati/">Чаты</a>
                             <li><a href="http://skripters.com/forumi/">Форумы</a>
                             <li><a href="http://skripters.com/gostevie/">Гостевые</a>
                             <li><a href="http://skripters.com/bazi/">Базы данных</a>
                             <li><a href="http://skripters.com/golosovania/">Голосования</a>
                             <li><a href="http://skripters.com/igri/">Игры</a>
                             <li><a href="http://skripters.com/bannernie_seti/">Баннерные сети</a> 
                             <li><a href="http://skripters.com/doski/">Доски объявлений</a> 
                             <li><a href="http://skripters.com/katalogi_reitingi/">Каталоги, рейтинги</a>
                             <li><a href="http://skripters.com/fail/">Файловые хранилища</a>
                            <li><a href="http://skripters.com/multimedia/">Мультимедиа</a>
                            <li><a href="http://skripters.com/torrent/">Торрент-трекеры</a>
                            <li><a href="http://skripters.com/wap/">Wap</a>
                            <li><a href="http://skripters.com/raznoe_skripti/">Разное</a>
                              </ul>
                              </div></tr>

<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="Почта" href="javascript:ShowOrHide('menu12');">&raquo; Почта</a> <img src="http://skripters.com/7173afda2d71.gif">
                              <div id="menu12" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/forum/topic_154">Получить ящик</a>
                              </ul>
                              </div></tr>
<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="Реклама на сайте" href="javascript:ShowOrHide('menu16');">&raquo; Реклама на сайте</a> <img src="http://skripters.com/new2.gif">
                              <div id="menu16" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/reklama.html">Заказать</a>
                              </ul>
                              </div></tr>

<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="Как добавить новость" href="javascript:ShowOrHide('menu17');">&raquo; Как добавить новость</a> <img src="http://skripters.com/fa.gif">
                              <div id="menu17" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/faq.html">Прочитать!</a>
                              </ul>
                              </div></tr>
<tr>
<td class="nova_news" style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="Сервисы нашего портала" href="javascript:ShowOrHide('menu26');">&raquo; Наши сервисы</a> <img src="http://skripters.com/fa.gif">
                              <div id="menu26" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/seo-sitecheck">Проверка положения сайта</a>
                              <li><a href="http://skripters.com/seo-counter">Генерирование счетчика для сайта</a>
                              <li><a href="http://skripters.com/seo-anchors">Генератор анкоров</a>
                              <li><a href="http://skripters.com/seo-masscheck ">Массовая проверка доменов</a>
                              <li><a href="http://skripters.com/seo-text">Анализ скорости</a>
                              <li><a href="http://skripters.com/seo-speedtest">Анализ скорости</a>
                              <li><a href="http://skripters.com/seo-robot">Сайт глазами робота</a>
                              <li><a href="http://skripters.com/seo-makekeys">Генерирование Meta Keywords</a>
                              <li><a href="http://skripters.com/seo-whois">Whois</a>
                              <li><a href="http://skripters.com/seo-price">Определение цены ссылки</a>
                              </ul>
                              </div></tr>


<tr>
<td class="nova_news"style="border-left: 1px solid rgb(158, 184, 0); border-right: 1px solid rgb(158, 184, 0);  border-bottom: 1px solid rgb(158, 184, 0); height="18" colspan="2" align="left"><a title="Услуги" href="javascript:ShowOrHide('menu11');">&raquo; Услуги</a>
                              <div id="menu11" style="display:none;">
                              <ul>
                              <li><a href="http://skripters.com/uslugi.html">Прайс</a>
                              </ul>
                              </div></tr>










							</td>
						</tr>
					</tbody>
					</table>
				</td>
			</tr>
		</tbody>
		</table>
		<br>
<!-- /Навигация -->
Это помоему и есть этот прикол.
Только там класы в цсс прописаны ещё, просто почему незамутили отдельным его.
Но это второстепенно, можно выдрать их и себе вставить.
;)
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху