Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   менюшка css (https://javascript.ru/forum/xhtml-html-css/27111-menyushka-css.html)

Shaci 02.04.2012 22:48

менюшка css
 
Вложений: 1
как такое меню сверстать, количество пунктов может увеличиваться/уменьшаться?

Идеи, как сделать есть, но вдруг кто-то что-то дельное подскажет

T-sh 02.04.2012 23:16

картинка не отображается.

Shaci 02.04.2012 23:22

Цитата:

Сообщение от T-sh (Сообщение 166616)
картинка не отображается.

угу, причем я не могу понять почему

T-sh 02.04.2012 23:28

Цитата:

Сообщение от Shaci (Сообщение 166618)
угу, причем я не могу понять почему

форум последние несколько байт съедает :) уже не раз замечал.

и архивы битые возвращает, и рисунки не всегда показывает.

залей на сторонний фотохостинг.

Shaci 02.04.2012 23:31

Цитата:

Сообщение от T-sh (Сообщение 166620)
форум последние несколько байт съедает :) уже не раз замечал.

и архивы битые возвращает, и рисунки не всегда показывает.

залей на сторонний фотохостинг.

http://learn.javascript.ru/play/GYWt9b

только наоборот выделенная ссылка должна быть с желтым медом, а не как на рисунке

T-sh 02.04.2012 23:37

да, в принципе, можно такое сверстать попробовать с минимумом графики. css3 поможет.. только вот с утончениями по бокам меню придется графику использовать.

Shaci 02.04.2012 23:42

Цитата:

Сообщение от T-sh (Сообщение 166622)
да, в принципе, можно такое сверстать попробовать с минимумом графики. css3 поможет.. только вот с утончениями по бокам меню придется графику использовать.

да, я склоняюсь к варианту с изображениями по бокам, единственное, что пока не понятно мне - как "желтую капельку" снизу сделать

T-sh 02.04.2012 23:56

ну, как вариант.. сделать

на css3 "яйцо" (второй пример), только перевернутое и большое. Поместить его в <div> с нужной высотой и overflow: hidden, и выронять "яйцо" по нижней границе родителя :)

T-sh 02.04.2012 23:57

получится узкая плавная часть "яйца" обрезанная до нужного размере по высоте :) на что-то более близкое к картинке у меня сейчас мозги не хотят работать :)))

Shaci 03.04.2012 00:15

Цитата:

Сообщение от T-sh (Сообщение 166631)
получится узкая плавная часть "яйца" обрезанная до нужного размере по высоте :) на что-то более близкое к картинке у меня сейчас мозги не хотят работать :)))

спс, попробую что-нибудь сделать


Часовой пояс GMT +3, время: 12:26.