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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKV4Ag_6lborJ-A5q_9L_NkRY23svHNEui1ekrkQCtzQD1PAuPZuZQPxqZfvNfls0zyZ7l4SypccxHJf50H96rbspYXVZIGeikPHZaxZ6i5akWNcIVHV1CZqHIdukJFpcgmdW38Y7ts9iD/s200/bbbgempa.png" width="90px" /><br />
<div id="bias">
Boboiboy Gempa</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-s_p0_zSs-NHfBgXEFHbJiUkmfkdfLuc5-UJbQkYh-WAf0x6usPu-yAH7w9yRzH3qeTnpaaS7Rvf5efBLpAGVZLr9pngpNG9lugSHjajiui521DoRq__586pFX4v_efv1zsrS8nzcLIoq/s200/bbbhalilintar.png" width="90px" /><br />
<div id="bias">
Boboiboy Halilintar</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV6XjRM5RQBapR_vH9YrWxBvdLHzu18tfMZR4YO21zFT7ZV-iQHUEeiwIxDntsi2a4f3enT_3WPo-eLDjECD2ldFbKsTFpovmwPEjSTVEaTkh18k4h6nirptyV-WKG6if6XPAP94d0ne2C/s200/bbbtaufan.png" width="90px" /><br />
<div id="bias">
Boboiboy Taufan</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj66Eh0ElAGevtudjME7bl67lXZEtIKyXN2g2wcr2pobq4u6-qxHz3BIpw85l5tpKG7HZ2OvcVMywv1KFy6tBgzVDajMScSDMD5eS_HdpNBDZNcqwqhwgJvE6hZaSVNQ3EYP43vCnNpsnmG/s200/Fang.png" width="90px" /><br />
<div id="bias">
Fang</div>
</div>
</td>
<td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR37McwLNAVV9JYBcXlIhC15GNnE1j2RyfYrC0NsZOlTy75h2V2hSI9_TYSUwtJlRhonoU-cgHxg6igPwIVKows2eqVdd0lAI-cRnLG2TZnSK6pQMoWmg6I-YjGdGP-r3kWb0lN4YrewT6/s200/Yaya.png" width="90px" /><br />
<div id="bias">
Yaya</div>
</div>
</td>
 </tr>
<tr>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Uk1GxTYijhyFBaqlOQ6DeOS7Vwy9wRLDrRSYHF-fsd0ZdnGFBcvltnMipwyCnZ0mXbUCGvsyJ4HPAZuoi69mQYbdWvnu7ubidfGw6p8wnAm1ziOrgU3l-arHgymkaeHpvZMkHCBbUKVS/s200/Ying.png" width="90px" /><br />
<div id="bias">
Ying</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgelR8MnNMIWcTwkHBaNFVylcAa0M3URlyXPDf5ktAMaKHGFfBbnqkRWTe46ztZgzUfDZuJuV6pIikc_3H2b8WpKcy-qGOH5Bx6fC8txIVhm4pnzCtLc5iITqi9vLfVHbY_okp4Eu36_Htg/s200/Gopal.png" width="90px" /><br />
<div id="bias">
Gopal</div>
</div>
</td>
<td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwGHBCxo-wEqJ4rl5vCYxZnUODiyNO1Z43XGzgybDCAEyZpmlB_nd9VWtNkVGC1CstduquruDYh0TBV6rO_bRdRPCg8yvkzNcVaMkDr6tRfIytKxP6-mlu5AVzfMoMede8FsSoaXMVMIF3/s200/Ochobot.png" width="90px" /><br />
<div id="bias">
Ochobot</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxlth1hbIqvAryJrc2uIFqrGdBB4_JVe2OjvgX7tXfkAGaqmR46tAJjP9QB3baToDx-LfBcowd-BfKk-gwe60GkfCGlNFCbwV7MRi-FakOA2EAFVCX1giYP4WW3EkxG_11XgACTXr7OM4s/s200/Tok+Aba.png" width="90px" /><br />
<div id="bias">
Tok Aba</div>
</div>
</td>
<td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipTYhnEVorDXeen87VxYmFOqP38dQlTCLD0ThTwZYg2A-fZiaPfQT1ZMm-sdJs-dAjZXSdvzxqLlbOrall4eFunCd644caw08P0tKAee1qfQRhBx8ywhw5feIokSe76L-J9rqlCDpzU46g/s200/Papazola.png" width="90px" /><br />
<div id="bias">
Papazola</div>
</div>
</td>
 </tr>
<tr><td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMLjHyV7I-HOkwCTCAPSjk_s-paA7MNP2gZQqNueT-ufQXCLvTcrzsIGKXD1VKbtYpk8E_ao5-BKHkfI_By74crEEEPFMfEhT7P4X_r7icNLyLdtvPEcUo8QCH29Oem_B36pJkP5ioRGvK/s200/Naga+Bayang.png" width="90px" /><br />
<div id="bias">
Naga Bayang</div>
</div>
</td>
<td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsNQjatlAAYOwUQlyvgGfgt6WAi1vJvelRA6wLxPR_oUrcjWcs2JWmw6dsedk5t1I51fcoHBi4wYsrlbskJ8sxRHQemMY_ERRLv2n9TMQYYlZOYSeebX1L761Ap76rUDnbXifI-lwCT7ZY/s200/Giga.png" width="90px" /><br />
<div id="bias">
Giga</div>
</div>
</td>
<td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUulNm6eiGpsZNKqqnsiq8O48XH_4RNuapq6LMYS8Wt100nJdG1i1WjvvuB8gjzQQvBIN19GC8r2sietvY07O6PUi7Vp0nomRi9x5JN2mq2Bc3Uaq-EFNAluGU6JYyNTnnuvOyc8SD38hz/s200/PeTAI.png" width="90px" /><br />
<div id="bias">
PeTAI</div>
</div>
</td>
<td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9x4GFRKtgtjtUozj2QnuYDg9sW8B-7a58fCAmTywUr6v-oV2PKmWVpmPkVWkycrUAwcegAPiOwHZfrtdktDdThNLj9O4yEyxONtv-Fj_5WO1aNVConDhcsf03DsOcasBZm0-Pph4x0VBl/s200/Ejo+Jo.png" width="90px" /><br />
<div id="bias">
Ejo Jo</div>
</div>
</td>
<td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_OYnb-DCt-9uRhB4yCXp0Xb34JedVy5l4KQlfpkXHqD6F0GV8zW8e5oFBZL_Zf0UynBvBKKrFNzo9cfLpI_3OdkPQNtXUcqhGJEt8zdNophr3GtbbLiYXE5O4qMtUaSREWfDN6C2_-gtq/s200/Adu+Du.png" width="90px" /><br />
<div id="bias">
Adu Du</div>
</div>
</td>
 </tr>
<tr><td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn_-4CwCLYPbn8PK7jLoz7VQDi1-dE8UeYhhDzWqeJJAw7vx2istGeCfeSL2XXaODC1AqB36ChyphenhyphenaB8qChjA_zHcAhBy5eGGfOAfO1VNn8uYhY-c4_xPYuDsXouqJYfDR3pVh17YFnyX20u/s200/Probe.png" width="90px" /><br />
<div id="bias">
Probe</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiJCrqnB_x11yCCfJLIbNqP9AFiDrTCsYhbRO1C2YrngR_f0K5xXG1K5GxM7FXi0FQJgQKuib1PCLChmq204khETA9OqrtfQn301e_nBNutZPSkNw81uN7y5SILzh1-7wUlRyCuRSfXK51/s200/Amar+Deep.png" width="90px" /><br />
<div id="bias">
Amar Deep</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0COgUFy7HPEF-MJC0gNfBJVpjajDq7tcP7c70hyseB38r8_3hloOpoYXUygMbVLbwwzY8BnZExxyPSM0SIP101nkhtE68Q_bQwqcJiL5pwSn77_L3LVeHkCBo0wospMGrjgDUOfvkTWpd/s200/Iwan.png" width="90px" /><br />
<div id="bias">
Iwan</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqkiojvghEcKsLf8d1rl2cDel8pIV167O-oQ1b51lVHOHltnsY6-vl33RGTPYN3bz_4kB05-YkRJDV_UEsqxnKkyjEfivfY51HBDFBhmBMG1ELUzOTbiCsvXM52MuijfjOCJrIDmQ5RW8-/s200/Amy.png" width="90px" /><br />
<div id="bias">
Amy</div>
</div>
</td>
<td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzsM9nc1WdmwcFvUJeEddMnhH35NMD3D5abAeFeWCpMSmnkGkGMhOpQ4UO8xC2BQNFJviRuMYDjxGy-2GhZXgrc5XRaKTJKcFreVqLZxZrLkXcN0GiSKvA7WP43WOK7VixgF8IrXOxn69u/s200/Suzy.png" width="90px" /><br />
<div id="bias">
Suzy</div>
</div>
</td>
 </tr>
<tr><td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFdaovURR7IEmv7uBC8BMM87ObbXRckXqJP2G9u0-gHkIvYTy4ylgfdrZbNZWWExO9EnH2Vs0cNiI2lL9QxLGysncmmjuj_KU73XNZj6BDAPk6r7X-n9kcmGPyqz_FE5hhSFtTa4_iVXUd/s200/Siti+Zubaidah.png" width="90px" /><br />
<div id="bias">
Siti Zubaidah</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbS2aKg59ry9_2baoRj4mT6ElJsNKg_kw6JHvSsUOe9cNq78SEu6auMxT1duf4jyXeq_BBqQpFzprlu5bxnLj2vRdmbu29Cq7K750jETbL2lIVhpphVVVt9gqd0It8o0DYqogVUxXOr5NX/s200/Nana.png" width="90px" /><br />
<div id="bias">
Nana</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
Stanley</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
Komputer (Adu Du)</div>
</div>
</td>
<td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
Komputer (Ejo Jo)</div>
</div>
</td>
 </tr>
<tr><td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
Bago Go</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCcy0bhkhHpZ-5Fki2IISZG-eT8sv8KQ3BDZbmpxYAZFkVEupFJOD2zAPzOUqv3nZrWq0rRUTjh-RZ2pwOM8SH_uLl_5pZOL3jfWo0TUDFf7XGCdV_ADD9N5hNwReXvjEBaMENjadyihXh/s200/IkinAsyiqin.png" width="90px" /><br />
<div id="bias">
IkinAsyiqin</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiDGuLn5Zj-Yp8ltZXHVLwlpa6IpYhMwIzYiXbh5SYGgtzM4liQ0V496OgYbdr-QkuOf6FFsa_OQ9zNrO6f7dm7xYtfS_j50pKH0DG9-BVgyV-YYlJ4wSX8QnzyrpJ1zCz5V-QbUMQfFK9/s200/Farahanim.png" width="90px" /><br />
<div id="bias">
Farahanim</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
<td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
</tr>
<tr><td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
<td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
</tr>
<tr><td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
  <td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td>
<td><div class="icon2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFtJo2e7sOeTmCVHGdR9OTS8-5krL1xs7Sih3epjTT-BoejUOCcF3vTG24TKOf-vyVE3bJuoRlqDXAAqkqQMa7T2ihbFfC64jvQeNOOCUqsAOoKGO7DWQjX16KS87GVrbS6khse6NCPE4D/s200/coming+soon...png" width="90px" /><br />
<div id="bias">
???</div>
</div>
</td></tr>
</tbody></table>

Tiada ulasan:

Related Posts Plugin for WordPress, Blogger...