viernes, 11 de septiembre de 2015

Biaslist 2



Bias Name

Bias Name

Bias Name

Bias Name

Bias Name

Bias Name

Bias Name

Bias Name

La segunda Bias list bueno, no hay nada que decir
aquí está el código
<center>
<style>
.iconborder{ width:90px; height:90px; border-radius:50px; border:5px solid #FFCAED; box-shadow:2px 2px 5px #ccc;margin:5px;}
.icon{ background:#EEDBEB;width:90px;height:90px;border-radius:333px;box-shadow:0 0 6px #ddd;padding:0px;border:none;}
#bias{position:absolute;
margin-top:-60px;opacity:0;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background:#fff;
width:90px;
border-radius:50px;
text-align:center;
color:#FFCAEF;
font-size:12px;
letter-spacing:1px;}
.iconborder:hover #bias{margin-top:-40px;opacity:1}
</style><br />
<center>
<table border="0" bordercolor="" cellpadding="3" cellspacing="0" style="width: 520px;">
<tbody>
<tr>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/MiJT5zt.png" width="90px" /><br />
<div id="bias">
<center>Bias Name</center></div>
</div>
</td>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/MiJT5zt.png" width="90px" /><br />
<div id="bias">
<center>Bias Name</center></div>
</div>
</td>
   <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/MiJT5zt.png" width="90px" /><br />
<div id="bias">
<center>Bias Name</center></div>
</div>
</td>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/MiJT5zt.png" width="90px" /><br />
<div id="bias">
<center>Bias Name</center></div>
</div>
</td>
 </tr>
<tr>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/MiJT5zt.png" width="90px" /><br />
<div id="bias">
<center>Bias Name</center></div>
</div>
</td>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/MiJT5zt.png" width="90px" /><br />
<div id="bias">
<center>Bias Name</center></div>
</div>
</td>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/MiJT5zt.png" width="90px" /><br />
<div id="bias">
<center>Bias Name</center></div>
</div>
</td>   <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/MiJT5zt.png" width="90px" /><br />
<div id="bias">
<center>Bias Name</center></div>
</div>
</td>
 </tr>
</tbody></table>
</center>

3 comentarios:

  1. ohhh es casi igual al de mi blog(hice una tuto) pero luego recorde que el mio es un enlace jejjje
    saludos~

    ResponderEliminar
  2. Gracias por el tutorial, luego haber si lo uso en mi nuevo diseño

    ResponderEliminar