27 julho, 2012

Quem é vivo sempre aparece + Menu Fofo Simples

Tumblr_ll7yds7rng1qju2wro1_500_large_large

Oii minhas jóias raras e preciosas ♥ Desculpe pelo sumiço, sabe, eu tenho vida para viver (Isto foi besta da minha parte, até parece que você não sabem kk) então, quem é vivo sempre aparece. Hoje vou ensinar a fazer um menu simples e fofo, veja :

 

Vá em design, editar HTML e pesquise por :

]]></b:skin>

Antes de ]]></b:skin> cole o seguinte código :


#sweet-menu ul {
padding: 0px;
margin: 0px;
width: 100%;
list-style:none;
font-weight: bold;
height: 18px;
line-height: 18px;
vertical-align:middle;
}
#sweet-menu ul li {
display: block;
margin: 1px;
border:0px;
}
#sweet-menu ul li a {
display: block;
width: 150px;
font-size: 10px;
font-family : Verdana, Arial, sans-serif; */Fonte do menu */text-decoration: none;
text-transform: uppercase;
text-indent: 5px;
letter-spacing: 2px;
color: #C0C0C0; */ Cor da fonte */background-color: #CDE6FF; */ Cor do background */vertical-align:middle;
}
#sweet-menu ul li a:hover {
color: #000000; */Cor da fonte quando passa o mouse */background-color: #F8F8F8; */Cor do background quando passa o mouse */}

Edite de acordo com seu gosto.
Vá para Elementos da página, adicione um novo gadget de HTML/Javascript e nele cole o seguinte código:


<div id="sweet-menu">
<ul>
<li><a href="URL do link"> Nome do link</a></li>
<li><a href="URL do link"> Nome do link</a></li>
<li><a href="URL do link"> Nome do link</a></li>
<li><a href="URL do link"> Nome do link</a></li>
</ul>
</div>

Onde está Url do Link é o url da página, e onde está Nome do link, é o nome da página, depois salve, e prontinho espero que tenham gostado. Beijos!!!

6 comentários:

  1. aa eu ja conhecia o tuto desse menu,
    é bem bonito mesmo!

    http://blogportalteen.blogspot.com

    ResponderExcluir
  2. esse menu é fofo mesmo!! ainda não tinha visto!!
    adorei!!
    http://trashficando.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Tayná Veras, queria tanto visitar seu blog, mas seu perfil não está disponivel e seu blog não está entrando.

      Excluir
  3. Q lindo seu blog *-* Passo pelaa primeira vez por aqi '

    cerejaretardada.blogspt.com

    ResponderExcluir
  4. Cerejaretardada.blogspot.com ****'

    ResponderExcluir