【Tutoriales】Efecto afiliados élite

¡Hola a todos y bienvenidos a un nuevo tutorial! ^3^ Hoy os enseñare a como poner un efecto de afiliados élite. Es así como quedará:

NOMBRE

NOMBRE

NOMBRE

NOMBRE

¿Lindo, verdad? Para ello lo único que tenéis que hacer es ir a:

Añadir gadget > html/javascript 

Y pegamos este código:

<style>.iconborder{ background:#EEE2DC; /* Color De Borde Del Icono */ width:80px; /* Ancho Del Icono */ height:80px; /* Alto Del Icono */ padding:5px; border-radius:333px; box-shadow:0 0 6px #ddd; /* Tamaño & Color De Sombra Del Icono */ } .icon{ background:#EEE2DC; width:80px; height:80px; border-radius:333px; box-shadow:0 0 6px #ddd; padding:0; border:none; } .name{ background:#FBEBED; /* Color De Fondo Del Nombre */ width:84px; /* Ancho Del Cuadro Del Nombre */ padding:2px; text-align:center; color:#aaa; /* Color Del Texto */ text-transform:uppercase; box-shadow:0 0 6px #ddd; /* Tamaño & Color De Sombra Del Cuadro Del Nombre */ margin-top:-5px; text-decoration:none; } </style><center><table border="0" bordercolor="0" style="font-size:11px;" width="500px" cellpadding="3" cellspacing="10"> <td><div class="iconborder" style="margin-left:20px;"><img class="icon" style="padding:0;border:none;" src="URL-IMAGEN-ICONO"></div><div class="name"style="margin-left:20px;"><a href="ENLACE" style="text-decoration:none; color:#aaa;">NOMBRE </a></div></td> <td><div class="iconborder" style="margin-left:20px;"><img class="icon" style="padding:0;border:none;" src="URL-IMAGEN-ICONO"></div><div class="name"style="margin-left:20px;"><a href="ENLACE" style="text-decoration:none; color:#aaa;">NOMBRE </a></div></td> <td><div class="iconborder" style="margin-left:20px;"><img class="icon" style="padding:0;border:none;" src="URL-IMAGEN-ICONO"></div><div class="name"style="margin-left:20px;"><a href="ENLACE" style="text-decoration:none; color:#aaa;">NOMBRE </a></div></td> <td><div class="iconborder" style="margin-left:20px;"><img class="icon" style="padding:0;border:none;" src="URL-IMAGEN-ICONO"></div><div class="name"style="margin-left:20px;"><a href="ENLACE" style="text-decoration:none; color:#aaa;">NOMBRE </a></div></td> </table>

En este código tenéis también las instrucciones para pegar los links de las fotos... etc.

Espero que os haya gustado un montón y no olvidéis comentar si os a gustado.

Hasta la próxima entrada, ¡adiós! :D