Menu Cookie

Uploaded Picture

Olá pessoas *o* Já comprei o meu material, está tudo certinho. Só falta eu terminar de resolver com o meu pai se eu vou poder entrar para postar pra vocês, essa postagem é programada, se eu não entrar amanhã já tem essa, no dia seguinte quando eu entrar posto, e ainda programo outra, assim vai facilitando mais as coisas u3u

Eu não sabia fazer menus, então resolvi ver o tutorial do Garotas cupcakes. Consegui fazer um bem simples. Eu tenho que aprender fazer aqueles grandões sabe? Ainda estou praticando isso ~  Meus menus vão ficar bem melhor, visualize aqui ~
Pesquise por ]]> Acima cole:

#MenuCookie {
background: #D7DDE3;
color: #BDC7D1;
Border-top: borda de cima (para usar: 1px solid #000)
Border-bottom: borda de baixo (para usar: 1px solid #000)
Border-left: 2px solid #809DBB;
Border-right: 2px solid #FA9CB2;
letter-spacing: 1px; Espaço entre as letras - opcional
width: 20%;  Esses dois elementos são essenciais. não esqueça de coloca-los.
float: left;
-webkit-transition-duration: .70s; Tempo da mudança de cores, etc.
font-size: 06px;
font-family: Arial;
}
#MenuCookie:hover {
background: #DBDCE3;
color: #D7B1C3;
Border-top: 2px solid #DBDCE3;
Border-bottom:  2px solid #BDC7D1;
Border-left: borda d a esquerda(para usar: 1px solid #000)
Border-right: borda da direita (para usar: 1px solid #000)
letter-spacing: 2px; Espaço entre as letras - opcional
width: 50%;  Esses dois elementos são essenciais. não esqueça de coloca-los.
float: left;
-webkit-transition-duration: .90s; Tempo da mudança de cores, etc.
font-size: 06px;
font-family:Arial;
}

Em um gadget cole: 
  <a href='LINK' id='MenuCookie'>NOME DO MENU</a>  <a href='LINK' id='MenuCookie'>NOME DO MENU</a>  <a href='LINK' id='MenuCookie'>NOME DO MENU</a>  <a href='LINK' id='MenuCookie'>NOME DO MENU</a>

Só isso ~ tchau.

11 comentários:

  1. Que menu cute , adorei *u*

    XOXO ☆ || Senhorita Liberdade

    ResponderExcluir
  2. Esse menu ficou bem fofinho *-*

    s-impatie.blogspot.com.br | Simpatie ♡

    ResponderExcluir
  3. Achei o menu lindo *u* , uma pena que nao consegui ler a postagem toda por conta das barrinhas :')

    Geekegirlie.blogspot.com || G² Official

    ResponderExcluir
  4. Respostas
    1. ps.: espero que consiga convencer teu pai, a te deixar entrar no pc

      Excluir
  5. Boa sorte no seu primeiro dia de aula >3< as minhas começaram semana retrasada já tem um tempão.
    Enfim, para o começo ficou legalzinho o menu, bem útil *3*

    ResponderExcluir
    Respostas
    1. Beijos <
      http://p-perfectsthings.blogspot.com.br/

      Excluir
  6. Que menu lindooo !!
    Beijos
    resenhando--nuvens.blogspot.com.br

    ResponderExcluir

❤ Ofensas e palavrões serão ignorados e excluidos.
❤ Seguindo, segue de volta?Sim mas fale um pouco do post.
❤Nada de pedir post pelo os comentários , se quiser algo vá na página peça .
❤Se quiser pode deixar a URL do seu blog , sempre vou retribuir a visita!
❤Perguntas/Dúvidas , serão respondidas :-)
❤Se não gostou, não use palavras ofensivas.

« »