Menu Express

Ohh It's wonderful place!!!

Boa tarde galera como vão? Como podem perceber eu ando postando como mais frequência aqui mas isso resulta em um problema vocês acabam não comentando nos posts e isso me deixa um pouco chateada pois eu gosto de retribuir e ler os comentários de vocês por isso eu quero que vocês comentem bastante ok, e também podem dar dicas para postagens aqui no blog como dicas de filmes, livros, moda, utilidades e muito mais! Então hoje eu trouxe um tutorial que é o Menu Express, este tutorial foi pedido na ask do blog que alias foi o primeiro pedido depois de um bom tempo, então se você quiser pedir algum tutorial ou utilitário peça na ask do blog porém não se esqueça de especificar/explicar o seu pedido se for um utilitário por exemplo: eu gostaria de 10 imagens de doces com pattern pixel e com borda roxa. Esse é apenas um exemplo para quando for pedir qualquer utilitário e também não vale apenas para utilitários como tutoriais também :), chega de blá blá blá e vamos direto ao tutorial.

Este menu é o mesmo que está no gadget "Welcome to my blog!!!" ali na barra lateral, este tutorial é do Kawaii World rodos os créditos são da Kaorii.

1º: Vá no seu HTML e procure por ]]> < / b:skin>, acima desta tag cole o seguinte código:

@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}

.express {

background-color: #CORDOFUNDO; 

color: #FFFFFF; 

display: block; 

width: LARGURADOMENUpx; 

height: 15px; 

line-height: 13px; font-family: handy; font-size: 8px; text-align: center; text-decoration: none; text-transform:uppercase; margin-right: 1px; margin-bottom: 1px; padding-top: 2px; text-align: center; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;text-transform: uppercase;}

.express:hover {opacity: 0.5; margin-left: -30px;}

E mude onde está em negrito, depois visualize e salve.

2º: Logo após adicione um gadget HTML/JavaScript e cole:

< center > < a href=" SEU LINK " class=" express "> Início < /a >

< a href=  " SEU LINK " class=" express "> About < /a >

< a href=  " SEU LINK " class=" express "> Goodies < /a >

< a href=  " SEU LINK " class=" express "> Tutoriais </ a >

< a href=" SEU LINK " class=" express "> Créditos < /a > < /center >

Depois troque o que está em negrito pelo seu link, fácil né.
É só isso por hoje, beijos e até segunda!!!

{Larissa C.R.}