Jump to content
  • 0

помогите сделать гориз.выпадающее меню


dauren300
 Share

Question

Помогите сделать выпадающее меню в действующее верхнее меню, сайт сделан на dle 8.5, пытался сделать сам, что то не очень получается, под шаблон не могу загнать, выходит криво.(((

файл main.tpl

	<div id="wrapper">

<div id="menue-l">
<div id="menue-r">
<div id="menue">

<div id="nav">

<a href="/" title="Главная">Главная</a>
<a href="/forum/index.php" title="Форум">Наш форум</a>
<a href="/files/" title="Каталог файлов">Каталог файлов</a>
<a href="/ads.html" title="Реклама на сайте">Реклама на сайте</a>
<a href="/index.php?do=feedback" title="Обратная связь">Обратная связь</a>

</div>
</div>
</div>
</div>

файл style.css

#menue-l {
height: 56px;
background: #ff8608 url(../images/menue-bg.png) 0 0 no-repeat;
position: relative;
padding-left: 13px;
}

#menue-r {
height: 56px;
background: url(../images/menue-bh.png) 100% 0 no-repeat;
position: relative;
padding-right: 13px;
}

#menue {
margin: 0;
padding: 0;
height: 56px;
background: url(../images/menu_bg0.png) top repeat-x;
position: relative;
overflow: hidden;
}

#nav {
margin: 0;
padding: 0;
width: 718px;
height: 56px;
}

#nav a:link, #nav a:visited {
display: block;
float: left;
height: 56px;
line-height: 59px;
padding: 0px 20px 0 20px;
color: #fd9528;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFF;
background: url(../images/hover_me.png) right top no-repeat;
}

#nav a:hover {
color: #FFF;
background: #5b9a02 url(../images/hover_me.png) left -56px no-repeat;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

Link to comment
Share on other sites

17 answers to this question

Recommended Posts

  • 0

	<div id="wrapper">
<div id="menue-l">
<div id="menue-r">
<div id="menue">
<div id="nav"><ul>
<a href="/" title="Главная">Главная</a>

<ul><a href="/forum/index.php" title="Пример 1">Пример 1</a>
<li><a href="/files/" title="Каталог файлов">Пример 1.1</a></li>
<li><a href="/files/" title="Каталог файлов">Пример 1.2</a></li>
<li><a href="/files/" title="Каталог файлов">Пример 1.3</a></li>
</ul>

<a href="/files/" title="Каталог файлов">Каталог файлов</a>
<a href="/ads.html" title="Реклама на сайте">Реклама на сайте</a>
<a href="/index.php?do=feedback" title="Обратная связь">Обратная связь</a>

</div>
</div>
</div>
</div>

psywalker посмотрите что получилось тут http://test.shymbaseball.ru/ , я уже делал это раньше по примерам что нашел в инете, видимо идет где то конфликт с шаблоным меню, в css видимо надо что то дописать

Edited by dauren300
Link to comment
Share on other sites

  • 0
Да, и меню делай всё на списках, а не только выпадающую часть.

да у меня с css кодом проблемы , разобрать не могу что и куда, знаю что нужно дописать какой то класс, в html код у меня нормальный, в сss просто надо классы правильно прописать

скачал ряд учебников буду изучать, как правильно верстать..

P.S я как понял что это долгое дело изучение всего, пока я изучаю... вы бы не могли бы сделать мне выпадающее меню с тем дизайном что есть на сайте? наверное стоит спросить во сколько мне это обойдется?

Link to comment
Share on other sites

  • 0
в html код у меня нормальный

Я этого не заметил.

вы бы не могли бы сделать мне выпадающее меню с тем дизайном что есть на сайте? наверное стоит спросить во сколько мне это обойдется?

Опиши мне для начала, что точно должно получиться. И приведи скриншот конечного результата. А я тебе в личку уже скажу сроки и сумму.

Link to comment
Share on other sites

  • 0
Я этого не заметил.

Опиши мне для начала, что точно должно получиться. И приведи скриншот конечного результата. А я тебе в личку уже скажу сроки и сумму.

примерно так:

http://users.tpg.com.au/j_birch/plugins/superfish/#sample1

т.е выпадающее 3-х уровневое топ меню под дизайн сайта.

сайт http://test.shymbaseball.ru/

проблема в стилях, надо какой то класс прописать видимо.

Edited by dauren300
Link to comment
Share on other sites

  • 0
Ты имеешь ввиду http://users.tpg.com.au/j_birch/plugins/superfish/#examples вот тут меню, синее с заголовком The result: ?

я имею ввиду что структура такая же надо, а кнопки и картинки меню как на сайте самом http://test.shymbaseball.ru/ то бишь, чтобы подменю дизайн не портил.

Link to comment
Share on other sites

  • 0
не хочу светить тут, а через лс не могу, а вы можете, скиньте мне свою асю мне в личку

Не могу, потому-что твоя ящик переполнен или ты просто ещё не можешь посылать сообщения, пока не наберёшь определённое кол-во постов.

Link to comment
Share on other sites

  • 0

еще раз сделал, у меня меню съехал влево, а подменю ушел под логотип, мне сказали снести шаблон так как он кривой, а мне дизайн его нравится :lol: из за одного меню теперь сносить чтоли ? а выпадающее не получается не через Js ни через что... двоим дал на рассмотрение так они не справились..

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy