|
¡Hola hermosas! hoy les traigo un nuevo tutorial,es como poner iconos de redes sociales flotando en tu web! es muy sencillo:
Vamos al codebase {HTML} Vista Previa
pegamos el siguiente code:
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:140px; left:-12px;'>
<a class='linkopacity' href='URL DE TU FACEBOOK' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTJDmOlCmpbUwYWQpSc5_hK2dGYWthrUryQ4wSyDj3hW0NXaJC2IOFNWOhxWJroNzHeWOMDIJS1It8xPJmkFTuPf3lP-dtmAiTGr26Pi6ygLDPWiXRq5N5EAMTt4NIM658rcJfVldcAlNF/s1600/facebook.png " /></a><br />
<a class='linkopacity' href='URL DE TU TWITTER' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGbSztOtn9AWxF_Hs6yc9mrqanwxB22ht1fHWnY5IVNYVVrAmsR66vwqfITzH22GxeAaM5fGoUothIMvrSWHRZ8WfNFtyZnOU7G7ZNEoP_jhRm8gdTgOvPksSMUrr-dTZhYd7YzHsTR9lG/s1600/twitter.png " /></a><br />
<a class='linkopacity' href='URL DE TU BLOGGER' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='go to dashboard'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoPiKUPfSAvZFxW-PYqt3zSt-nFzzUwPnmezkitFsejUM3x1UOZcc4TBj4z9AEQ_dJaKf5ESBNoWBOk6CTzjUVdFQnpWl_KHWVggzadFbOYrc30NRZpsNQuOc-IMoU0jMXRtv7T4r99lTD/s1600/blogger.png " /></a><br /></div>
Fácil, no?? Pues así queda!!! :D
Etiquetas: 2, Tuto, Tutoriales, Tutos |
Publicar un comentario