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

Tidak ada komentar:

Poskan Komentar

After Read My Post? Dont Forget to Comment

Related Posts Plugin for WordPress, Blogger...
 
Fully Design By Ihza | For Ihza 2013-2015 ©| Best View: Google Chrome