BXH trên bắt nguồn từ mu-hanoi.net
Để rip thì bạn vào template notices thêm đoạn code sau vào cuối cùng:
<div class="guild-lien-minh"><input id="btn-reg-glm" value="Click vào đây để đăng ký !" type="button"><div class="table-glm"><ul class="col-glm">
<li class="row-glm active" data-fp="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b> es=true&share=true&height=195"><a href="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>" target="_blank">Mu Hà Nội</a><div class="glm-likepage"><ul class="glm-info"><li><span>Chủ Guild</span> <span>Administrator</span></li><li><span>SĐT</span> <span>Đang cập nhật</span></li><li><span>Yahoo</span> <span><a id="glm-yahoo" href="ymsgr:sendIM?hanoi_cruel" data-image="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>"><img src="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>" alt="Administrator MU Ha Noi" border="0"></a></span></li></ul><fieldset class="glm-tieuchi"><legend>Tiêu chí</legend><p>Đoàn kết là sức mạnh</p></fieldset><div id="glm-frame"><iframe src="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b> es=true&share=true&height=195" allowtransparency="true" scrolling="no"" style="border:none; overflow:hidden; width:284px; height:80px;" frameborder="0"></iframe></div></div></li>
<li class="row-glm active" data-fp="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b> es=true&share=true&height=195"><a href="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>" target="_blank">Killer</a><div class="glm-likepage"><ul class="glm-info"><li><span>Chủ Guild</span> <span>Crywolf</span></li><li><span>SĐT</span> <span>Đang cập nhật</span></li><li><span>Yahoo</span> <span><a id="glm-yahoo" href="ymsgr:sendIM?Đang cập nhật" data-image="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>Đang cập nhật&m=g&t=1"><img src="" alt="Crywolf MU Ha Noi" border="0"></a></span></li></ul><fieldset class="glm-tieuchi"><legend>Tiêu chí</legend><p>Đánh hoặc bị đánh-đâm hoặc bị đâm</p></fieldset><div id="glm-frame"></div></div></li>
<li class="row-glm active" data-fp="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b> es=true&share=true&height=195"><a href="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>" target="_blank">WarLord</a><div class="glm-likepage"><ul class="glm-info"><li><span>Chủ Guild</span> <span>Quân Béo</span></li><li><span>SĐT</span> <span>Đang cập nhật</span></li><li><span>Yahoo</span> <span><a id="glm-yahoo" href="ymsgr:sendIM?nnduong0987" data-image="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>"><img src="" alt="Quân Béo MU Ha Noi" border="0"></a></span></li></ul><fieldset class="glm-tieuchi"><legend>Tiêu chí</legend><p>Đang cập nhật</p></fieldset><div id="glm-frame"></div></div></li>
<li class="row-glm active" data-fp="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b> es=true&share=true&height=195"><a href="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>" target="_blank">NewStar</a><div class="glm-likepage"><ul class="glm-info"><li><span>Chủ Guild</span> <span>Cần Sa</span></li><li><span>SĐT</span> <span>0937033768</span></li><li><span>Yahoo</span> <span><a id="glm-yahoo" href="ymsgr:sendIM?thewicker1890" data-image="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>"><img src="" alt="Cần Sa MU Ha Noi" border="0"></a></span></li></ul><fieldset class="glm-tieuchi"><legend>Tiêu chí</legend><p>Giao Lưu kết bạn - cùng nhau săn bắn và PK - hội tụ OFFLINE rượu thịt !</p></fieldset><div id="glm-frame"></div></div></li>
<li class="row-glm active" data-fp="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b> es=true&share=true&height=195"><a href="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>" target="_blank">AeHaNoi</a><div class="glm-likepage"><ul class="glm-info"><li><span>Chủ Guild</span> <span>Mai Anh Bao</span></li><li><span>SĐT</span> <span>0962485404</span></li><li><span>Yahoo</span> <span><a id="glm-yahoo" href="ymsgr:sendIM?1nghinxoi_themgio" data-image="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>"><img src="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>" alt="Mai Anh Bao MU Ha Noi" border="0"></a></span></li></ul><fieldset class="glm-tieuchi"><legend>Tiêu chí</legend><p>Đoàn kết là sức mạnh đánh bay những thế lực thù địch và muốn phá hoại mu-hanoi.net của chúng ta !</p></fieldset><div id="glm-frame"><iframe src="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b> es=true&share=true&height=195" allowtransparency="true" scrolling="no"" style="border:none; overflow:hidden; width:284px; height:80px;" frameborder="0"></iframe></div></div></li>
<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>
</ul>
<ul class="col-glm">
<li class="row-glm active" data-fp="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b> es=true&share=true&height=195"><a href="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>" target="_blank">Exciter</a><div class="glm-likepage"><ul class="glm-info"><li><span>Chủ Guild</span> <span>lamboghini</span></li><li><span>SĐT</span> <span>0983685233</span></li><li><span>Yahoo</span> <span><a id="glm-yahoo" href="ymsgr:sendIM?thanhnambinhduong2014" data-image="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>"><img src="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>" alt="lamboghini MU Ha Noi" border="0"></a></span></li></ul><fieldset class="glm-tieuchi"><legend>Tiêu chí</legend><p>luôn luôn sẵn sàng vì một Muhanoi phát triển hơn nữa</p></fieldset><div id="glm-frame"><iframe src="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b> es=true&share=true&height=195" allowtransparency="true" scrolling="no"" style="border:none; overflow:hidden; width:284px; height:80px;" frameborder="0"></iframe></div></div></li>
<li class="row-glm active" data-fp="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b> es=true&share=true&height=195"><a href="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>" target="_blank">TheOne</a><div class="glm-likepage"><ul class="glm-info"><li><span>Chủ Guild</span> <span>Nguyễn Đức Huy</span></li><li><span>SĐT</span> <span>0976385693</span></li><li><span>Yahoo</span> <span><a id="glm-yahoo" href="ymsgr:sendIM?moitinhdauchuaxot000" data-image="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>"><img src="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>" alt="Nguyễn Đức Huy MU Ha Noi" border="0"></a></span></li></ul><fieldset class="glm-tieuchi"><legend>Tiêu chí</legend><p>Giao Lưu Kết Bạn-Thiên Hạ Anh hùng-Quần Long Tụ Hội-Xưng Bá Game Mu-Vô Địch The One</p></fieldset><div id="glm-frame"><iframe src="<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b> es=true&share=true&height=195" allowtransparency="true" scrolling="no"" style="border:none; overflow:hidden; width:284px; height:80px;" frameborder="0"></iframe></div></div></li>
<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>
<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>
<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>
<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>
</ul>
<ul class="col-glm">
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
</ul>
<ul class="col-glm">
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
</ul>
<ul class="col-glm">
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
</ul>
<ul class="col-glm">
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
<li class="row-glm " data-fp=""><a href="" target="_blank"></a><div class="glm-likepage"></div></li>
</ul>
</div></div>
Thêm css sau vào template additional.css
@font-face{ font-family: 'TraJan'; src: url('utm_trajan_pro_bold_0-webfont.eot'); src: url('utm_trajan_pro_bold_0-webfont.eot?#iefix') format('embedded-opentype'), url('utm_trajan_pro_bold_0-webfont.woff') format('woff'), url('utm_trajan_pro_bold_0-webfont.ttf') format('truetype'), url('utm_trajan_pro_bold_0-webfont.svg#webfont') format('svg'); }
.guild-lien-minh{width: 927px; height: 222px; margin: 0 auto; background: url(images/bg-guild-tieu-bieu.jpg) no-repeat; padding: 35px 0 0 15px; position: relative;}
.guild-lien-minh .table-glm{width: 100%; height: 213px;}
.guild-lien-minh .table-glm .col-glm{list-style: none; width: 151px; height: 213px; float: left; border-right: 1px solid #24262b; box-shadow: 1px 0 #44464e; position: relative;}
.guild-lien-minh .table-glm .col-glm li.row-glm{width: 100%; height: 29px; border-bottom: 1px solid #24262b; box-shadow: 0 1px #44464e;}
.guild-lien-minh .table-glm .col-glm li.row-glm a{display: block; color: #ff8a00; text-shadow: 0 2px 2px rgba(0,0,0,.75); font-family: 'TraJan'; text-decoration: none; padding: 7px 0 0 35px; display: block; height: 22px;}
.guild-lien-minh .table-glm .col-glm li.row-glm:hover a{color: #fff!important; background-color: rgba(255,255,255,.1);}
.guild-lien-minh .table-glm .col-glm li.row-glm:nth-child(2n+1) a{color: #ffd200;}
.guild-lien-minh .table-glm .col-glm li.row-glm.active a{ background: url(images/clip-1.png) no-repeat 4px 5px;}
.guild-lien-minh .table-glm .col-glm li.row-glm.active:hover a{background-image: url(images/clip-2.png); }
.guild-lien-minh .table-glm .col-glm li.row-glm.active .glm-likepage{position: absolute; top: 0; left: 151px; background: #fff; width: 284px; height: 195px; z-index: 100; display: none; padding: 10px; overflow: hidden;}
.guild-lien-minh .table-glm .col-glm li.row-glm.active:hover .glm-likepage{display: block;}
.guild-lien-minh .table-glm .col-glm li.row-glm .glm-info{padding: 5px; background: #ddd; border-radius: 3px; box-shadow: 0 4px 0px -3px #bbb,inset 1px 1px #fff; border: 1px solid #bbb;}
.guild-lien-minh .table-glm .col-glm li.row-glm .glm-info li{width: 100%; height: 20px;}
.guild-lien-minh .table-glm .col-glm li.row-glm .glm-info li span:nth-child(1){display: block; width: 35%; height: 20px; float: left; padding-right: 5%;}
.guild-lien-minh .table-glm .col-glm li.row-glm .glm-info li span:nth-child(1):after{content: ':'; display: block; float: right; text-align: center; width: 3px; height: 20px;}
.guild-lien-minh .table-glm .col-glm li.row-glm .glm-info li span:nth-child(2){display: block; width: 60%; height: 20px; float: left; font-weight: bold; color: #500;}
.guild-lien-minh .table-glm .col-glm li.row-glm .glm-info li span:nth-child(2) a{padding: 0; background: none;}
.guild-lien-minh .table-glm .col-glm li.row-glm .glm-tieuchi{margin: 6px 0; padding: 4px; border: 1px solid #f47272; border-radius: 5px;}
.guild-lien-minh .table-glm .col-glm li.row-glm .glm-tieuchi legend{background: #d7c192; color: #000; font-weight: normal; padding: 1px 4px; margin-left: 5px; border-radius: 2px;}
.guild-lien-minh .table-glm .col-glm li.row-glm .glm-tieuchi p{font-weight: bold; color: #444;}
.guild-lien-minh #btn-reg-glm{position: absolute; top: 8px; left: 770px;}
Sau đó bạn upload 3 file này lên thư mục images của forum.
<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>
<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>
<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>
file font này thì bạn upload lên ngang hàng với thư mục images, includes,....
<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>
<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>
<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>
<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>
cuối cùng thì bạn add script sau vào template headinclude_bottom
<script type="text/javascript" src="clientscript/jquery_guildlienminh.js?ver=0.1.2"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".guild-lien-minh").GuildLienMinh({
<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>
row : 7,
col : 6,
reg : '<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>'
});
});
</script>
và upload file sau lên thư mục clientscript
<b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>