26/05/2013

Tutorial.

Olá flores =^.^=
Trago pra vocês o tutorial do menu usado aqui no BSMP,que é esse menu com efeito giratório.O tutorial vai ser dividido em duas partes,a primeira pra ensinar o menu,e a segunda para dividir em duas colunas.Se quiser aprender,é só clicar em saiba tudo e conferir o tuto.

Menu Giratório:


Abra seu HTML clique na caixa de pesquisa dê um CTRL F e pesquise por:  /b:skin> 
Quando encontrar clique em " ► "e dessa até o código ]]></b:skin>.Acima dele cole o código do link abaixo:


                                                                       Link aqui

Após personaliza-lo como desejar,salve.Em seguida crie um Gadget - HTML/JavaScript e cole o código abaixo:

<a href="SEULINK.COM"><div id="menu" onmouseover="this.innerHTML='NOMECOMMOUSE'"onmouseout="this.innerHTML='SEMMOUSE'">SEMMOUSE</div></a> <br />

Modifique apenas as partes destacadas em rosa,seguindo as instruções:

SEULINK.COM-Será o link da sua página.

NOMECOMMOUSE-Será o nome que irá aparecer ao passar o mouse.

NOMESEMMOUSE-Será o nome que ficará aparecer quando o menu não estiver com o mouse sobre ele(note que ele aparece duas vezes,e você deverá modificar duas vezes).

Para aparecer mais caixinhas-páginas-basta ir repetindo o código.Depois é só salvar.


Dividindo o Menu em duas colunas:

Abra seu HTML clique na caixa de pesquisa dê um CTRL F e pesquise por:  /b:skin> 
Quando encontrar clique em " ► "e dessa até o código ]]></b:skin>.Acima dele cole o código abaixo:


.direita { float:right; width:49%; text-align:justify; }
.esquerda { float:left; width:49%; text-align:justify; }

Salve!

Abra um Gadget HTML/JavaScript e cole o código abaixo:

<div class="direita"> seu texto, código do menu ou o que quiser </div>
<div class="esquerda"> seu texto, código do menu ou o que quiser </div>


Modifique as partes destacadas em rosa colocando o que se pede.Depois é só salvar.


Códigos por:

Kawaii World


Abraços♥


8 comentários:

  1. Amei amiga achei o menu super fofinho, é bem a carinha do seu blog

    ResponderExcluir
    Respostas
    1. É bem fofo mesmo.
      Obrigada pelo comentário.
      Abraços♥

      Excluir
  2. Oiiie amore,infelizmente nenhum dos palpites estavam certos então te darei mais uma chance de comentar,como vc é minha amigona ♥
    Olha na novela o nome dela começa com a letra C e na vida real S

    bjs

    ResponderExcluir
    Respostas
    1. Olá flor!
      Ah,que pena que não acertei.
      Mas agora com essas dicas,e
      a nova chance acho que acerto.
      Vou lá tentar novamente.
      Abraços♥

      Excluir
  3. Oi,
    Postei esse Tutorial(com créditos) em meu blog, ok?

    http://clubedasmeninasdedeus.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Olá,
      Ok flor, com créditos pode postar a vontade.
      Abraços♥

      Excluir

Hei, people <3 Que tal deixar sua opinião, sugestão ou critica (construtiva, por favor) em nossos comentários para que assim possamos melhorar ainda mais! Lembrando, é claro, que nossos comentários são moderados, isto é, precisa de minha aprovação para que apareça. Por tanto, seja educado e se expresse de forma a não ofender a autora do blog ou a terceiros, caso contrario seu comentário não será postado, okay? Até aceito o "seguindo, segue de volta?" desde que eu goste de seu blog, seguirei sem problemas. Sem mais delongas, fique a vontade e volte sempre.
Abraços da autora;
Babi Sah ♥