15 de ago de 2012

Novo Layout + Tutorial - Menu Size

Ohayou-gozaimasu~
Gostaram do novo Layout? Fiz de novo com uma personagem do Touhou Project, dessa vez a minha diva amada Flandre Scarlet.
Bem gente, eu ainda estou fazendo alguns ajustes, além de arrumar as páginas e algumas postagens, então vai demorar um cadinho até ele ficar pronto...mas eu só queria mostrar pra vocês como ficou ^^
Então, antes de ir embora, vou ensinar a fazer um menu igual esse que eu estou usando, para aprender, já sabe onde clicar ;)
1. Procure por ]]></b:skin> e acima da tag, cole:
.menusize {
display : block;
padding: 2px;
background: #e0e0e0;
text-indent : 5px;
padding-left: 6px;
vertical-align : middle;
margin-bottom: 2px;
-webkit-transition: all 0.60s;
}
.menusize:hover {
padding-left: 15px;
border-width: 1px;
border-style: left;
border-color: #f2bad2;
box-shadow: inset 350px 0 0px 0 #f2bad2;
 -webkit-transition: all 0.30s;
}
2. Salve e vá em Design>>Editar HTML e adicione um gadget de HMTL/JavaScript. Nele, cole:
<div class="menusize">
<a href="www.seublog.com"> Link 1 </a></div>
<div class= "menusize">
<a href="www.seublog.com">  Link 2 </a></div>
<div class= "menusize">
<a href="www.seublog.com">  Link 3 </a></div>
<div class= "menusize">
<a href="www.seublog.com">  Link 4 </a></div>
<div class= "menusize">
<a href="www.seublog.com"> Link 5 </a></div>
<br />
Créditos: Kawaii World

8 comentários:

  1. Ficou lindo, adorei a combinação de cores que vc fez, deu um ar bem kawaii ^^ Já vi esse menu size no KW, é muito cute [:

    O Candy Cherry também está com um lay novo, da uma olhadinha !
    # >>> candycherry-official.blogspot.com

    ResponderExcluir
    Respostas
    1. Que bom que gostou =3
      Eu peguei de lá, mas eu dei os créditos-desu >.>
      Ficou lindo o lay do Candy Cherry =3

      Excluir
  2. Nyah adorei o tuturial *-* e o novo laylout tá supper lindo <3 claro que aceito afliação amor o seu blog é tão divo *OOOO*
    http://misakifansub.blogspot.pt/

    ResponderExcluir
    Respostas
    1. Arigatou *-*
      Que bom que gostou do tutorial e do Blog =3

      Excluir
  3. Amei o tutorial! Sério, eu estava procurando por ele faz séculos. Acredite se quiser, mas esta é a verdade :) Eu uso esse menu na minha página de goodies, acho que fica bem lindo :)
    Então, eu estou seguindo aqui e ficaria bem feliz se você seguisse meu blog.
    Beijos, http://uma-pequena-borboleta.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que gostou =3 ficou lindo mesmo, já estou seguindo lá ;)

      Excluir
  4. OMG! O lay ficou super lindo, adorei *---*

    Nyann' Eu precisava desse tutorial para o próximo lay do meu blog, >.<

    Super kawaii seu blog, seguindo e amando os posts (♥)


    http://nekogiirl.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Arigatou *-*
      Que bom que gostou do tuto e do blog *-* arigatou por seguir~

      Excluir