Tutorial - Menu Opacity

|| ||

Yoo (─‿‿─)

Hoje estou feliz, não teno aula, nem hoje nem amanhã \o/ e ainda por cima hoje é o dia em que lança the vampire diaries, disseram por ai que também lançava hoje the origanls, mas eu quero mesmo é ver o primeiro episódio da 5ª temporada *--* li num blog de TVD para ter lencinhos porque vamos precisar 
E eu estou com um mau presentemente sobre isso, querem ver que vai logo morrer alguém no primeiro ep?

Bem vou passar para o assunto do post que é o menu opacity que eu criei quando estava a fazer o layout novo do meu blog, é simples mas eu gostei muito dele e então estou trazendo o tutorial dele para vocês, espero que gostem dele como eu gostei o3o eu não sei dse tem algum parecido :/ carreguem em leia mais


1-Vão a Modelo » Editar Html e acima de ]]></b:skin> o seguinte código:

#menuopacity {
background: #787590;
color: #4b4f56;
Border-top: 1px solid #5a5564;
Border-bottom: 1px solid #5a5564;
Border-left: 1px solid #5a5564;
Border-right: 1px solid #5a5564;
letter-spacing: 1px; 
width: 20%;  
float: left; 
-webkit-transition-duration: .90s; 
font-size: 08px; 
font-family: pf arma five;
text-align: center;
}
#menuopacity:hover {
opacity:0.60;
}

  2-Vão ao Layout e coloquem o seguinte código num gadget HTML/JavaScript:

<a href='Link' id='menuopacity'>Nome</a>
<a href='Link' id='menuopacity'>Nome</a>
<a href='Link' id='menuopacity'>Nome</a>
<a href='Link' id='menuopacity'>Nome</a>

Podem mudar as cores como quiserem 0u0

2 comentários:

  1. Gosto muito de TVD, mas ainda prefiro SPN, muito legal o menu, talvez use no meu próximo layout c:

    diamond-resources.blogspot.com

    ResponderExcluir