CSS меню горизонтальные и вертикальные, выпадающие и раскрывающиеся, многоуровневые

« Предыдущая запись
 
  Следующая запись »
 

lisa thumb CSS меню горизонтальные и вертикальные, выпадающие и раскрывающиеся, многоуровневые Давным давно повелось на Руси во всём мире использовать на своих сайтах всеразличные горизонтальные и вертикальные меню. Естественно, в большинстве случаев на CSS.

В интернете я видел очень много статей по менюшкам, видел много всяких программ, которые сами генерировали бы меню. Но когда возникает вопрос подогнать скрипт меню под какой-либо имеющийся дизайн (который дали верстальщику в PSD или TIFF), то многие скрипты садятся в лужу - без специальной доработки им это не дано. А время-то поджимает и скрипт нужен ведь!

О том, чтобы быстро найти всякие горизонтальные и вертикальные меню, выпадающие и невыпадающие меню, раскрывающиеся и многоуровневые меню, скачать их, позаботился один классный мужик - Stuart Nicholls. Ему 63 года и он занимается веб-разработками. Вместе со своей женой Fran Nicholls они постоянно предлагают различные CSS штуки на своём сайте. Конечно, не всегда только на CSS, но это уже не так важно.

В общем на их сайте есть раздел различных CSS меню, который постоянно дополняется. Сейчас там уже есть подборка менюшек на CSS3. Там есть и текстовые меню, и круговые, и с табами, и раскрывающиеся, и кнопочные, и многоуровневые, в общем какие душе угодно: хотите вертикальные, хотите горизонтальные, хотите будет выпадать, хотите нет. Иными словами, раздолье.

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

Итак, чтобы получить доступ к раздолью меню, скачать их побольше к себе в копилку, необходимо пройти по ссылке - http://www.cssplay.co.uk/menus/.

Думаю многие из Вас видел эту страницу, у кого-то она даже наверняка есть в избранном, но кто-то наверное её и не видел вовсе.

В общем, наслаждайтесь! Создавайте по образу и подобию ваши горизонтальные, вертикальные, выпадающие, многоуровневые, раскрывающиеся и какие душе угодно меню и будет вам дзен-CSS счастье.

 

Что касается лично меня, то я на пороге защиты диссертации, завален заказами. Но, полагаю к середине июня, июлю, я вновь начну писать дважды в неделю. Скорее бы лето! А пока, до новых встреч!

,

1 звезда2 звезд3 звезд4 звезд5 звезд (голосов: 2, средний: 5.00 из 5)
Понравилась статья или журнал? Подписывайся на продолжение!
Отзывов: 10 на запись

"CSS меню горизонтальные и вертикальные, выпадающие и раскрывающиеся, многоуровневые"

  1. Спасибо за статью, очень удобно держать кучу разнообразных меню в одном месте, добавил ссылку в избранное

  2. всегда пожалуйста =)

  3. мне кажется что выпадающие меню на каскадных таблицах, вроде таких вот http://www.cssplay.co.uk/menus/pro_dropline7.html всё же не оч удобны.)
    а так вобще хорошая подборка.)

  4. да, кстати. удачи с десертацией и заказами !)

  5. эт согласен. там вообще хватает менюшек, которые не будешь использовать на практике, но на поучиться там хватает =). также некоторые меню следует проверять на работу. помню одна из менюшек, типа той что ты привёл, была с багом – если медленно мышью ведёшь к выехавшей панели, то панель закрывается. Бесячая штука была =)

  6. за удачу отдельное спасибо! ща как раз доделываю диссер=)

  7. Михаил
    23/10/2010 at 11:09 Постоянная ссылка Цитировать

    Где ссылки на закачку с этого сайта?

  8. к сожалению, у них они есть далеко не везде, а посему если нужна менюшка, то надо сохранять страницу и выкидывать лишний код из неё

  9. В упор не вижу где там можно скачать предложенные меню. Например это cssplay.co.uk/menus/dd_valid_2.html

  10. Александр Шуйский
    21/02/2013 at 17:51 Постоянная ссылка Цитировать

    там не всегда ссылки есть и приходится выдирать меню тупо из кода ((

Добро пожаловать, коллега! Вы можете оставить свой отзыв:





Допустимые XHTML-теги:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Подписка на комментарии