Muyy buenas koreans! como estan?! espero que super mega bien, yo aqui feliz anunciando que korean suite tiene twitter! click aqui {x} para ir a ver nuestro pequeño twitter y tambien quiero decir que proximamente tendremos canal de youtube para lo que son las precentaciones de las plantillas , tutoriales y mas.
Sin decir mas comencemos con el tutorial, el efecto esta super mega lindo y bueno aqui la vista previa
{ x }
Si te gusto el efecto debes aplicar el siguiente codigo donde quieras que esten tus afiliados:
pero antes recuerda dar creditos a Korean Suite
<style>
.iconborder{background:#EEE2DC;width:80px;height:80px;padding:5px;border-radius:333px;box-shadow:0 0 6px #ddd;}
.icon{background:#EEE2DC;width:80px;height:80px;border-radius:333px;box-shadow:0 0 6px #ddd;padding:0;border:none;}
.name{background:#FBEBED;width:84px;padding:2px; text-align:center;color:#aaa; text-transform:uppercase;box-shadow:0 0 6px #ddd; margin-top:-5px; }
</style>
<center>
<table border="0" bordercolor="0" style="font-size:11px;" width="500px" cellpadding="3" cellspacing="10">
<tr>
<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i1236.photobucket.com/albums/ff442/HisaHime/girls/SunHwa18.png"></div>
<div class="name"style="margin-left:20px;">
Name</div>
</td>
<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i1236.photobucket.com/albums/ff442/HisaHime/girls/SunHwa18.png"></div>
<div class="name"style="margin-left:20px;">
Name</div>
</td>
<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i1236.photobucket.com/albums/ff442/HisaHime/girls/SunHwa18.png"></div>
<div class="name"style="margin-left:20px;">
Name</div>
</td>
<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i1236.photobucket.com/albums/ff442/HisaHime/girls/SunHwa18.png"></div>
<div class="name"style="margin-left:20px;">
Name</div>
</td>
</tr>
<tr>
<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i1236.photobucket.com/albums/ff442/HisaHime/girls/SunHwa18.png"></div>
<div class="name"style="margin-left:20px;">
Name</div>
</td>
<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i1236.photobucket.com/albums/ff442/HisaHime/girls/SunHwa18.png"></div>
<div class="name"style="margin-left:20px;">
Name</div>
</td>
<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i1236.photobucket.com/albums/ff442/HisaHime/girls/SunHwa18.png"></div>
<div class="name"style="margin-left:20px;">
Name</div>
</td>
<td><div class="iconborder" style="margin-left:20px;">
<img class="icon" style="padding:0;border:none;" src="http://i1236.photobucket.com/albums/ff442/HisaHime/girls/SunHwa18.png"></div>
<div class="name"style="margin-left:20px;">
Name</div>
</td>
</tr>
</table>
</center>
Edita:
name: la url de tu afiliada.
Name: El nombre de tu afiliada
Graciias por el tutorial! :D
ResponderEliminarSaludoos!