Приветствуем Вас на сайте!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов

Перезагрузите страницу
Опции темы
Я настройка

  • Страница 1 из 1
  • 1
Форум » uCoz » Помошь по uCoz » Подпункты (Про подпункты)
Подпункты
Изменено: Jek1 - Среда, 14.09.2011, 14:39

Группа: Пользователи

Сообщений: 16

Награды: 0

Статус: Offline
Ув. пользователи помогите мне сделать в меню сайта подпункты то есть при нажатие на пункт выдвигалось штук 6 подпунктов скиньте сюда как сделать.
P.S Хочу добавить у меня есть вариант выдвижного меню, но когда я его ставлю оно выдвигается вправо вот код:
Code
<!-- <block1> -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="f-block"><tbody>
<tr><td class="b-top">Меню сайта</td></tr>
<tr><td class="b-middle" style="padding:0px 5px 0px 7px;">
<!--Меню сайта - навигация-->
<!--Категория меню1-->
<a class="s-menu" href="javascript://" onclick="$('#menumx1').slideToggle(1500);">
<img src="/imgs/samp.png" width="16" align="absmiddle"> SA:MP(GTA San Andreas) <img src="/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>
<div id="menumx1" style="display:none;padding-left:5px;color:#5d5d5d;">
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Модели транспорта</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Модели оружия</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Моды</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Читы</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Скины</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Текстуры</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Скрипты для SA:MP</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Программы</a>
</div>
<!--/Категория меню1-->
<!--Категория меню2-->
<a class="s-menu" href="javascript://" onclick="$('#menumx2').slideToggle(600);">
<img src="/imgs/cats/ucoz.png" width="16" align="absmiddle"> Помощь по uCoz <img src="/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>
<div id="menumx2" style="display:none;margin-bottom:5px;">
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 1</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 2</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 3</a>
</div>
<!--/Категория меню2-->
<!--Категория меню3-->
<a class="s-menu" href="javascript://" onclick="$('#menumx3').slideToggle(900);">
<img src="/imgs/cats/datalife.png" width="16" align="absmiddle"> Пункт 3 <img src="/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>
<div id="menumx3" style="display:none;margin-bottom:5px;">
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 1</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 2</a>
</div>
<!--/Категория меню3-->
<!--Категория меню4-->
<a class="s-menu" href="javascript://" onclick="$('#menumx4').slideToggle(800);">
<img src="/imgs/cats/mobile.gif" width="16" align="absmiddle"> Пункт 4 <img src="/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>
<div id="menumx4" style="display:none;margin-bottom:5px;">
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 1</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 2</a>
</div>
<!--/Категория меню4-->
<!--Категория меню5-->
<a class="s-menu" href="javascript://" onclick="$('#menumx5').slideToggle(700);">
<img src="/imgs/cats/kreativ.gif" width="16" align="absmiddle"> Пункт 5 <img src="/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>
<div id="menumx5" style="display:none;margin-bottom:5px;">
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 1</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 2</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 3</a>
</div>
<!--/Категория меню5-->
<!--Категория меню6-->
<a class="s-menu" href="javascript://" onclick="$('#menumx6').slideToggle(800);">
<img src="/imgs/cats/cs.png" width="16" align="absmiddle"> Counte Srtike 1.6 <img src="/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>
<div id="menumx6" style="display:none;margin-bottom:5px;">
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Скачать CS 1.6</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Плагины</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Читы</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Фон для CS</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Модели оружия</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Модели игроков</a>
</div>
<!--/Категория меню6-->
<!--Категория меню7-->
<a class="s-menu" href="javascript://" onclick="$('#menumx7').slideToggle(1200);">
<img src="/imgs/cats/photoshop.gif" width="16" align="absmiddle"> Все для Photoshop <img src="/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>
<div id="menumx7" style="display:none;margin-bottom:5px;">
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Кисти</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Стили</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Градиенты</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Текстуры</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Дополнения</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Эффекты</a>
</div>
<!--/Категория меню7-->
<!--Категория меню8-->
<a class="s-menu" href="javascript://" onclick="$('#menumx8').slideToggle(900);">
<img src="/imgs/cats/games.png" width="16" align="absmiddle"> Пункт 8 <img src="/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>
<div id="menumx8" style="display:none;margin-bottom:5px;">
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 1</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 2</a>
<a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 3</a>
</div>
<!--/Категория меню8-->
<!--000000000000000000-->
<a href="#" class="s-menu"><img src="/imgs/cats/pscript.png" width="16" align="absmiddle"> Пункт 9 </a>
<!--/000000000000000000-->
<!--/Меню сайта - навигация-->
</td></tr>
<tr><td class="b-bottom" style="background-position:0px 100%; height:7px;"></td></tr>
</tbody></table>
<!-- </block1> -->

<!-- <block2> -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="f-block"><tbody>
<tr><td class="b-top">Наш партнер</td></tr>
<tr><td class="b-middle" style="padding:0px 5px 0px 7px;"><center><a href="http://key-cs.ru/"><img src="http://key-cs.ru/bannner/240x400.png" border="0" title="CS PORTAL" width="230" height="400"></a></center></td></tr>
<tr><td class="b-bottom" style="background-position:0px 100%; height:7px;"></td></tr>
</tbody></table>
<!-- </block2> -->

<!-- <block3> -->
<?if($POLL$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="f-block"><tbody>
<tr><td class="b-top">Наш опрос</td></tr>
<tr><td class="b-middle" style="padding:0px 5px 0px 7px;">$POLL$</td></tr>
<tr><td class="b-bottom" style="background-position:0px 100%; height:7px;"></td></tr>
</tbody></table>
<?endif?>
<!-- </block3> -->

<!-- <block4> -->
<?if($CHAT_BOX$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="f-block"><tbody>
<tr><td class="b-top">Мини-чат</td></tr>
<tr><td class="b-middle" style="padding:0px 5px 0px 7px;">$CHAT_BOX$</td></tr>
<tr><td class="b-bottom" style="background-position:0px 100%; height:7px;"></td></tr>
</tbody></table>
<?endif?>
<!-- </block4> -->

<!-- <block5> -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="f-block"><tbody>
<tr><td class="b-top">Статистика</td></tr>
<tr><td class="b-middle" style="padding:0px 5px 0px 7px;">
<div align="center">$COUNTER$<hr>$ONLINE_COUNTER$$ONLINE_USERS_LIST$</div>
</td></tr>
<tr><td class="b-bottom" style="background-position:0px 100%; height:7px;"></td></tr>
</tbody></table>
<!-- </block5> -->

Исправьте..Заранее спасибо.

Группа: Координатор

Сообщений: 186

Награды: 7

Статус: Offline
Меню раздвижное ? или при наводке выкидывает под страницу ?

Группа: Пользователи

Сообщений: 16

Награды: 0

Статус: Offline
Ну вот зайди на сайт посмотри как:

При нажатие выдвигается.
Изменено: DeBiaN - Среда, 14.09.2011, 15:20

Группа: Координатор

Сообщений: 186

Награды: 7

Статус: Offline
Ты про этот сдвиг имеешь ввиду ? http://savepic.org/2313673.png

Если так то:
Code

<!-- <block1> -->  
  <table border="0" cellpadding="0" cellspacing="0" width="100%" class="f-block"><tbody>  
  <tr><td class="b-top">Меню сайта</td></tr>  
  <tr><td class="b-middle" style="padding:0px 5px 0px 7px;">  
  <!--Меню сайта - навигация-->  
  <!--Категория меню1-->  
  <a class="s-menu" href="javascript://" onclick="$('#menumx1').slideToggle(1500);">  
  <img src="http://modernsite.3dn.ru/imgs/samp.png" width="16" align="absmiddle"> SA:MP(GTA San Andreas) <img src="http://modernsite.3dn.ru/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
      <div id="menumx1" style="display:none;padding-left:5px; margin-left: -25px;color:#5d5d5d;">  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Модели транспорта</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Модели оружия</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Моды</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Читы</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Скины</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Текстуры</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Скрипты для SA:MP</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Программы</a>  
  </div>  
  <!--/Категория меню1-->  
  <!--Категория меню2-->  
  <a class="s-menu" href="javascript://" onclick="$('#menumx2').slideToggle(600);">  
  <img src="/imgs/cats/ucoz.png" width="16" align="absmiddle"> Помощь по uCoz <img src="/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
  <div id="menumx2" style="display:none;margin-bottom:5px; margin-left: -25px;">  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 1</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 2</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 3</a>  
  </div>  
  <!--/Категория меню2-->  
  <!--Категория меню3-->  
  <a class="s-menu" href="javascript://" onclick="$('#menumx3').slideToggle(900);">  
  <img src="/imgs/cats/datalife.png" width="16" align="absmiddle"> Пункт 3 <img src="/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
  <div id="menumx3" style="display:none;margin-bottom:5px; margin-left: -25px;">  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 1</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 2</a>  
  </div>  
  <!--/Категория меню3-->  
  <!--Категория меню4-->  
  <a class="s-menu" href="javascript://" onclick="$('#menumx4').slideToggle(800);">  
  <img src="/imgs/cats/mobile.gif" width="16" align="absmiddle"> Пункт 4 <img src="/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
  <div id="menumx4" style="display:none;margin-bottom:5px; margin-left: -25px;">  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 1</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 2</a>  
  </div>  
  <!--/Категория меню4-->  
  <!--Категория меню5-->  
  <a class="s-menu" href="javascript://" onclick="$('#menumx5').slideToggle(700);">  
  <img src="/imgs/cats/kreativ.gif" width="16" align="absmiddle"> Пункт 5 <img src="/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
  <div id="menumx5" style="display:none;margin-bottom:5px; margin-left: -25px;">  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 1</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 2</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 3</a>  
  </div>  
  <!--/Категория меню5-->  
  <!--Категория меню6-->  
  <a class="s-menu" href="javascript://" onclick="$('#menumx6').slideToggle(800);">  
  <img src="/imgs/cats/cs.png" width="16" align="absmiddle"> Counte Srtike 1.6 <img src="/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
  <div id="menumx6" style="display:none;margin-bottom:5px; margin-left: -25px;">  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Скачать CS 1.6</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Плагины</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Читы</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Фон для CS</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Модели оружия</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Модели игроков</a>  
  </div>  
  <!--/Категория меню6-->  
  <!--Категория меню7-->  
  <a class="s-menu" href="javascript://" onclick="$('#menumx7').slideToggle(1200);">  
  <img src="/imgs/cats/photoshop.gif" width="16" align="absmiddle"> Все для Photoshop <img src="/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
  <div id="menumx7" style="display:none;margin-bottom:5px; margin-left: -25px;">  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Кисти</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Стили</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Градиенты</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Текстуры</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Дополнения</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Эффекты</a>  
  </div>  
  <!--/Категория меню7-->  
  <!--Категория меню8-->  
  <a class="s-menu" href="javascript://" onclick="$('#menumx8').slideToggle(900);">  
  <img src="/imgs/cats/games.png" width="16" align="absmiddle"> Пункт 8 <img src="/imgs/arrow_down.png" alt="" align="absmiddle" style="margin:0px;"></a>  
  <div id="menumx8" style="display:none;margin-bottom:5px; margin-left: -25px;">  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 1</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 2</a>  
  <a class="ss-menu" href="#"><img src="/imgs/category.png" align="absmiddle" width="16">Подпункт 3</a>  
  </div>  
  <!--/Категория меню8-->  
  <!--000000000000000000-->  
  <a href="#" class="s-menu"><img src="/imgs/cats/pscript.png" width="16" align="absmiddle"> Пункт 9 </a>  
  <!--/000000000000000000-->  
  <!--/Меню сайта - навигация-->  
  </td></tr>  
  <tr><td class="b-bottom" style="background-position:0px 100%; height:7px;"></td></tr>  
  </tbody></table>  
  <!-- </block1> -->

Группа: Пользователи

Сообщений: 16

Награды: 0

Статус: Offline
DeBiaN, у меня оно криво стоит(. Может можно это исправить?

Группа: Координатор

Сообщений: 186

Награды: 7

Статус: Offline
wacko Пиши в скайп SPAMMRAC или ICQ 561-563-511 ////

Группа: Координатор

Сообщений: 186

Награды: 7

Статус: Offline
Вопрос решен ТЕМА ЗАКРЫТА!....
Форум » uCoz » Помошь по uCoz » Подпункты (Про подпункты)
  • Страница 1 из 1
  • 1
Поиск: