25/10/2012

Tutorial:Menu Blu

      orações amanteigados nem sei de onde tirei isso hoje eu trago um menu fofo que achei no tumblr então os créditos são de lá mais vocês é quem sabe se quiser dar para os dois lugares fiquem a vontade...ah e já ia esquecendo desculpem por ter demorado de postar foi antes de ontem que eu postei, né? é porque eu estou fazendo meu novo lay que maravilha que emoção e eu pelo incrível que pareça estou gostando do resultado quero que vocês vejam, ok? dê suas opiniões...rsrs mais vamos logo para o que interessa mais primeiro e claro vejam como fica Menu aqui viram? Fica bem legal, né? Vamos aprender?


Primeiramente você irá no seu HTML e procure pela tag  ]]></b:skin> e acime dessa tag que você achou cole o código abaixo:



 .menuu{ padding: 0px;margin-left:150px;position: relative;}.menuu li{font-size: 12px;display: block;font-family:'play';}.menuu li a{display: block;text-transform: uppercase;text-shadow: 1px 1px 1px #000;color: #fff;text-align:center;padding: 7px 15px;margin: 2px;background: #bebebe;letter-spacing: 1px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;width:100px;}.menuu:hover li a{color: transparent;text-shadow: 0px 0px 10px #fff;background: #000;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}.menuu li a:hover{background:#000;opacity:0.7;text-shadow: 1px 1px 10px #000;color: #fff;text-align:left;}

Entendendo o codigo: você mude de acordo da cor do codigo que é correspodente a azul claro então é só mudar de acordo com a cor que você quer,ok?


Agora para aparecer o menu em seu blog adciona um gadget/javascript o codigo abaixo:

<ul class="menuu"><li><a href="Link">Título</a></li><li><a href="Link">título</a></li><li><a href="Link">título</a></li><li><a href="Link">título</a></li></ul>

Mude de acordo com o que está escrito acho que não precisa explicar mais qualquer duvida é só falar
Prontinho corações até o próximo post , kisses~~





2 comentários:

  1. Deve ser muito kawaii pena que não dá para ver o efeito pois quando clico para ir a página diz que somente blogs convidados podem entrar no blog de testes!

    ResponderExcluir
    Respostas
    1. é mesmo desculpa por não ter mudado esqueci completamente...kkkkk mais vou mudar para todo mundo ver o blog...rsrsrs

      Excluir