17/4/14

[Tutorial]Redes Sociales con Efecto!!

Holaaaaaya se que estuve ausente algunos días porque la verdad no tenia ganas de publicar nada solo respondía dudas & taleso me suele pasar cuando quiero cambiar el diseñopero no voy a contar nadaDespues de las explicaciones por las cuales no estuve en el blog os vengo a traer un tutorial de como colocar las redes sociales con efecto como tengo yoTambién os dejo el tutorial para aprender a hacerlos lalala
Edito una cosa estoy participando en un sorteo & me gustaría que os lo mirarais :3
Sorteo Plantilla Rilakkuma
  •   Diseño
  • Añadir Gadget HTLM/jabascrip 
  • Pegar este código & editarlo al gusto!

<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 la Red Social' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Nombre de la red social'><img border="0" src="Imagen de la red social" /></a><br />


<a class='linkopacity' href='Url de la red social' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Nombre de la red social'><img border="0" src="Imagen de la red social" /></a><br />


<a class='linkopacity' href='Url de la red social' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Titulo de la red social'><img border="0" src="Imagen de la red social" /></a><br />  </div>

 Si quieres añadir mas redes sociales solo añade este código entre la ultima red social & </div> del final
<a class='linkopacity' href='Url de la Red Social' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Nombre de la red social'><img border="0" src="Imagen de la red social" /></a><br />
Eso es para subir los botones mas arriba o mas abajo{aumenta o disminuye} 
Para situarlos mas a la izquierda o mas a la derecha {aumenta o disminuye} 

Esto es todo bueno ire preparando los recursos que tengo pendiente de subir a petición de una blogger & ya sabéis que yo cumplo lo que me pedís (si es muy dificil pues obviamente no XD) espero que os haya gustado el tutorial un beso & que paséis una happy semana


12 comentarios:

  1. Hi,genial tuto nwn,me gustaría pedirte un tuto,como renderizar una imagen con photoshop cs8,si no es mucho problema,sino puedes lo comprendo,bye y gracias!

    ResponderEliminar
    Respuestas
    1. yo solo tengo el photoshop cs5 & creo que solo existe asta el cs6 XD si te sirve del cs5 te paso el link del tuto que hice?

      Eliminar
  2. Muchisimas gracias Kumy! lo utilizaré en mi próximo diseño :D

    ResponderEliminar
  3. excelente tuto tal vez lo utilice gracias!

    ResponderEliminar
  4. Muchas gracias hermosa, muy buen tuto, saluditos

    ResponderEliminar
  5. Muy bueno!, gracias por el tuto! :3

    ResponderEliminar
  6. Hola.

    Muchas gracias por el tutorial, se ve muy útil, tal vez lo utilice.

    Saludos.

    ResponderEliminar
  7. Es bello éste tutorial todo queda tan bonito, muchas gracias!

    ResponderEliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com