Создать форум бесплатно: ixbb.ru :: Календарь на Май 2024 года: calendar2008.ru/2024/may/

Страницы: (3) [1] 2 3  ( Перейти к первому непрочитанному сообщению ) Reply to this topicStart new topicStart Poll

Динамическое меню

, помогите новичку, плиз
olgap251087
  Отправлено: Oct 18 2010, 12:55 PM
Quote Post


  Сержант
*

Группа: Members
Сообщений: 20
Пользователь №: 3568
Регистрация:
18-October 10



Установила модуль "Динамическое меню", но не могу изменить дизайн.
проблема в том, что названия пунктов меню я достаю из базы данных. Меню выпадающее. Пункт меню в котором есть выпадающее должен выглядеть так:
картинка=пункт меню=картинка,
а где нет выпадающего
картинка=пункт меню=НИЧЕГО!!!!!!!
При наведении мышки на пункт где нет выпадающего вылазит пустая рамочка, от этого тож не знаю как избавиться!!!!!!!!
Не получается так сделать. Может кто-нибудь поможет. Я просто совсем новичек в этом деле.
Все формируется автоматически, я пробовала изменить, но не получается.
PMEmail Poster
Top
dudeonthehorse
Отправлено: Oct 18 2010, 12:59 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



код в студию, или рабочий пример на сайте, а лучше и то и другое
PMEmail PosterICQ
Top
olgap251087
Отправлено: Oct 18 2010, 01:08 PM
Quote Post


  Сержант
*

Группа: Members
Сообщений: 20
Пользователь №: 3568
Регистрация:
18-October 10



кода много очень.
вставляю кусок, он не выводит вообще ничего.

$query=("select * from dle_menu_top where link");
$res=mysql_query($query);

while ($row=$db->get_array($res))
{
if ($row['link']=='/')
?>
<li> <table> <tr> <td> <img src="{THEME}/bullet.gif" border=0/> </td> <td> {menu_top_title} </td> <td></td> </tr> </table>


</li> <?
//$tpl->load_template('menu/'.$type_menu['tag'].'2.tpl');

if ($row['link']!='/')
?>
<li> <table> <tr> <td> <img src="{THEME}/bullet.gif" border=0/> </td> <td> {menu_top_title} </td> <td> <img src="{THEME}/images/punkt.gif" border=0> </td> </tr> </table>
<ul class=menu00 >
{menu_content}
</ul>

</li> <?
//{$tpl->load_template('menu/'.$type_menu['tag'].'.tpl');}
PMEmail Poster
Top
dudeonthehorse
Отправлено: Oct 18 2010, 01:21 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



теперь немного понятнее. хотелось бы посмотреть рабочий пример, полагаю сайт лежит в сети? ссылочка не помешает. без наглядности не так просто найти решение.
PMEmail PosterICQ
Top
olgap251087
Отправлено: Oct 18 2010, 01:26 PM
Quote Post


  Сержант
*

Группа: Members
Сообщений: 20
Пользователь №: 3568
Регистрация:
18-October 10



PMEmail Poster
Top
dudeonthehorse
Отправлено: Oct 18 2010, 01:33 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



косяка не вижу ни в одном браузере, если речь идет о меню слева. да и построено оно, на сколько я могу судить, на другом шаблоне, нежели вы привели выше
PMEmail PosterICQ
Top
olgap251087
Отправлено: Oct 18 2010, 01:37 PM
Quote Post


  Сержант
*

Группа: Members
Сообщений: 20
Пользователь №: 3568
Регистрация:
18-October 10



это рабочая версия, а я делаю новую с этим шаблоном. если я могу вам показать нерабочую, то напишите как потому что я не знаю как это делать.
PMEmail Poster
Top
dudeonthehorse
Отправлено: Oct 18 2010, 01:43 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



новая версия меню принципиально отличается от рабочей? может не имеет смысла придумывать велосипед и сделать по аналогии с тем, что есть у вас сейчас? если все же велосипед нужен - могу показать пример простого меню на jquery, которое вы без труда вставите в свой шаблон.
PMEmail PosterICQ
Top
olgap251087
Отправлено: Oct 18 2010, 01:49 PM
Quote Post


  Сержант
*

Группа: Members
Сообщений: 20
Пользователь №: 3568
Регистрация:
18-October 10



старая написана программно, а передо мною задача создать динамическое меню, которое формируется в админ панели и загружается из базы данных. мне нужно, чтобы любой человек, который не знает вообще ничего в программировании добавил или удалил любой пункт меню
PMEmail Poster
Top
dudeonthehorse
Отправлено: Oct 18 2010, 02:17 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



для начала поключите к сайту библиотеку jquery. для этого между тегами <head> и </head> основного шаблона сайта пропишите
CODE
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

после этой строчки вставьте
CODE
<script type="text/javascript">
 $(document).ready(function(){
  $('ul.my-menu li:has(ul)').css('background','url(путь к картинке) right no-repeat'); /* вешаем маленькую фоновую картинку для пункта имеющего подпункт */
  $('ul.my-menu li').hover(function(){
   $(this).find('ul').show(0); /* выводим выпадающее меню при наведении */
  },
  function(){
   $(this).find('ul').hide(0); /* прячем выпадающее меню при отведении */
  });
 });
</script>

это стили нашего меню
CODE
ul.menu li {
position:relative; /* даем браузеру понять, что именно от сюда будем позиционировать подпункты */
}

ul.my-menu ul {
display:none; /* этим мы скрываем подпункты меню в самом начале */
position:absolute; /* это значит что подменю будет располагаться абсолютно */
top:0; /* кординаты по вертикали  */
left:200px; /* координаты по горизонтали */
}

ul.my-menu a, ul.my-menu a:visited {
background:url(путь к картинке) left  no-repeat; /* вешаем маленькую фоновую картинку для значка в левой части пункта */
}

потом на основе шаблона меню необходимо построить менюшку такого типа:
CODE
<ul class="my-menu">
<li><a href="ссылка">названиие пункта</a></li>
<li>
 <a href="ссылка">названиие пункта</a>
 <ul>
  <li><a href="{ссылка}">название подпункта</a></li>
  <li><a href="{ссылка}">название подпункта</a></li>
  <li><a href="{ссылка}">название подпункта</a></li>
 </ul>
</li>
<li>
 <a href="ссылка">названиие пункта</a>
 <ul>
  <li><a href="ссылка">название подпункта</a></li>
  <li><a href="ссылка">название подпункта</a></li>
  <li><a href="ссылка">название подпункта</a></li>
 </ul>
</li>
<li><a href="ссылка">названиие пункта</a></li>
<li><a href="ссылка">названиие пункта</a></li>
</ul>
полагаю, тут вопросов возникнуть не должно.

единственное, что остается - лишь оформить этот список в css, чтобы привести меню к должному виду. и не нужно громоздить огромную структуру меню типа той, что вы приводили выше.

а за работу расставления меток меню и за его показ/скрытие отвечает небольшой скрипт, в начале этого сообщения.
PMEmail PosterICQ
Top

Topic OptionsСтраницы: (3) [1] 2 3  Reply to this topicStart new topicStart Poll

 



[ Script Execution time: 0.0328 ]   [ 10 queries used ]   [ GZIP выключен ]