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


Пользователь месяца
Ixman Ixman 1-й за Октябрь
Очков активности: 693 0 тем, 33 сообщения, 14 баллов репутации
Сайт: o5cat.ru
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 96 Вне конкурса за определение пользователя месяца

  • Фотография Ixman
    #2

    Ixman (o5cat.ru)
    Очков активности: 85.5 Вне конкурса за определение пользователя месяца

  • Фотография yuran
    #3

    yuran (yurbol.ru)
    Очков активности: 82.5 0 тем, 55 сообщений, 1 балл репутации

  • Фотография BLIK
    #4

    BLIK
    Очков активности: 51 Вне конкурса за определение пользователя месяца

  • Фотография Mandarin
    #5

    Mandarin
    Очков активности: 51 0 тем, 34 сообщения, 1 балл репутации

  • Фотография WGN
    #6

    WGN (worldgamenews.com)
    Очков активности: 45 Вне конкурса за определение пользователя месяца

  • Фотография pozitron123
    #7

    pozitron123
    Очков активности: 31.5 2 темы, 15 сообщений, 1 балл репутации

  • Фотография алексс
    #8

    алексс
    Очков активности: 27 2 темы, 12 сообщений, 1 балл репутации

  • Фотография Андрей WPMasterKZ
    #9

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 19.5 0 тем, 13 сообщений, 1 балл репутации

  • Фотография Scool
    #10

    Scool (stostory.ru)
    Очков активности: 19.5 3 темы, 4 сообщения, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 31.10.2018
  • Яндекс выдача: 15.11.2018
Топ 5 участников по репутации


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

Менюшка

#1 polermo

polermo
  • Неактивные
  • 52 сообщений
  • Репутация: 0
0

Отправлено 06 August 2009 - 12:27

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

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


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

 

 

  • 0

#2 yury

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

Отправлено 06 August 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 August 2009 - 15:22

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


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

#4 surfer

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

Отправлено 06 August 2009 - 20:39

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

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


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

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

#5 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 06 August 2009 - 22:17

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

#6 FaTeRy

FaTeRy
  • Неактивные
  • 480 сообщений
  • Репутация: 1

Отправлено 07 August 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