29/12/2012

Tutorial: Menu Destaque

Hoy Meus Amores!
Como vão? Eu estou super bem. Bom, hoje trouxe um tutorial de um menu. Eu acho o menu super útil e bonitinho, aqui tem uma preview dele (procure nos gadget pelo nome, Menu Destaque).
Primeiramente os créditos vão ao Kawaii World.
Para conferir clique em mais informações.

1. Vá no seu HTML, expandir modelos de widgets, de Cntrl+F ou F3 e procure por: ]]></b:skin>, acima cole o seguinte código:


http://i1234.photobucket.com/albums/ff411/SweetLG/218.png - Troque pela url do seu botão.
width: 64px; - Largura do botão.

height: 25px; - Altura do botão.

background: #COR; - Cor do fundo sem passar o mouse.
background: #COR; - Cor do fundo ao passar o mouse.
color: #COR; - Cor da letra sem passar o mouse.
font-size: 11px; - Tamanho da letra.
font-family: Georgia; - Nome da fonte.
font-style: italic; - Estilo da fonte. (aí está definida para itálico)
color: #COR; - Cor da letra ao passar o mouse.
2. Altere como pedido de acordo com os códigos das cores, recomendo esta tabela.
3. Vá no layout, adicionar um gadget, HTML/JavaScript e cole o código abaixo:
<div class="boxdestaque">
<span class="title">Título da postagem
<a class="destaque" href="LINK DO POST"></a>
</span>
</div>
4. Repita o código de acordo com quantas caixinhas você quer!
Entenderam tudo? Qualquer dúvida me perguntem, testado 100% certo.
Lembrando os créditos vão ao KW
Beijos. Até Segunda.

12 comentários:

  1. Aain *-* Esse menu é lindo ^^

    Beijos :*
    http://pequena-julieta.blogspot.com.br
    VISITA?

    ResponderExcluir
  2. Esse menu é bom bonitinho! :3

    Kissus
    gotas-de-fofura.blogspot.com

    ResponderExcluir
  3. ótimo tutu, o menu fica lindo *--*

    http://alittlemorethangloss.blogspot.com.br/

    bjs !!

    ResponderExcluir
  4. show!!! adorei!!!
    beijinhos
    http://www.euvejotudocorderosa.com/

    ResponderExcluir
  5. Ele é lindinho mesmo Debby!Beijos!
    The fluffy land

    ResponderExcluir
  6. Super interessante seu tutorial.

    venho desejar também um domingo excelente a vc!
    kisses!

    ResponderExcluir
  7. Já conhecia o menu! :3
    É muito fofo, né? *U* Adorei o tutorial ^^

    Até +! ~ :D
    sorvete--de--morango.blogspot.com

    ResponderExcluir
  8. Adoro esse menu além ser muito lindo ele
    facilita muito a navegação dos leitores no blog
    em outra oportunidade pretendo usa-lo.

    http://meucupcakedemorango.blogspot.com.br/

    ResponderExcluir
  9. nova seguidora amor o/
    que blog lindo
    seu layout me deixou babandoo
    e esse menu e maravilhoso o/
    acervo-de-livros.blogspot.com

    ResponderExcluir
  10. Feliz Ano Novo, que em 2013 seus sonhos se realizem!

    Retribui? Amantes de Moda

    ResponderExcluir
  11. Esse menu é lindo , muito fofo
    beijos <3 .

    algodaodoceteen.blogspot.com.br

    ResponderExcluir