11/11/2012

Menu Praiano, confira!

Tumblr_md8vwqokmm1qcp2woo1_500_large
~sonho sonho sonho~

Olá peixinhos *-* Hoje eu estou em clima de praia, não eu não estou na praia infelizmente, mas está muito calor, pelo menos aqui, e eu estou neste notebook derretendo com um ventilador atras de mim obrigado ventilador, estou louca para chegar as férias e poder ir para a praia! Mas enfim, como eu estou sem photoshop no momento... eu trouxe um menu! E adivinhem qual é o nome do menu? Praiano!! uahsauhs Clique em Leia Mais e vamos ver!


É eu sei que o nome é meio sem noção mas como eu já expliquei no começo do post que hoje minha inspiração é praia, saiu isso, ficou bem simples mas espero que vocês gostem >.<

Visualize o menu *Aqui*
Ai vocês me perguntam, se você ta sem photoshop, como escreveu 'Normal', 'Hover' e tudo mais? Fácil! Paint! hehe

Para usar este menu, você precisa ir em Modelo>Editar HTML>Prosseguir, ai você clica Ctrl+F e procura por:
]]></b:skin>
Agora acima desse código, você vai colar esse outro aqui:

/* Menu praiano by Candy Grape */
praiano{
color: #fff; /* cor da fonte quando passa o mouse */
text-align:center;
font-size: 12px; /* Tamanho da fonte do menu */
background: #94D3F2 ; /* Fundo do menu */
padding: 2px;
float: left;
margin: 2px;
width: 45%; /* tamanho do menu */
-webkit-transition-duration: .80s;
border:1px solid #299659; /* bordas */
border-radius: 10px; /*---- bordas arredondadas ----*/
}
praiano:hover{
background:#2CDE50; /* fundo do menu quando passa o mouse */
border:4px solid #fffff; /* bordas quando passa o mouse */
color: #C9E5F2; /* cor da fonte quando passa o mouse */
-webkit-transition-duration: .80s;
border-radius: 5px; /*---- bordas arredondadas ----*/
}

Agora que você já colocou o código no HTML e salvou, vá até Layout e adicione um novo Gadget de HTML/JavaScript e cole esse código:


<div><a href="URL 1"><praiano>NOME 1</praiano></a>
<a href=" URL 2 "><praiano>NOME 2</praiano></a>
<a href=" URL 3 "><praiano>NOME 3</praiano></a>
<a href=" URL 4"><praiano>NOME 4</praiano></a></div>

Ai é só fazer as alterações necessárias e prontinho, você tem o Menu Praiano ^^
Por hoje é isso! Até mais!

9 comentários:

  1. Adorei o tutorial!
    OBrigada por seguir o Meu cantinho!
    Degarotadg.blogspot.com
    Beijos e ate mais '3'

    ResponderExcluir
  2. Oi daqui é a Sah do antigo blog Sakura's Kawaii World, sou sua afiliada e vim avisar qe o nome e link do meu blog mudaram, por isso peço que mude nos seus afiliados, tabom?

    Obrigada

    Novo Link: http://iam-a-broken-rose.blogspot.pt/

    ResponderExcluir
  3. ficou muito fofo o menu, florzinha! Praiano, que nome divertido kkkk' Beeijos!
    pqngarota.tk

    ResponderExcluir
  4. Ah! Seguindo aki!

    http://facebook.com/brogandome/
    http://brogandome.blogspot.com/
    http://saorimonroecobain.tumblr.com
    @carolposeidon

    ResponderExcluir