Meny med runda hörn i html/css
 

Har testat http://cssmenumaker.com/ som funkar riktigt bra men skulle önska se fler bra alternativ, några tips?

Navigation som bygger på drop downs är en styggelse!

Är det funktion eller design du vill ha alternativ på?

Är man lat är det bara att köra på:

http://codecanyon.net/searches?term=...own&type=files

Jag är ute efter både layout och funktion, det kan vara olika varianter av meny.... Jag är nyfiken om det finns några nya idéer....

Är det dropdown-meny du vill ha? Jag brukar använda mig av Superfish:
http://users.tpg.com.au/j_birch/plugins/superfish/

Tycker den funkar rätt bra.


För att få den med runda hörn är det ju bara att använda CSS :)
-webkit-border-radius:...
-moz-border-radius:...
border-radius:...



@coredev: För att? Så länge man löser ett alternativ för touch-enheter så är det väl inga problem?

Det finns fler saker att tänka på, mend et viktigaste (eller i alla fall det flest verkar misslyckas med) är att inte stänga menyn samma millisekund som man råkar föra musen utanför. På grund av att olika webbläsare renderar olika så uppstår ibland "luckor" i menyerna, eller så är man lite darrig på handen (eller "genar" över ett hörn) och så försvinner de val man gjort.

Superfish som du länkar till verkar ha löst det med en timeout, men den lider istället av att det verkar vara segt att öppna menyn (det kanske går att konfigurera?).

Kolla på http://ul.se/ för exempel på en meny som är svår att använda om man har för bråttom. "Regionbussarna/upptåget" högst upp på sidan. För till exempel musen till "Kartor -> Busstationer -> Enköping" men ändra dig sedan och gå till "Linjekarta Upptåget" eller "Om UL".

Ja det var en sugig meny du länkade till :) Det blir ju lurigare och mer irriterande ju fler nivåer man har också. Tar man sig fem steg in i menyn och sen råkar dra musen en pixel utanför i en millisekund ska ju inte hela skiten rasa ihop...

Superfish använder ett plugin, hoverIntent, för att lösa det.

http://jsbin.com/ojaga

Mitt eget ostylade exempel med meny och större undermeny-yta (som självklart gör att styla om) som har en försening på nedsläckning.