menu chocolate bar

Yoo milk-shakes de baunilha ^y^ como estão? Espero que bem. Eu finalmente tô terminando um livro aqui e minha internet está achando que aqui é a casa da tia Joana ¬¬ e, pior de tudo (além da internet dando pau), é que meu pai tá enrolando pra comprar meu The Sims 4, e eu tô quase pirando com isso! Mas no meu tempo livre e na minha criatividade dando "Oi", eu resolvi fazer um menuzinho simples, que já tinha sido pedido há muito tempo atrás. O nome é esse porque eu achei muito parecido com uma barra de chocolate HSEUHSUE' enfim, espero que gostem e comam muito desse menu. Vamos ao tutorial? 
{preview aqui}
1. Vá em Modelo >> Editar HTML >> Dê Ctrl + F e procure por ]]><
Assim que achar a tag procurada, cole esse código acima dela:
.menuchocolatebar {
font-family: PF Arma Five;
font-size: 8px;
text-align: center;
color: #85552a;
text-shadow: inset 1px 0px 1px #85552a;
box-shadow: inset 0px 0px 1px #b38257;
letter-spacing: 2px;
background: #cc9974;
outline-offset: -3px;
outline: 1px solid #b38257;
border: 1px dotted #b38257;
widht: 12px;
height: 6px;
float: center;
padding: 4px;
line-height: 6px;
margin: 2px;
border-radius: 2px;
-webkit-transition-duration: .80s;
}
.menuchocolatebar:hover {
color: #b38257;
background: #85552a;
text-shadow: inset 1px 0px 1px #b38257;
box-shadow: inset 0px 0px 1px #b38257;
widht: 6px;
letter-spacing: 0px;
border-radius: 0px;
-webkit-transition-duration: .80s;
}
Peço que modifiquem apenas as cores e as sombras, que são as seguintes:
color: #CORDASUAFONTE;
text-shadow: inset 1px 0px 1px #CORDASOMBRADOTEXTO;
box-shadow: inset 0px 0px 1px #CORDASOMBRADACAIXINHA;
background: #CORDASUACAIXINHA;
outline: 1px solid #CORDASUABORDAADENTRADA;
border: 1px dotted #CORDASUABORDANORMAL;
2. Agora, vá em Layout >> Adicionar um Gadget >> HTML/JavaScript
E em seguida cole esse código dentro do seu gadget:
<div class="menuchocolatebar"><a href="http://LINK">nome</a></div>
<div class="menuchocolatebar"><a href="http://LINK">nome</a></div>
<div class="menuchocolatebar"><a href="http://LINK">nome</a></div>
<div class="menuchocolatebar"><a href="http://LINK">nome</a></div>
Mude as partes destacadas, e agora é só salvar!
Eu sei que o menu não está lá a perfeição, mas esse é o segundo que faço, e até que ficou bonzinho. Besitos, amorecos <3
PS: Fico feliz que tenham gostado da Bru >..<

8 comentários:

  1. Aaaaa, que bacaaana *-* Eeei, adorei a iniciativa do blog com dicas de HTMl, sem dúvidas vai me ajudar muuitp, porque vivo inventando moda. Adorei o tuto!

    ps: essa foto no inicio do post me deu fome, que malvada ><
    www.iamcamilakellen.blogspot.com

    ResponderExcluir
    Respostas
    1. Awn obrigada amore *~*
      SHEUHSEU' acho que todo mundo já se embolou com esse negócio de HTML e.e
      Sim sim, eu quase comi o travesseiro quando vi a foto pela primeira vez hahaha

      Besitos e obrigada pela visita >..<

      Excluir
  2. Muito fofinho o efeito do menu >3< cara, que show, o livro é sobre o que? The sims? Tu tem wii nintendo ou playstation? Sou doida pra ter um desses :3

    Adolescente Nerd // Oficial

    ResponderExcluir
    Respostas
    1. Ah, tomara que seu pai consiga comprar logo né

      Excluir
    2. Obrigada Hannah <3 não haha, o livro é sobre Ponny, um trauma (casal) de RBD. Eu comecei a jogar The Sims pelo playstation, mas depois meu comprou o de computador pra mim >..< Talvez hoje mesmo ele compre hihi

      Besitos, obrigada pela visita *w*

      Excluir
  3. Nossa, q menu lindinho ^^
    Muito bom, parabéns! ^^
    ~seguindo

    Kissus http://c-omebackhome.blogspot.com/

    ResponderExcluir
    Respostas
    1. Obrigada amore >..<

      Besitos ^w^ aliás, adorei o seu blog hihi

      Excluir

Yoo chokito ^y^
Vejo que está indo comentar, fico feliz por isso, cada comentário pra mim é uma voz dizendo "Continue, não se desvie do seu sonho!" então muito obrigada... Mas, antes eu vou dizer algumas regrinhas, ok?

- Por favor, não fique no anônimo apenas para xingar alguém. E se não me engano, isso é o quê as blogueiras mais pedem. Eu ficarei muito agradecida se ninguém aqui praticar coisas do tipo, até porque estamos num pedacinho do céu, e temos que preservar a paz, certo? Certo!

- Se quiser pedir afiliação, é só ir na página que está no menu lá em cima. Querem uma asinha para subir? =3

- Desculpem, mas não faço parte do "Seguindo, segue de volta?", até porque aqui não é Twitter, né? E mesmo assim, eu visitarei todos os blogs, e seguirei se gostar do conteúdo. Não me importo com o layout, até porque estamos aqui para ajudar uns aos outros, né?

- Em breve estarei fazendo uma Ask para o blog, mas enquanto isso podem perguntar por aqui mesmo.

Bom... Eu acho que é só isso! Se quiserem algum tuto ou tag, podem pedir à vontade. Besitos, amo vocês! <3