13 Mei 2013

Code's Hover Image Text Version BoBoiBoy





 Jom copy+paste kod di bawah!

<style>
.icon2{ width:90px; height:118px; border:5px solid #FF8E8E; box-shadow:2px 2px 5px #ccc;margin:5px;}
#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:#FF8E8E;
width:90px;
text-align:center;
color:#FFFFFF;
font-size:12px;
letter-spacing:1px;}
.icon2:hover #bias{margin-top:-40px;opacity:1}
</style>
<br />
<table border="0" bordercolor="" cellpadding="3" cellspacing="0" style="width: 520px;">
<tbody>
<tr>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-Xmqs5Dq0OiA/UVGm_zryn9I/AAAAAAAAF50/imD9MKymUU8/s200/bbbgempa.png" width="90px" /><br />
<div id="bias">
Boboiboy Gempa</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://2.bp.blogspot.com/-TN3iLSxNrN4/UVPdeqq-N-I/AAAAAAAAF9Y/TOM-if9z7gY/s200/bbbhalilintar.png" width="90px" /><br />
<div id="bias">
Boboiboy Halilintar</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-qHm3fC7GvOU/UVGmwqHCrMI/AAAAAAAAF5s/OyPecqx61Tw/s200/bbbtaufan.png" width="90px" /><br />
<div id="bias">
Boboiboy Taufan</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-M5sNoVYvjO4/UVGmW6jECDI/AAAAAAAAF5U/UnwYT1gqM6k/s200/Fang.png" width="90px" /><br />
<div id="bias">
Fang</div>
</div>
</td>
<td><div class="icon2">
<img src="http://2.bp.blogspot.com/-DvPl6p6jt2g/UVGmE4ZNivI/AAAAAAAAF5E/XQTLyyHxA4w/s200/Yaya.png" width="90px" /><br />
<div id="bias">
Yaya</div>
</div>
</td>
 </tr>
<tr>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-IPwNArnqga4/UVGmWpuc4dI/AAAAAAAAF5Q/J5lJJXgxeBQ/s200/Ying.png" width="90px" /><br />
<div id="bias">
Ying</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-CLsl9AOxaWE/UVGmfjh0eqI/AAAAAAAAF5c/dmPLyjKI-f8/s200/Gopal.png" width="90px" /><br />
<div id="bias">
Gopal</div>
</div>
</td>
<td><div class="icon2">
<img src="http://4.bp.blogspot.com/-5Tmw9YcnubY/UVHOnBywbFI/AAAAAAAAF6o/Sgu62qFSY5U/s200/Ochobot.png" width="90px" /><br />
<div id="bias">
Ochobot</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://1.bp.blogspot.com/-3PXBPBqgYpE/UVHP4ZbO3XI/AAAAAAAAF7Y/0S04GmPJiWg/s200/Tok+Aba.png" width="90px" /><br />
<div id="bias">
Tok Aba</div>
</div>
</td>
<td><div class="icon2">
<img src="http://2.bp.blogspot.com/-AyR2Ru7QjLQ/UVHOu4DZs_I/AAAAAAAAF6w/6AMeXIgDYq4/s200/Papazola.png" width="90px" /><br />
<div id="bias">
Papazola</div>
</div>
</td>
 </tr>
<tr><td><div class="icon2">
<img src="http://3.bp.blogspot.com/-rBIYAUHPJ_8/UVHO-WeCs_I/AAAAAAAAF7A/WmV9ROarwYg/s200/Naga+Bayang.png" width="90px" /><br />
<div id="bias">
Naga Bayang</div>
</div>
</td>
<td><div class="icon2">
<img src="http://1.bp.blogspot.com/-mqUW_6Xva8I/UVJZOLJEirI/AAAAAAAAF8A/WC0vwIC8b80/s200/Giga.png" width="90px" /><br />
<div id="bias">
Giga</div>
</div>
</td>
<td><div class="icon2">
<img src="http://4.bp.blogspot.com/-06rKikxtAJE/UVHO3XN5D1I/AAAAAAAAF64/9FZ2fb2CmjE/s200/PeTAI.png" width="90px" /><br />
<div id="bias">
PeTAI</div>
</div>
</td>
<td><div class="icon2">
<img src="http://1.bp.blogspot.com/-Tfoy4_vQ79g/UVHNLP3fvQI/AAAAAAAAF6I/HLneOhXL32M/s200/Ejo+Jo.png" width="90px" /><br />
<div id="bias">
Ejo Jo</div>
</div>
</td>
<td><div class="icon2">
<img src="http://2.bp.blogspot.com/-pwRIzeaegKc/UVHNi6YprDI/AAAAAAAAF6Q/vMNPHrUEgVM/s200/Adu+Du.png" width="90px" /><br />
<div id="bias">
Adu Du</div>
</div>
</td>
 </tr>
<tr><td><div class="icon2">
<img src="http://1.bp.blogspot.com/-CIJS1QWXb50/UVHQPBHff1I/AAAAAAAAF7o/fpXm0soaKkw/s200/Probe.png" width="90px" /><br />
<div id="bias">
Probe</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-OMoGzI56erI/UVHNBxRPG8I/AAAAAAAAF6A/johQcaCVqwk/s200/Amar+Deep.png" width="90px" /><br />
<div id="bias">
Amar Deep</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-LfuPa57M2Rw/UVHNxmofrQI/AAAAAAAAF6Y/X_iZJ0vzNWU/s200/Iwan.png" width="90px" /><br />
<div id="bias">
Iwan</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-ttxJ82xtPiY/UVHOXYpqAwI/AAAAAAAAF6g/Bck9qu5puPQ/s200/Amy.png" width="90px" /><br />
<div id="bias">
Amy</div>
</div>
</td>
<td><div class="icon2">
<img src="http://3.bp.blogspot.com/-fK8yrFx4j70/UVHPp2uMhgI/AAAAAAAAF7Q/Ed70VT8o-0g/s200/Suzy.png" width="90px" /><br />
<div id="bias">
Suzy</div>
</div>
</td>
 </tr>
<tr><td><div class="icon2">
<img src="http://4.bp.blogspot.com/-sRAEpXzpk0U/UVHPK0HsVFI/AAAAAAAAF7I/xifrQ-n2bhM/s200/Siti+Zubaidah.png" width="90px" /><br />
<div id="bias">
Siti Zubaidah</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://3.bp.blogspot.com/-UWGv5Y6iZDk/UVHQgkxLX2I/AAAAAAAAF7w/fRwSGRn8ab0/s200/Nana.png" width="90px" /><br />
<div id="bias">
Nana</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
Stanley</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
Komputer (Adu Du)</div>
</div>
</td>
<td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
Komputer (Ejo Jo)</div>
</div>
</td>
 </tr>
<tr><td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
Bago Go</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-6vMnfz2Wggc/UVJuwjlR9qI/AAAAAAAAF8Y/4PUr6cdl7sc/s200/IkinAsyiqin.png" width="90px" /><br />
<div id="bias">
IkinAsyiqin</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://3.bp.blogspot.com/-KXxqaQyVNhQ/UVJumCp23WI/AAAAAAAAF8Q/rGb3iP0c9IY/s200/Farahanim.png" width="90px" /><br />
<div id="bias">
Farahanim</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
<td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
</tr>
<tr><td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
<td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
</tr>
<tr><td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
  <td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
<td><div class="icon2">
<img src="http://4.bp.blogspot.com/-zvwtfwgfeTc/UVHQDrMWZUI/AAAAAAAAF7g/BHrgJHkxd5s/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td></tr>
</tbody></table>

Tiada ulasan:

Related Posts Plugin for WordPress, Blogger...