quinta-feira, 31 de julho de 2014

100 comentários + Menu Double Colors

Olá, e com bastante alegria que começo esse post, queria comemorar a grande meta de 100 comentários aqui do blog, graças a vocês leitores atingimos essa grande meta, e em poucos dias, e tão gratificante quando percebo que o blog está agradando a pelo menos alguém, e realmente muito bom. Aproveitando esse clima de comemoração, resolvi trazer um presentinho pra vocês, já que um grande avanço ocorreu aqui no blog, já vou avisando que não e la grande coisa, mais considerem que fiz com dedicação, e um menu que fiz com um enorme esforço para deixa-lo bem agradável aos olhos, porque afinal um layout que deixa um choque de cores não é muito legal, pelo menos para mim. Enfim fiz o menu em três cores para agradar a todos os gostos, mais vocês podem personaliza-los como quiserem, Aproveitem (〜^∇^)〜



                                                           Click para ver o preview

1 - Vá em Modelo >>> depois click em editar HTML, click na caixinha, e depois pressione Ctrl + F, procure por ]]></b:skin>  acima dessa tag cole o código do menu de sua preferencia:


                                                                   Menu Branco:

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#double{
width: 40px;
height: 13px;
background-color: #fbfbfb;
float: left;
padding: 2px 0 4px 0;
margin: 3px;
border: 3px double #ccc;
font-family: silkscreen;
font-size: 8px;
box-shadow: inset 1px 2px 1px #fff;
color: #ccc;
text-align: center;
}

                                                                       Menu Azul:

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#double_blue{
width: 40px;
height: 13px;
background-color: #c2dafc;
float: left;
padding: 2px 0 4px 0;
margin: 3px;
border: 3px double #7daae8;
font-family: silkscreen;
font-size: 8px;
box-shadow: inset 1px 2px 1px #fff;
color: #7daae8;
text-align: center;
}

                                                                        Menu Verde:

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#double_green{
width: 40px;
height: 13px;
background-color: #d7f2b0;
float: left;
padding: 2px 0 4px 0;
margin: 3px;
border: 3px double #b5d884;
font-family: silkscreen;
font-size: 8px;
box-shadow: inset 1px 2px 1px #fff;
color: #b5d884;
text-align: center;
}

2 -  Em um gadget de HTML/JavaScript, cole os códigos abaixo, editando as partes sublinhadas.

<a href="seu link" id="double">Texto</a>
<a href="seu link" id="double">Texto</a>
<a href="seu link" id="double">Texto</a>
<a href="seu link" id="double">Texto</a>

Obs: Se usar de os devidos créditos, obrigada pela atenção.

20 comentários:

  1. Owns parabéns pelos sem comentários!
    Adorei o menu e as cores são super fofinhas!
    Beijus
    http://nut3ll4der-retida.blogspot.com.br/

    ResponderExcluir
  2. Parabéns pelos comments, tu merece *y* O menu ficou muito fofinho *0*

    www.sendohipster.blogspot.com.br

    ResponderExcluir
  3. Parabéns, espero que um dia os meus cheguem até isso, com certeza o seu merece e muito mais! Que menu mais fofinho *u* adorei o cinza < 3

    { um beijo de uma adormecida em palavras, clique na estrelinha ~ }

    ResponderExcluir
    Respostas
    1. Obrigada, com certeza o seu ira chegar, e obrigada mais uma vez!
      Que bom que gostou dos menus :D

      Excluir
  4. quer dizer, o branco mas é quase a mesma coisa e.e

    ResponderExcluir
  5. Parabéns pelos comentários *-* os menus ficaram muito lindos.
    http://thewinnterwinds.blogspot.com/

    ResponderExcluir
  6. Olá, tudo bom ?
    Parabéns pelos comentários, você merece, que venham muito mais !
    Que menu mais adorável, cores lindas, amei o verde !

    Beijos e boa semana ! | Even More

    ResponderExcluir
    Respostas
    1. Estou muito bem, obrigada também desejo que venham muito mais haha. Obrigada ^3^

      Excluir
  7. Parabéns pelos comentários amor -* adorei seu blog estou até seguindo vou visitar sempre -*♥ o menu é pft adorável -*

    || hearttutoriais.blogspot.com ||

    ResponderExcluir
  8. Parabéns pelos comentários! O blog irá crescer muito \o/ Alias, que blog lindo :3 O menu ficou bem fofo, amei o azulzinho ♥

    Beijos ♥ {Velha Infância}

    ResponderExcluir
    Respostas
    1. Obrigada, também torço para que ele cresça e melhore u3u

      Excluir
  9. Achei muuuito fofo, vai ser útil para o layout que estou fazendo <3

    hunger-girl.blogspot.com.br

    ResponderExcluir
  10. Parabéns pela meta cumprida, moça! Certeza que tem muito mais vindo aí ♥
    Que fofinho esse menu, amei o branco :3

    Beijos ♡
    {wakin-g.blogspot.com}

    ResponderExcluir
    Respostas
    1. Obrigada, tomara que venham muito mais haha, que bom que gostou do menu ♥

      Excluir