[chia sẻ] only - bộ link liên kết cool của [Hi teen]

by **goldenfish** 19/11/2009, 10:45 pm

cái này mình lấy từ http://hiteen.ohmylife.net/ sau đó edit theo ý mình, sau đó thì có dc cái này, nhìn khá bắt mắt nên quyết tâm...ăn cắp hehe

dĩ nhiên phần code toàn trang đã có ngừoi chia sẻ rồi, nhưng code này chỉ là 1 phần nhỏ, các bạn có thể cho vào widget để làm block tạo liên kết quảng cáo cho mình xem ra cũng khá cool đấy :-d

đây là code html, cứ cho vào bất cứ nơi nào có hỗ trợ html là chạy

demo http://www.thptdoanket.info/html-h35.htm

Code:: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="shortcut icon" href="http://vietyo.com/temp/images/icons/vietyo.png" type="image/x-icon" /> <link rel="stylesheet" type="text/css" href="http://vietyo.com/temp/images/style.css" /> <link rel="stylesheet" type="text/css" href="http://vietyo.com/modules/forum/temp/ui/images/style.css" /> <script src='http://vietyo.com/library/javascript/jquery.js'></script> <script src='http://vietyo.com/library/javascript/him.js'></script> <script src='http://vietyo.com/library/javascript/lib.js'></script> <script>  </script> </head> <body> <div class="fleft" style="width: 520px;"> <div class="fleft" style="width: 25%; text-align: left;"></div> </div> <div class="ovf" style="width: 335px; height: 353px"> <ul class="olist1"> <li class="l1"><font class="font_7"> <a href="http://diendan.chinhphuc.info" class="screenshot" rel="http://diendan.chinhphuc.info/users/3115/25/32/47/avatars/1-70.gif" title="Hướng dẫn làm forumotion A - Z ">Diễn Đàn Chinh Phục <img src="http://matcuoi.com/smilies/yahoo_8.gif" style="vertical-align: middle;"></a></font></li><div class="dotline"> </div> <li class="l2"><font class="font_7"> <a href="http://teenage.friendhood.net/" class="screenshot" rel="http://i87.servimg.com/u/f87/13/77/40/44/33fe7311.png" title="TeenAge.FriendHood.Net- Kết nối cộng đồng Teen ">Diễn Đàn TeenAge <img src="http://matcuoi.com/smilies/yahoo_67.gif" style="vertical-align: middle;"></a></font></li><div class="dotline"> </div> <li class="l3"><font class="font_7"> <a href="http://maxf.forum.st/forum.htm" class="screenshot" rel="http://i87.servimg.com/u/f87/13/77/40/44/rsbtjs11.jpg" title="MaxF Movies">Diễn Đàn MaxF Movies <img src="http://matcuoi.com/smilies/yahoo_71.gif" style="vertical-align: middle;"></a></font></li><div class="dotline"> </div> <li class="l4"><font class="font_7"> <a href="http://khoahoctunhien.2forum.biz/forum.htm" class="screenshot" rel="http://i87.servimg.com/u/f87/13/77/40/44/333tbk10.png" title="Cộng đồng Sinh viên Đại Học Khoa Học Tự Nhiên">Diễn Đàn 08 DB B Community <img src="http://matcuoi.com/smilies/yahoo_6.gif" style="vertical-align: middle;"></a></font></li><div class="dotline"> </div> <li class="l5"><font class="font_7"> <a href="http://www.a2bmt.com/" class="screenshot" rel="http://i87.servimg.com/u/f87/13/77/40/44/0_733610.png" title="-‘๑’- Cộng Đồng Teen A2 -‘๑’-">Diễn Đàn A2 Pro THPT Buôn Ma Thuột <img src="http://matcuoi.com/smilies/yahoo_69.gif" style="vertical-align: middle;"></a></font></li><div class="dotline"> </div> <li class="l6"><font class="font_7"> <a href="http://dbaf.forumj.net/" class="screenshot" rel="http://i87.servimg.com/u/f87/13/77/40/44/dragon10.jpg" title="Cộng đồng DB FC">Diễn Đàn DB FC <img src="http://matcuoi.com/smilies/yahoo_10.gif" style="vertical-align: middle;"></a></font></li><div class="dotline"> </div> <li class="l7"><font class="font_7"> <a href="http://vnskin.forumotion.com/" class="screenshot" rel="http://i87.servimg.com/u/f87/13/77/40/44/24273810.png" title="Hỗ trợ skin cho Forumotion">Diễn Đàn Vnskin <img src="http://matcuoi.com/smilies/yahoo_4.gif" style="vertical-align: middle;"></a></font></li><div class="dotline"> </div> <li class="l8"><font class="font_7"> <a href="" class="screenshot" rel="http://matcuoi.com/smilies/yahoo_75.gif" title="Chưa có link">Chưa có link <img src="http://matcuoi.com/smilies/yahoo_59.gif" style="vertical-align: middle;">...</a></font></li><div class="dotline"> </div> <li class="l9"><font class="font_7"> <a href="" class="screenshot" rel="http://matcuoi.com/smilies/yahoo_75.gif" title="Chưa có link">Chưa có link <img src="http://matcuoi.com/smilies/yahoo_59.gif" style="vertical-align: middle;">...</a></font></li><div class="dotline"> </div> <li class="l10"><font class="font_7"> <a href="" class="screenshot" rel="http://matcuoi.com/smilies/yahoo_75.gif" title="Chưa có link">Chưa có link <img src="http://matcuoi.com/smilies/yahoo_59.gif" style="vertical-align: middle;">...</a></font></li><div class="dotline"> </div></script> <script> function mainmenu(){ $(" #nav_tab ul ").css({display: "none"}); // Opera Fix $(" #nav_tab li").hover(function(){ $(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown('fast'); },function(){ $(this).find('ul:first').css({visibility: "hidden"}); }); } $(document).ready(function(){ mainmenu(); }); </script> <script src="http://vietyo.com/library/javascript/jquery.tooltip.js"></script> <style> #screenshot{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; z-index:999; width:140px; text-align:center; } </style> </body> </html>