Перейти к содержимому



  • Закрытая тема Тема закрыта

Менюшка

#1 polermo

polermo
  • Пользователь
  • 52 сообщений
  • Репутация: 0
0

Отправлено 06 Август 2009 - 12:27

Очень нужно меню такое как здесь: ЗДЕСЬ

т.е. нажимаешь на ссылку и выдвигается ниже подменю


Подскажите, пожалуйста как это сделать или где посмотреть
Хотелось бы, чтобы в основном все было выполнено на CSS

 

 

  • 0

#2 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 06 Август 2009 - 13:45

Очень нужно меню такое как здесь: ЗДЕСЬ

т.е. нажимаешь на ссылку и выдвигается ниже подменю


Подскажите, пожалуйста как это сделать или где посмотреть
Хотелось бы, чтобы в основном все было выполнено на CSS

polermo,
дык...
там ничего не выдвигается, просто по клику по меню открывается новая страничка, где нарисовано как бы развернувшееся меню.
реализовано там все на списках, разложенных по ячейкам таблицы, в атрибутах ячеек этой таблицы указан фоновый рисунок для списков:
<table cellpadding="0" cellspacing="0" style="width:100%; background:transparent url('design/img/scrollup.gif') top left no-repeat;"><tr>
<td>
  <ul  type="square" class="mnu">
	<li style="color:darkred;"><span class="mnu">Ресторан</span></li>
	<li style="color:darkred;"><a class="mnu" href="index.php/menu_wine">Винная карта</a></li>
	<li style="color:darkred;"><a class="mnu" href="index.php/menu_bar">Барная карта</a></li>
	<li style="color:darkred;"><a class="mnu" href="index.php/menu_cigars">Сигары и сигариллы</a></li>
	<li style="color:darkred;"><a class="mnu" href="index.php/menu_cocktail">Коктейльная карта</a></li>
  </ul>
</td>
</tr></table>
там сложная вложенная таблица, я процитировал не все ячейки в которых закодирован фон, чтоб не затуманивать суть
а, оформление такого списка (булеты, шрифты, ссылки) лежит в CSS:
ul.mnu {margin:0px; padding:25px 20px 0px 30px; text-align:left; list-style-type:square; color:#FF5A00}
ul.mnu li {padding-top:3px;}
span.mnu {font-size:13px; color:#101010; font-weight:bold}
a.mnu {font-size:13px; color:#292929; font-weight:normal; text-decoration:none}
и наконец основное меню сделано картинками, так же помещенными в ячейки таблицы, с ролловером (при наведении мыша, картинка меняется).

Ну а ежли вам хочется, чтоб выглядело так же а было переверстано по правилам блочной верстки, то это будет уже совсем другой код.
  • -1

#3 polermo

polermo
    Topic Starter
  • Пользователь
  • 52 сообщений
  • Репутация: 0

Отправлено 06 Август 2009 - 15:22

polermo,
дык...
там ничего не выдвигается, просто по клику по меню открывается новая страничка


а как сделать, чтобы менюшка выдвигалась, чтобы не плодить страницы
  • 0

#4 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 06 Август 2009 - 20:39

Очень нужно меню такое как здесь: ЗДЕСЬ

т.е. нажимаешь на ссылку и выдвигается ниже подменю


Подскажите, пожалуйста как это сделать или где посмотреть
Хотелось бы, чтобы в основном все было выполнено на CSS

есть такая магическая формула ctrl+U что в переводе с древнееврейского означает посмотреть искодный код страницы, там и сокрыт ответ на ваш вопрос :)
  • 0

#5 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 06 Август 2009 - 22:17

polermo, на просторах интернета выдвигающихся и выпадающих меню бесконечное множество. Сначала стоит поискать, да и тем уже 1000 на форуме было про выпадающие и выдвигающиеся меню.
  • 0

#6 FaTeRy

FaTeRy
  • Пользователь
  • 480 сообщений
  • Репутация: 1

Отправлено 07 Август 2009 - 21:31

polermo, http://www.google.ru... меню на jquery
http://www.google.ru...=...mp;aq=f&oq=
http://www.google.ru...ющее меню на ja
И так далее. Ответ на вопрос дан, закрыто.
  • 0


Оформление форума – IPBSkins.ru