Fonte Tips: Menu Vertical fixo no Blog com efeitos

Menu Vertical fixo no Blog com efeitos

Unknown

Essa ferramenta é muito útil para que seus leitores possam acessar suas redes sociais mais facilmente, ela tem um efeito bem legal em Jquery, contendo Home, Feed,Twitter, etc... (Você mesmo pode estar alterando as imagens e os links da ferramenta)

Primeiro Passo:Vá no painel do blog, clique em ''Modelo'' em seguida clique em ''editar HTML'' aperte Ctrl+F e procure por ]]></b:skin> e logo em seguida cole o seguinte código antes dele:

ul#menusisi { 
position:fixed; 
margin:0; 
padding:0; 
top:50px; 
left:0; 
list-style:none; 
z-index:9999; 
} 
ul#menusisi li { 
width:100px; 
} 
ul#menusisi li a { 
display:block; 
margin-left:-50px; 
width:100px; 
height:55px; 
background-color:#141414;  /* Cor de fundo do botão */ background-repeat:no-repeat; 
background-position:48px center; 
border:1px solid #cfcfcf;  /* Cor da borda do botão*/ 
-moz-border-radius:0px 10px 10px 0px; 
-webkit-border-bottom-right-radius: 10px; 
-webkit-border-top-right-radius: 10px; 
-khtml-border-bottom-right-radius: 10px; 
-khtml-border-top-right-radius: 10px; 
/*-moz-box-shadow: 0px 4px 3px #000; 
-webkit-box-shadow: 0px 4px 3px #000; 
*/ 
opacity:0.8; 
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
} 
ul#menusisi .home a { 
background-image:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S9BJaBfhOhI/
AAAAAAAAD_0/nV3ITEV9d3M/d/nav_home.png); 
} 
ul#menusisi .twitter a { 
background-image:url(http://4.bp.blogspot.com/_DCJ4PAWLOdE/TIQlsr_XkyI
/AAAAAAAAEtM/2f7I75luHyI/s1600/1283728665_twitter_47.png);

} 
ul#menusisi .comentários a { 
background-image:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJaFyqDGI/
AAAAAAAAD_w/pNO6TUSigBg/d/nav_comment.png); 
} 
ul#menusisi .rssfeed a { 
background-image:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S9BJaabJhzI/
AAAAAAAAEAA/Oo4mhwCwzbI/d/nav_rss.png); 
} 
ul#menusisi .contato a { 
background-image:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S
9BJaVZkksI/AAAAAAAAD_8/g5fo6OKT5wE/d/nav_mail.png); 
}

Segundo Passo: Agora procure por </head> e cole o seguinte código antes dele:
Terceiro Passo:Em seguida copie este ultime código e cole antes da tag </body>
Quarto Passo: Agora substitua os campos dentro do ultimo código, visualize se estiver tudo certo, salve!

Por favor, ajude o site, curta nossa pagina no facebook e participa desse site, obrigado!

AJUDE O BLOG A CRESCER COMENTANDO! OBRIGADO

Deixe seu Comentário:
1 comentário

Categorias:
Blogger

1 comentários:

Unknown disse...: o muito choll seu blog e como edito um template do blog; 8 de outubro de 2012 às 17:05

Menu Vertical fixo no Blog com efeitos

1 comentários:

Postar um comentário

Seguidores

test

oi

.:.:.:Estatística.:.:.

Blog Archive

Marcadores

Menu

Devemos voltar com o blog?

Postagens populares

.:.:.:Parceiros.:.:.