Cute Bias List #2

1. Dashboard > Template

2. Pergi ke page yang korang nak letak bias list ni.

3. Copy code di bawah .

<style>
.iconborder{ width:90px; height:90px; border-radius:50px; border:5px solid #F4E7D5; box-shadow:2px 2px 5px #ccc;margin:5px;}

.icon{ background:#EEE2DC;width:90px;height:90px;border-radius:50px;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:#888;
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">
<div id="bias">
Bias Name</div>
</div>
</td>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/QPwMRf3.png" width="90px" /><br />
<div id="bias">
Bias Name</div>
</div>
</td>
   <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/QPwMRf3.png" width="90px" /><br />
<div id="bias">
Bias Name</div></div>
</td>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/QPwMRf3.png" width="90px" /><br />
<div id="bias">
Bias Name</div></div>
</td>
 </tr>
<tr>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/QPwMRf3.png" width="90px" /><br />
<div id="bias">
Bias Name</div></div>
</td>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/QPwMRf3.png" width="90px" /><br />
<div id="bias">
Bias Name</div></div>
</td>
  <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/QPwMRf3.png" width="90px"  /><br />
<div id="bias">
Bias Name</div></div>
</td>   <td><div class="iconborder">
<img class="icon" src="http://i.imgur.com/QPwMRf3.png" width="90px" /><br />
<div id="bias">
Bias Name</div></div>
</td>
 </tr>
</tbody></table>

4. Paste code tu dekat page bias korang.
5. Preview & Save

Pink : warna border
Biru : tukar link tu kepada link gambar bias kalian
Ungu : Nama bias

credit :farahdini