Tutorial - Menu Invert


Boa tarde kawaiis >w<
Tudo bem com vocês ? então, mesmo sem vocês perguntarem comigo está bem mal, consegui tirar 4,0 na prova de desenho geométrico e 5,0 na outra de redação ¬¬ sorte que não é a prova bimestral, é a mensal e ela não altera a nota do boletim, graças a Deus.
Então, eu fiquei sem postar porque tinha postado 2 vezes já no dia e a Vaah pediu pra não postar, pra não encher o blog. Voltando ao assunto, trouxe um tutorial de um meno fofo, parecido com o da Kaorii, aquele que ela usa no Kawaii World. Espero que gostem dele, porque achei ele simples, porém fofo.
Pesquise no seu HTML isso : ]] e o primeiro código que achar irá usar.
Quando achar, cole o código abaixo, em cimo do código que você procurou:
/** menu invert por giovanna c. (un-exp3cted) **/.menu {width: auto; color: #e6d3e9; text-shadow: -2px -1px -1px #cba0cf; filter: dropshadow(color=#cba0cf, offx=-2, offy=-1); font: 33px "Play"; letter-spacing: -3px; text-transform: lowercase; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; padding: 8px; background: #f2f7f9; border-radius: 10px; margin: 5px;} .menu:hover {color: #cba0cf; text-shadow: -2px -1px -1px #e6d3e9; filter: dropshadow(color=#cba0cf, offx=-2, offy=-1);}

Ai você vai personalizar do jeito que quer a sombra, o tamanho dela, e etc .

Agora para usa-lo, cole o código abaixo em um gadget :

<a href="Seu Link"><div class="menu">Nome do Link</a></div>

E pronto. :) Os créditos vão para o tumblr de html Making Themes

Nenhum comentário:

Postar um comentário

❤ Ofensas e palavrões serão ignorados e excluidos.
❤ Seguindo, segue de volta?Sim mas fale um pouco do post.
❤Nada de pedir post pelo os comentários , se quiser algo vá na página peça .
❤Se quiser pode deixar a URL do seu blog , sempre vou retribuir a visita!
❤Perguntas/Dúvidas , serão respondidas :-)
❤Se não gostou, não use palavras ofensivas.

« »