07 fevereiro, 2012

Enquete + Tutorial - Menu para Sidebar

Tumblr_lxwd46k9sk1qjj8cwo1_400_large

Oii minhas lasanhas *-*  Como vocês estão? Eu estou ótima graças a Deus. Hoje vim avisar sobre a enquete que criei e um tutorial super legal.  Eu criei esta enquete para vocês decidirem se eu mudo o nome do blog ou não, a enquete está acima das postagens, podem votar. Estou pensando em mudar o nome para Daily Dreams que na verdade significa Sonhos Diários ( Tipo sonhar diáriamente ) só que não tenho certeza por isso quero que votem, a e um avisinho : Não copie o nome Daily Dreams, eu tive essa ideia, plágio é crime.

Para aprender a fazer o menu clique em Read More.


Menu para sidebar

Vá em Design >  Elementos da Página > Adicionar um Gadget > Adicione um HTML/JavaScript e cole o código abaixo dentro da caixinha :
<a href='LINK' id='menucb'>TÍTULO DO LINK</a>

Nós vamos colar o código do menu 1° para visualizar quando se está escolhendo as cores.
Agora novamente vá em Design > Editar HTML > Dê CTRL + F e procure por :

]]></b:skin> 

E acima da tag pesquisada cole o código abaixo :

/*menu por Liah - Cherry Bomb - credite sempre*/#menucb {
float: left;
display: line;
margin:1px;
background:#f2eee8; /*Cor de fundo do menu*/
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 fundo do menu quando passa o mouse*/
color: #fff; /*Cor do texto quando passa o mouse*/
}

Edite as cores como quiser, pois no código já está explicando. Para finalizar clique em visualizar e no 1° código que você adicionou em Elementos da Página é o menu, visualize e veja como está , caso dê tudo certinho salve. Para adicionar o menu cole o código baixo em um HTML/JavaScript  e o repita e edite-o coms os links e seus nomes :


<a href='LINK' id='menucb'>TÍTULO DO LINK</a>



Beijos Gente inté.

9 comentários:

  1. haha, muito bom flor ! (: adorei .
    garota-fashiion.tk

    ResponderExcluir
  2. Ameii o tutorial. Bjs

    http://dreamsofagirl-blog.blogspot.com
    http://bubblemagic-blog.blogspot.com

    ResponderExcluir
  3. Que blog super lindo! Ameii muito...tudinho aqui! A Selena é uma fofa!Estou seguindo aqui...se puder retribiu? Dá uma olhadinha nas promos do meu blog..são marcadores, caderno poesinha...super fofos!
    Bjus!
    http://palomaviricio.blogspot.com

    ResponderExcluir
  4. ja votei na enquete do nome :D

    http://blogportalteen.blogspot.com

    ResponderExcluir
  5. Opaaah, adorei aqui!

    Valeu a dica! e votei na enquete tb :)

    ResponderExcluir
  6. Obrigada pelo tutorial!! Estava querendo faz tempo, haha!
    Ah sim, e sobre os templates (que você comentou no meu blog), bem, o meu não fui eu que fiz mas o lay free sim, e eles foram feitos no photoshop com ajuda do front page ;)
    bjsss <3

    ResponderExcluir
  7. Obrigado pela visita *---*
    Seguindo aqui!

    bjãooo!

    ResponderExcluir
  8. Sou eu mesmo na foto do perfil... kkkkk

    mas já fizeram fake meu --'

    ResponderExcluir
  9. amei seu blog, parabéns! Me ajudou muito o tutorial *-*
    Seguindo! Da uma passada no meu blog: http://twofriendsonediary.blogspot.com/

    Vota em mim por favor no concurso desse blog -> http://sweet-giirl-oficial.blogspot.com/
    Vota em Two friends one diary, por favor! Muito obrigada, milbeijos:*

    ResponderExcluir