Tutorial - Menu Pink Ocean. {Exclusivo}


Olá, pandas que me odeiam. Alguém aí tem ideia de algum grupo para postar na maratona? Sem ser NU'EST, claro, pois já há postagem sobre eles aqui no blog. Eu ia postar sobre Block B, mas não achei nenhum fã site brasileiro, então a coisa cumprica.

Enfim, como não tinha nada para postar resolvi postar o menu que uso atualmente aqui no blog, na qual denominei de "Pink Ocean" pois saí do "Blue Ocean" e vai para o Pink, mas bem, vocês não devem querer saber nada sobre a origem no nome. Vamos logo ao tutorial?



Visualize o menu aqui. Vá em Modelo > Editar HTML > Expanda a primeira setinha. Dê Ctrl F ou F3 e procure por ]]></b:skin>. Acima desta tag, cole o código abaixo:

.pinkocean {
background: #fundo_normal;
font-family: "silkscreen"; /* Fonte do Menu /*
font-size: 8px; /* Tamanho da Fonte /*
padding: 4px; /* Tamanho do menu /*
color: #fonte_normal;
border: 1px solid #borda_normal;
}
.pinkocean:hover {
background: #fundo_hover;
color: #fonte_hover;
text-shadow: 1px 0px 0px #sombra-texxto_hover;
border: 1px solid #borda_hover;
}

Modifique as partes destacadas em negrito. Os códigos estão auto-explicados no próprio código, nas partes destacadas e entre cada /* /* . Edite ao seu gosto e salve assim que achar que já está agradável.

Vá em Layout > Adicionar Gadget > HTML/Javascript. Neste novo gadget cole o seguinte código para que o menu funcione:

<a href="link_aqui" class="pinkocean" title="nome_do_link" color="#fff">nome_do_link</a>

Destaquei em itálico as partes que acho necessárias a serem modificas, lógico. Modifiquem com os comando que o próprio código dá. Caso aja dúvidas, venham me comunicar por comentários, por favor.

Espero que tenham gostado, e não esqueçam de mandas as ideias,
~Pequena~ 

12 comentários:

  1. Deve ser lindo, coloca para prever?
    beijos, ka♥

    ResponderExcluir
  2. Ah, que lindo <3 Eu amo menus simples assim *-* Salvei nos favoritos, porque ficou muito lindão u-u
    Shõjo ou Ana (porque eu posso q), desculpa passar esse tempo sem entrar aqui @-@ A moça tem skype? q

    ResponderExcluir
    Respostas
    1. Obrigada, dona Sagwa. Que bom que gostou <3

      AUHASUHAS' Tudo bem, sem problemas.

      Tenho, mas não tenho câmera, só minha irmã.... Por enquanto.

      Excluir
  3. Estava precisando de um menu *OO* Talvez use no meu próximo lay, achei lindo ♥

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
    Respostas
    1. Leio mentes AHSUHAS'

      Obrigada e bom uso, caso use <3

      Excluir
  4. menu lindo ***
    bjos~
    rockmoreworld.blogspot.com.br

    ResponderExcluir
  5. Nossa, que lindo! Nunca vi nenhum assim. (+.+)b
    Meu blog é novo, podes dar uma passadinha lá qualquer hora?
    http://alternativeyeah.blogspot.com
    Beijo!

    ResponderExcluir
    Respostas
    1. Obrigada <3
      É exclusivo, fui eu quem criei, flor.

      Vou olhar.

      Excluir