May 13, 2012
Menu redondo
Exemplo aqui
1°) Coloque esse código no seu CSS.
2°) Coloque esse código depois de <body>.
Tutorial feito por Larissa Silveira, se usar credite ao Help-on-Html.
seen from United States
seen from France
seen from Malaysia
seen from United States
seen from United Kingdom
seen from United States
seen from United States
seen from United Kingdom
seen from United Kingdom
seen from United States
seen from United States
seen from T1
seen from United States
seen from United States
seen from Russia
seen from United States
seen from Austria
seen from United States
seen from China
seen from Saudi Arabia
Menu redondo
Exemplo aqui
1°) Coloque esse código no seu CSS.
2°) Coloque esse código depois de <body>.
Tutorial feito por Larissa Silveira, se usar credite ao Help-on-Html.
Como faz para deixar o menu redondo?
Como eu havia explicado nesse tutorial vou usar o mesmo menu (:
menu {font-family: Arial; letter-spacing: 2px; font-size: 11px; line-height: 13px; display: inline-block; background:fff; color:#000; width: 55px; padding: 5px; margin: 1px; text-align: center; text-transform: uppercase; border-radius:6px; text-shadow: 0 1px 1px #aaa;}
menu:hover {font-family: Arial; letter-spacing: 2px; font-size: 11px; line-height: 13px; display: inline-block; background: #fff; color:#000; width: 55px; padding: 5px; margin: 1px; text-align: center; text-transform: uppercase; border-radius:6px;}
Para trocar o menu, e deixa-lo redondo é só mudar o border-radius para um numero maior.
Border-radius: 1px = Fica quadrado
Border-radius: 2px = Fica meio redonda um pouquinho as PONTAS
Border-radius: 3px = Fica mais redondo do que com a 2px
Border-radius: 4px = Fica quase igual o menu da base da BeatrizFavato.tumblr
E assim, vai ir continuando, voce vai trocando cada numero, e ve o resultado. Se esse tutorial for util, credite (: