В поисках лучшего горизонтального веб-меню и почему вы используете изображения? - PullRequest
0 голосов
/ 03 октября 2010

Я ищу красивое горизонтальное меню для моей веб-страницы. Я продолжаю смотреть на другие сайты, и я заметил, что многие из них используют изображения для меню. Это похоже на настоящую боль в поддержании (отдельное изображение для каждого пункта меню). Зачем кому-то мешать такой подход? Это просто для того, чтобы получить определенные шрифты, которые могут отсутствовать на компьютере?

Проблема в том, что, когда я ищу обычные текстовые, все они выглядят так, как будто они принадлежат веб-странице, созданной 10-летним в 1995 году. Есть ли в любом случае действительно привлекательное горизонтальное меню без использования изображений? *

Ответы [ 5 ]

1 голос
/ 03 октября 2010

Тысячи, многие из которых созданы Стю Николсом из CSS Play . Некоторые из них слишком передовые, но там есть что-то фантастическое.

Кроме того, изображения или были , часто используемые для создания различных закругленных углов Web 2.0 TM , с градиентными пастелями и накладками из глянцевого стекла. Это не техника, которую я когда-либо поддерживал, предпочитая придерживаться хорошо реализованных текстовых структур меню (пресловутый <ul id="navigation"> и т. Д.).

Одна из проблем меню, основанного на изображениях, заключалась в том, что они не расширялись и не сжимались должным образом, если пользователь увеличивал или уменьшал изображение. Это привело к различным Раздвижным дверям CSS или Проблемам пользовательских углов , оба подхода привносили множество дополнительных элементов для достижения чего-то, чего CSS может достичь более или менее самостоятельно. сейчас (с заметным исключением большей части семейства IE). Это было решение, но это было решение, которое принесло проблемы ...

0 голосов
/ 31 марта 2012

Я завелся, используя раскрывающийся список мега-меню jquery , который прекрасно работает.

0 голосов
/ 03 октября 2010

Есть много меню на основе CSS, доступных по ссылке ниже -

http://www.styledmenus.com/

Ниже приведено простое, но элегантное меню без использования изображений -

http://www.styledmenus.com/2008/12/nozml-css-menu.html

0 голосов
/ 03 октября 2010

Ищите « css горизонтальное меню », и вы увидите много красивых горизонтальных меню, использующих только CSS.Тем не менее, вполне возможно, что дизайнеры имеют в виду что-то конкретное, что требует определенного фона, определенных шрифтов, как вы сказали, или определенного макета, который требует много усилий для создания в CSS, в отличие от простого отображения правильного изображения.В этих случаях использование изображений может быть лучшим вариантом, и вы можете быть уверены, что оно выглядит одинаково в любом браузере.

Также возможно автоматически генерировать изображения, используя, например, PHP GD library .Таким образом, вы можете использовать одно базовое изображение и добавлять любой необходимый текст, решая проблему удобства сопровождения, когда пункты меню сильно меняются, или вам нужны тексты на разных языках и т. Д.

0 голосов
/ 03 октября 2010

Попробуйте это -

http://www.opencube.com/index.asp

У них есть платная версия, а также бесплатная версия.Я думаю, это зависит от того, как вы его используете.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...