Icones de redes sociais escondidos

18:03 2 Comments A+ a-


Bem gente, eu queria ter uma preview desse efeito, mas infelizmente não tenho então irei apenas descrevê-lo.
É o tipo de um menu, porém não é.
Os icones ficam escondidos e apenas quando você passa o mouse sobre a sidebar os mesmos aparecem. Ficam bem bonitinhos e bem diferente, se quiserem aprender, venham comigo.
Créditos ao We Heart HTML.



Primeiramente cole esse código antes de ]]></b:skin>:

.main-inner:hover icons {opacity: 0.5;-moz-webkit-transition-duration: .50s; -webkit-transition-duration: .500s; }
icons {display: block;position: absolute;opacity: 0;-moz-webkit-transition-duration: .50s; -webkit-transition-duration: .500s;
margin-left: -40px; /*margem da esquerda, pode mudar o LEFT por RIGHT, lembre que número negativo vai pra esquerda e positivo pra direita */
margin-top: 30px; /* Margem do topo, positivo desce e negativo sobe */ }
.icon { -moz-webkit-transition-duration: .50s; -webkit-transition-duration: .500s; opacity: auto; margin-bottom: 2px;}
.icon:hover {opacity: 1;-moz-webkit-transition-duration: .50s; -webkit-transition-duration: .500s; }

Altere apenas o necessário no código e então salve.
Agora em um gadget HTML/Java Script cole o seguinte:

<icons><div class="icon"><a href="Seu_Link" target="blank"><img src="Link_do_ícone" title="Legenda"/></a></div>
<div class="icon"><a href="Seu_Link" target="blank"><img src="Link_do_ícone" title="Legenda"/></a></div>
<div class="icon"><a href="Seu_Link" target="blank"><img src="Link_do_ícone" title="Legenda"/></a></div></icons>

A parte em negrito deve sempre estar no começo do código, já a parte sublinhada sempre no final. O código entre esses dois é o código dos ícones, se você quiser adicionar mais, copie e cole o código em rosa dentro dos códigos em negrito e sublinhados.

E então está feito! Espero que vocês gostem do efeito!
Beijos!

Sou Nathalia Nates, adolescente, confusa, que não sabe o que quer da vida, e por isso tenta de tudo(desistindo na maioria das vezes por ter medos e inseguranças).

Nasci em uma pequena cidade do norte do paraná, onde moro até hoje, com meus pais e meus dois cachorros.