Olá Pessoal!
Bom hoje meu dia amado da semana (Mentira tem aula de matemática dupla) eu trago a vocês um tutorial super legal de um menu, que eu mesma uso aqui no blog, é o Menu Slow eu peguei esse tutorial no Barbie Mundo Pink.
Beijinhos!
1. Vá em Design > Editar HTML e procure por "]]></b:skin>". Acima da tag, cole:.
Slowly {width:210px;} Título {background:#eaeaea;color: #e2c1d2;float:left;padding:5px;text-align:center;width:200px;-webkit-transition-duration: .95s;font: bold 14px tahoma;letter-spacing:3px;border-radius:3px 3px 0px 0px;}Back {background:#eaeaea;float:left;padding:4px;width:202px;-webkit-transition-duration: .95s;border-radius:0px 0px 3px 3px;}Slow {background:#fad0de;color: #ffffff;float:left;width:206px;padding:2px;letter-spacing:2px;text-align:center;-webkit-transition-duration: .45s;font: bold 11px georgia;text-shadow: 2px 1px 2px #909090;}Slow:hover {background:#e2e2e2;-webkit-transition-duration: .50s;text-shadow: 2px 1px 2px #bfabab;}
- Entendendo o código:
- Título { refere-se as configurações do título, aquela partezinha cinza do começo.
- Back { refere-se aparte cinza de baixo.
- Slow { refere-se ao menu em si.
- Slow:hover { refere-se ao menu quando passa o mouse.
<center><div class="Slowly"><título>Navegue</título><a href="LINK"><slow>HOME</slow></a><a href="LINK"><slow>TUTORIAL</slow></a><a href="LINK"><slow>SOBRE</slow></a><a href="LINK"><slow>EXTRAS</slow></a><a href="LINK"><slow>QUEM SOMOS</slow></a><a href="LINK"><slow>AGRADECIMENTOS</slow></a><back><p></p></back></div></center>Créditos totais ao: Barbie Mundo Pink
Nenhum comentário:
Postar um comentário
Olá fofinhos, antes de comentar é preciso seguir umas regrinhas:
- Não pedir para seguir o seu blog, sem estar seguindo antes.
- Não usar palavrões ou palavras ofensivas.
- Não xingar ou brigar com ninguém.
Responderei seu comentário com muito amor e carinho.
Beijinhos Coloridos para você ^^