Repente CSS - [Menus]

Bom Dia galera dos padrões web!!! :grin:

Acordei essa manhã com vontade de desafiar todos! Muahahaaaa!!

A idéia desse tópico, é fazer lindos menus, usando apenas xHTML e CSS!(e algumas poucas imagens, dependendo do caso)

Funciona assim:

Eu faço um menu bonitinho(depois tento estender para outros assuntos) aqui, que vi por ai.. posto uma screen do efeito final que desejo, e vcs quebram a cabeça para resolver o efeito!

Oque acham ?

Algumas coisas que influenciarão na avaliação da solução proposta:

>
-> O número de imagens utilizadas

-> Quão crossbrowser é o efeito que você criou

-> Ausência de hacks, comentários condicionais(esses contam pontos negativos, caso usados)

-> A elegância da solução*

-> Código válido pela w3c

-> Quão próximo do efeito final você chegou

Os códigos finais devem ser para mim por PM. Assim que atingirmos um certo número de trabalhos entregues, eu crio um post, com todas as soluções, nomeando o autor de cada uma, e posto logo em seguida a minha.

** Scripts prontos, como .htc(que resolvem bugs), bibliotecas(jQuery), estão liberados nesses desafios.*

Apenas use com coerência, o uso desnecessário ou indevido causará desconto de pontos obtidos.

Evitem ao máximo hacks, cc, js.. mas oque for inevitável, como os bugs do IE, não serão contados como infrações.

O repente que não permitir o uso de nada mais além de CSS e xHTML, irei avisar com fontes garrafais.

Menus já feitos:

Primeiro Menu

/applications/core/interface/imageproxy/imageproxy.php?img=http://img515.imageshack.us/img515/6712/primeiromenu.jpg&key=0c95f56336b3fa15286e3a26289da9783b1eeb533fd9eb27c9805c39d6118738" alt="Imagem Postada" />

Segundo Menu

/applications/core/interface/imageproxy/imageproxy.php?img=http://img174.imageshack.us/img174/1262/segundomenu.jpg&key=25f95fb030cc5cf9dd1e585949eb732a5e5ff6fbd0ed10c1e9b2b3ddd6c33e56" alt="Imagem Postada" />

Terceiro Menu

/applications/core/interface/imageproxy/imageproxy.php?img=http://img525.imageshack.us/img525/4313/terceiromenu.png&key=d94f143675b1252948818727e3c59f65b275957499acf8457b543910e2dd3643" alt="Imagem Postada" />

Quarto Menu

/applications/core/interface/imageproxy/imageproxy.php?img=http://wbruno.com.br/scripts/menu/quarto.png&key=2dc710a6d3cf28491456265d39d9599d2d98573a0ad2d4ac48d4b74a524e5b65" alt="Imagem Postada" />

Quinto Menu

/applications/core/interface/imageproxy/imageproxy.php?img=http://img395.imageshack.us/img395/3339/quintomenu.png&key=6831159d8d9abc60b9aa4019e32224b31efc761c0f3f5c720bbca8689020dca5" alt="Imagem Postada" />

Sexto Menu

/applications/core/interface/imageproxy/imageproxy.php?img=http://img341.imageshack.us/img341/905/quintomenudetalhes.jpg&key=ccbe3371a1f5e34e2d19d4a64d5f349134e284c44e0c0b5c54dfe11571255de0" alt="Imagem Postada" />

Sétimo Menu Inicio: 15/05/2010

/applications/core/interface/imageproxy/imageproxy.php?img=http://img132.imageshack.us/img132/3489/setimomenu.jpg&key=645b3e0a1cdd28c67d962ce4e812fc7d4ce6fe87a9f241c1225078c37a9ecece" alt="Imagem Postada" />

Oitavo Menu (inicio 29/05)

/applications/core/interface/imageproxy/imageproxy.php?img=http://img248.imageshack.us/img248/7237/oitavomenu.jpg&key=b3d9fb4535b1da3c28221945ebe0a1e9ace657ee0833ef4cde2524478feaa683" alt="Imagem Postada" />

Nono Menu (início 25/06)

/applications/core/interface/imageproxy/imageproxy.php?img=http://img717.imageshack.us/img717/3175/nonomenu.png&key=dfdfcc7812a898ad593d6368e42c19e398306c9981511951555fa591d0645052" alt="Imagem Postada" />

Décimo Menu (início 17/09)

/applications/core/interface/imageproxy/imageproxy.php?img=http://img837.imageshack.us/img837/6695/decimo.png&key=c7f870787a21f81a7ab95ceaa13aef942863462fa57259158220d140e5e5c251" alt="Imagem Postada" />

Décimo Primeiro Menu (início 17/11)

http://wbruno.com.br/scripts/menu/11.png

Décimo Segundo Menu (início 09/04/12)

http://wbruno.com.br/scripts/menu/12.png

:lol: Décimo Terceiro Menu (início 14/05/13)

http://imageshack.us/a/img819/9763/capturadetela20130514as.png