24 de fev de 2012

Tutorial: Menu para sidebar



Me pediram na Cbox para ensinar como fazer essas paginas que tem aqui no blog.
Então vou ensinar ;).


Vá em Design Editar HTML marque a caixinha "Expandir modelo de windget"
Tecle CTRL+F ou F3 e procure por:
]]>
Quando achar, cole esse link logo antes do codigo.
*menu por Liah - Cherry Bomb - credite sempre*/#menucb {
float: left;
display: line;
margin:1px;
background:#f2eee8; /*Cor de fundo */
width: 87px; /*Largura de cada link do menu */
height: 25px;
text-align:center;
font-size: 16px; /*Tamanho da fonte*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 1px 0px 9px #cccccc;
-webkit-box-shadow: 1px 0px 9px #cccccc;
box-shadow: 1px 0px 9px #cccccc;
text-shadow: 0px 1px 5px #cccccc;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
#menucb:hover {
background: #cfd9f6; /* Cor de funo quando passa o mouse*/
color: #fff; /*Cor do texto quando passa o mouse*/
}

Modifique as cores de acordo com o seu blog.
 Agora para aparecer no seu blog as paginas, vá em Design Adicionar um gadget e add o HTML/JavaScript, cole esse codigo lá.
<a href='LINK' id='menucb'>TÍTULO DO LINK</a>
Cole o link da pagina, e o nome da pagina, e pronto ^-^.


Créditos ao blog Cherry Bomb

4 comentários :

  1. Este comentário foi removido pelo autor.

    ResponderExcluir
  2. Tag para você lá no blog ]

    http://mybarbiefashiongirl.blogspot.com/2012/02/primeira-tag-ahh.html

    ResponderExcluir
  3. Oii Floozinha! Ameei seu blog, ele esta de Parabéns!
    meu blog: http://bemdepoiisdosdoze.blogspot.com/
    Passa la..

    ResponderExcluir
  4. Este comentário foi removido por um administrador do blog.

    ResponderExcluir

Sem chingamentos porfavor ;)
Todos os comentários serão respondidos.