13/06/12

Menu simples que eu fiz


Oi gatinhos amarelos ! Hoje é o último dia em que se podem inscrever no concurso cooooorrrreeee
Bem, vamos ao que interessa. Eu ontei fiz um menu e como gostei do resultado vou mostrá-lo a vocês :)
O menu é assim :

( a parte cor-de-rosa é com o rato por cima )

Para meter o menu vai até ao html - ctrl + f - procura por ]]></b:skin>
Acima, cola o seguinte código :

/*---Início do Menu by Cat Girl---*/
cg {
font-family: arial; /* Fonte do Menu */
width: 17%; /* Tamanho do Menu */
float: left;
background: #FFFAFA; /* Cor do fundo do Menu */
padding: 5px;
text-align: center; /* Alinhamento do texto */
margin: 2px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
-webkit-transition-duration: .80s;
font-size: 08pt; /* Tamanho da fonte */
color: #FF69B4; /* Cor da fonte */
}
cg:hover {
font-family: arial; /* Fonte do Menu quando passa o mouse */
width: 17%; /* Tamanho do Menu quando passa o mouse */
float: left;
background: #FF69B4; /* Cor do fundo do Menu quando passa o mouse */
padding: 5px;
text-align: center; /* Alinhamento do texto quando passa o mouse */
margin: 2px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-transition-duration: .80s;
font-size: 08pt; /* Tamanho da fonte do Menu quando passa o mouse */
color: #FFFAFA; /* Cor da fonte do Menu quando passa o mouse */
}
/*---Fim do Menu by Cat Girl---*/


Está tudo explicadinho, basta editar as cores ( onde está a negrito ) com esta tabela (www


Depois vai ao esquema - adicionar novo "html/javascript" e cola este código lá :

<a href="Link da pagina"><cg>Nome da pagina</cg></a>


O menu é bem simples porque é o primeiro, se gostarem posso fazer mais :)
Boa quarta-feira <3


7 comentários:

  1. Gostei d tutorial , Bibi podias dizer qual é o modelo d blog ?
    Ex: Viagens -> o segundo
    ?

    Beijos !

    ResponderEliminar
  2. Bibi,como fez o o menu???
    P.S:Vou usar esse menu no próximo Lay.
    http://m-undocat.blogspot.com.br/

    ResponderEliminar
  3. Woon muito bonito o menu, nossa como seu blog ta diferente hein :)
    Bjs
    fannydream.tk

    ResponderEliminar
  4. Adorei seu blog, muito lindo, amei tudo. Parabéns mesmo, vou sempre estar aqui (:

    ontendency.blogspot.com

    ResponderEliminar
  5. Que liiiiiiiiiiiiindo! Amei Bibi!
    encantosdeumaadolescente.blogspot.com

    ResponderEliminar
  6. Ameei! Parabéns por conseguir fazer um menu!

    diamantesdeumagarota.blogspot.com

    ResponderEliminar

-Não coloques o link do teu blog para ele não ser excluído. Retribuo mesmo que deixes só "Cat Girl".

-Comentários do género "Seguindo, segue de volta", "Adoro seu blog", "Novo concurso..." não serão respondidos.

-Fala alguma coisa sobre o post, senão não retribuo.

-Aceito críticas construtivas, nada de palavrões ou coisas do género.

Beatriz


Layout by Beatriz D. ~ Cat Girl | Proibido cópias