redes sociais

<style>

/**-- REDES SOCIAIS POR BAU-DE-INCERTTEZAS NÃO COPIA---**/

.redes {background-color:#fff; border:1px solid #d4d4d4; width:220px; height:50px; margin-top:-60px ;margin-left:10px; position:fixed;}

.redesbau {position:fixed; width:180px; height:12px; font-family:consolas; font-size:10px; color:#c0c0c0; text-transform:uppercase; text-align:center; -moz-transition:all 1.0s;
-o-transition:all 1.0s; -webkit-transition:all 1.0s;}
.redesbau:hover {padding-left:70px;}
.redesbau2 {width:50px; height:12px; margin-top:55px; margin-left:-1px; position:fixed; color:#c0c0c0; font-family:consolas; font-size:11px; color:#c0c0c0; text-transform:uppercase;text-align:center; border-top:1px solid #d4d4d4;}

.redes:hover {position:fixed; padding-top:80px; -moz-transition:all 1.0s;
-o-transition:all 1.0s; -webkit-transition:all 1.0s;}

.ftbau {margin-left:5px; margin-top:10px; position:fixed;}
.ftbau img {width:16px; height:16px; margin-left:5px; margin-top:10px; position:fixed; -webkit-transition-duration: 1s; opacity:0.6;}
.ftbau img:hover {opacity:0.2;}

.ftbau2 {margin-left:50px; margin-top:20px; position:fixed;}
.ftbau2 img {width:16px; height:16px;  -webkit-transition-duration: 1s; opacity:0.6; -webkit-transition-duration: 1s; opacity:0.6;}
.ftbau2 img:hover {opacity:0.2;}

.ftbau3 {margin-left:95px; margin-top:20px; position:fixed;}
.ftbau3 img {width:16px;  -webkit-transition-duration: 1s; opacity:0.6;
  -webkit-transition-duration: 1s; opacity:0.6;}
.ftbau3 img:hover {opacity:0.2;}


.ftbau4 {margin-left:135px; margin-top:15px; position:fixed;}
.ftbau4 img {width:32px; height:32px;  -webkit-transition-duration: 1s; opacity:0.6; -webkit-transition-duration: 1s; opacity:0.6;}
.ftbau4 img:hover {opacity:0.2;}
#doncopy {margin-left:180px; margin-top:15px; position:fixed;}
#doncopy img{width:30px; height:30px;  -webkit-transition-duration: 1s; opacity:0.6;-webkit-filter: saturate(1);}
#doncopy img:hover{opacity:0.8; }
</style>

<div class="redes">
<div class="redesbau">minhas redes sociais</div>
<div class="redesbau2">REDES S.</div>
<!----FACEBOOK--->
<a href="LINK DO SEU FACEBOOK"><div class="ftbau"><img src="https://cdn3.iconfinder.com/data/icons/picons-social/57/06-facebook-20.png"></a></div>
<!----TWITTER--->
<a href="LINK DO SEU TWITTER"><div class="ftbau2"><img src="https://cdn3.iconfinder.com/data/icons/social-media/512/Twitter-16.png"></a></div>
<!----INSTAGRAM--->
<a href="LINK DO SEU INSTAGRAM"><div class="ftbau3"><img src="https://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/instagram.png"></a></div>
<!----ASK.FM--->
<a href="LINK DO SEU ASK.FM"><div class="ftbau4"><img src="https://cdn3.iconfinder.com/data/icons/brands-applications/512/ask_fm-48.png"></a></div>
<!----- SE MEXER AQUI BUGA TUDO ---->
<a href="http://bau-de-incertezas.tumblr.com/" title="BAU-DE-INCERTEZAS : Coloque em seu tumblr também"><div id="doncopy"><img src="https://cdn3.iconfinder.com/data/icons/other-icons/48/cloud_weather-48.png"></a></div>
</div>