Menu cute para sidebar

by - agosto 11, 2013


Olá anjos, como estão?
Trouxe hoje um menu para vocês.
Ele até que é bonitinho, mas acho que poucos irão usar.

Visualize o menu aqui: (www)

Como usar:

Para adicioná-lo ao seu blog, acesse Modelo - Editar HTML, e acrescente esse código acima de ]]></:bskin>:

.cutemenu {
background: fcc;
margin:10px;
letter-spacing:1px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
text-transform:uppercase;
display:inline-block;
font:10px ;
font-family: verdana;
text-align:center;
width:100px;
color:#a1a1a1;
padding:2px;
border:1px solid #FF69B4;
border-left:20px solid #FF69B4;
text-decoration:none;
}
.cutemenu:hover{
background: fcc;
border-left:1px solid #FF69B4;
border:1px solid #a1a1a1;
border-right:20px solid #FF69B4;
}


 Você ainda não vai ver o menu. Para que o ele apareça, cole o código abaixo em um novo gadget HTML/JavaScript ou em qualquer lugar que aceite HTML: 

<span class="cutemenu" onmouseover="this.style.background='#fcc'" onmouseout="this.style.background='#fcc'"><a href="link">NOME DO LINK</a></span>
<span class="cutemenu" onmouseover="this.style.background='#fcc'" onmouseout="this.style.background='#fcc'"><a href="link">NOME DO LINK</a></span>
<span class="cutemenu" onmouseover="this.style.background='#fcc'" onmouseout="this.style.background='#fcc'"><a href="link">NOME DO LINK</a></span>
<span class="cutemenu" onmouseover="this.style.background='#fcc'" onmouseout="this.style.background='#fcc'"><a href="link">NOME DO LINK</a></span>
<span class="cutemenu" onmouseover="this.style.background='#fcc'" onmouseout="this.style.background='#fcc'"><a href="link">NOME DO LINK</a></span>


Edite os links e os nomes. Depois salve. 
Espero que gostem^.^

You May Also Like

10 Comentários

  1. Ficou muito fofo! Só n vou usar prq o blog está mais para o azul -_-

    ResponderExcluir
    Respostas
    1. Que bom que gostou^^

      Ah, que pena... Mas você poderia alterar as cores *.*

      ~~Kissus

      Excluir
  2. Muito lindo Gaby-chan >.<

    Mudando de assunto...
    Posso passar o link do meu blog, para você ver se está legal?
    É que você faz tudo tão bonito *u*

    ResponderExcluir
    Respostas
    1. Obrigada fofa^^

      Não pode, deve passar!!
      Eu ja ia te pedir isso a um tempinho~~

      Anww, magina *3*
      ~~Kissus

      Excluir
    2. Fofa é vuxeê ^3^

      Ainda está em testes hehe XD ~Aqui:
      magical--dreams.blogspot.com.br
      Sério? Owwn't :3
      Estou confusa, não sei o que faço, cabeçalho ou subo a sidebar e área de postagem ;-;

      Excluir
    3. Super divo *ooooo*

      Quer uma dica linda, coloque o cabeçalho acimada sidebar e suba as postagens. Já usei um lay assim,da uma olhada: http://away-shine.blogspot.com.br/(só uma dica, tá?)

      ~~Kissus *3*

      Excluir
    4. Haha' Obrigada :3

      Que lindo!!!!
      Acho que vou fazer isso, muito obrigada x3
      #2Bjs

      Excluir
    5. Magina *.*

      Que bom que gostou da idéia^.^

      ~~Kissus

      Excluir
  3. Adorei o menu.

    Visite e siga:http://shisy-things.blogspot.pt/

    ResponderExcluir
  4. Só não boto porque não me dou bem com o html
    com certeza a hora que eu fosse fazer eu ia fazer alguma coisa errada

    ResponderExcluir

Muito obrigada por seu comentário e por sua presença!
Ambos são super importantes para mim.

Kaomojis:
(*´∀`*) (*≧∀≦*) (=´∀`)人(´∀`=) ( ・ ▽ ・)
ヾ(*^▽^*)o, 。・゚゚・(>_<)・゚゚・。 (>ω<;)*(´∀`)ノノ*
(。ゝω・)~♡ ヘ(´∀`ヘ)ヘ (╯°□°)╯•ᴥ• (´・ω・`)