01 abril 2013

Semana de Tutoriais + Atraso do projeto+Menu Heart

#Grisha divo

Bom dia pessoas! como vocês estão? eu estou bem (ninguém perguntou Okay G.G)
Então o projeto você é aquilo que você pensa era para a sexta, foi adiado para o domingo mas só que houve um outro imprevisto, eu tive que sair e o Zeu (x) ainda não havia chegado de viagem, então fica para o próximo post de hoje joinha?
Então eu ando com umas ideias legais, mais estou sem tempo para faze-las então minha mãe me deu uma ideia para não deixar o blog vazio essa semana, fazer uma semana completa de tutoriais! então eu vou fazer isso sim u-u Tutos ajudam muito, mas irá ter outras postagens além de tutorias, então começando agota com o menu Heart.Continue lendo.
Menu Heart é um menu fofo, que serve para várias coisas mais principalmente para créditos >< visualize aqui  é só ir no gadget Menu Heart (ava) então vamos aprender?

Vá no seu HTML e procure por ]]></b:skin> achou? u.u então ACIMA dessa tag cole 

.menuHeart a {background: #fff; color: #a52626; font-family: verdana; width:12px; height:14px; font-size:13px; padding:5px;  border-top:3px solid #eee; border-bottom:3px solid #eee; display: inline-block;cursor:pointer;text-align: center;text-shadow: 0 1px 1px #999;-webkit-transition: all ease-out 0.2s 0.9s; -moz-transition: all ease-out 0.2s 0.19s;
-o-transition: all ease-out 0.2s 0.9s; -ms-transition: all ease-out 0.2s 0.9s; transition: all ease-out 0.2s 0.9s;} .menuHeart a:hover {background: #a52626; color: #fff;transform: rotate(360deg) scale(1) skew(1deg) translate(0px);-webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);-moz-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);-o-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);-ms-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);text-align: left;border-top:3px solid #fff; border-bottom:3px solid #fff;
Salve, e crie um gadget de HTML/Javascript e cole o seguinte modificando


<div class="menuHeart"><a href="LINK"/> &hearts;</a>
<a href="LINK"/> &hearts;</a>
<a href="LINK"/> &hearts;</a>
<a href="LINK"/> &hearts;</a>
<a href="LINK"/> &hearts;</a>
<a href="LINK"/> &hearts;</a>
<a href="LINK"/> &hearts;</a>
</div>

Onde está LINK/ você cola o link que você deseja (não me diga) pronto seu menu Heart está prontinho >< até o próximo post

6 comentários:

  1. kk é um menu bonito eu ggosteii o/
    acervo-de-livros.blogspot.com

    ResponderExcluir
  2. adoro esse menu!! super legal ^^
    http://fabiolucas92.blogspot.com.br/

    ResponderExcluir
  3. Legal esse menu, mais eu fui na visualização (sabe, pra ver como ia fikar) e naum achei ele láh...

    bjus

    http://princesadepreto.blogspot.com

    ResponderExcluir
    Respostas
    1. o/ Ele é super legal, ele está no blog de preview sim flor

      http://preview-tutos-tf.blogspot.com.br/

      É o terceiro gadget

      Excluir

» Nossas redes sociais: Fã page | | Instagram | | Pinterest

» Críticas construtivas são sempre bem vindas.

» Deixe o link do seu blog no final do comentário e retribuiremos a visita com carinho.

» Lembre-se, tudo aqui é feito para você, então fique a vontade para pesquisar,ler,comentar e pedir postagens.

© BELEZA NERD 2013 - 2019. Todos os direitos reservados.
Layout e codificação: GLEICY HANER - DESIGNS E FOTOGRAFIA .
Tecnologia do Blogger.
imagem-logo