index box rum mình

**Bài viết 1** Sun Mar 31, 2013 4:14 pm

harryumefor

Bài Viết : 3

Xu : 523

Cảm ơn : 0

Code:: <div class="pun-crumbs"> <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p> </div> <div class="main">  <div class="fozums">  <div class="main-head"><div class="page-title">{catrow.tablehead.L_FORUM}</div></div> <div class="main-content stat-board po-rel"> <span class="natata"></span><span class="netete"></span><span class="nototo"></span><span class="nututu"></span> <div class="main-content" style="margin-bottom: 20px;"> <table cellspacing="0" class="table"> <tbody class="statused"> <tr> <td>   <div class="box {catrow.forumrow.FORUM_NAME}">{FORUM_ID} <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle"><span class="tooltip">{catrow.forumrow.FORUM_DESC}<span></span></span>{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}> <br /> <div class="box1"> <span class="tooltip">{catrow.forumrow.L_FORUM_FOLDER_ALT}<span></span></span> <img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </div> <div class="box2"> <div class="avs"><span>  <a href="{catrow.forumrow.U_LATEST_TOPIC}" ><span class="tooltip">{catrow.forumrow.LATEST_TOPIC_TITLE}<span></span></span>{catrow.forumrow.LATEST_TOPIC_NAME}</a> <br /> {catrow.forumrow.USER_LAST_POST} </span></div></div> <span class="gensmall"> <select style="display:none" onchange="location = this.options[this.selectedIndex].value;"> <option value="{catrow.forumrow.U_VIEWFORUM}">Các Diễn Đàn Con</option> </select> <span style="display:none" class="subforumFMvi">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> <span class="gensmall{catrow.forumrow.FORUM_NAME}"></span> </div>   </td> </tr> </tbody> </table> </div></div></div>   </div>  <div class="main-box clearfix"> <ul> <li> <a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> </li> <li> <a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> </li> <li> <a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a> </li> </ul>  <p class="right"> <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> </p>  </div>  <style> .tieude { margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 50%;} .gensmallHelp li:nth-of-type(1) { display:none; } .gensmallHelp li{ margin-bottom: 20px; white-space: nowrap; overflow: hidden; } .avs a.inx img { float: left; width: 40px; height: 40px; padding: 1px; border: 1px solid #DDD; margin: 0 5px; -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75); } .avs a.inx1 { float: left; width: 40px; height: 40px; padding: 1px; border: 1px solid #DDD; margin: 0 5px; -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75); background: transparent url(http://i.imm.io/SO5o.png) no-repeat scroll center top; } .gensmallHelp { list-style: none; } h2.topic-title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; list-style: decimal-leading-zero outside none; margin-left: 10px; } .avatarthum img { width: 70px; height: 45px; background-color: whiteSmoke; border-bottom: 2px solid; border-radius: 3px; border-right: 2px solid; padding: 5px; } .user-basic-info img, .useravatar img { width: 114px; background-color: whiteSmoke; border-bottom: 2px solid; border-radius: 3px; border-right: 2px solid; padding: 5px; height: 64px; } /* Khung chuyên mục */ #profile-advanced-details .autobot,.main-head .h2,.main-head .h3,.main-head h1,.main-head h3,.main-head h2{color: black;font-family:Trebuchet MS;font-size:18px!important;font-variant:small-caps;font-weight:600!important} .pun .main-foot .h2,.pun .main-head .h2{float:left;overflow:hidden;width: 760px;} .box{width: 28%;float:left;border: 2px solid #C9C9C9;height:100px;margin:5px;padding:2px;margin-left: 16px;} .box a.forumtitle{background-color: #C9C9C9;border-radius:0 0 10px 0;color: black;margin-left:-2px;padding: 2px 15px 4px 5px;} .box a.forumtitle:hover{color:white} .box1{width:64px;max-height:64px;float:right} .box2{height:48px;margin:7px} .box3{background-color: #C9C9C9;color: black;margin-bottom:0;padding:4px} .blackBox{background-image: url(http://bglabs.evade.netdna-cdn.com/45875kli90/159.gif);color: black;} .redBox{background-image: url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif);color: black;} .redBox .box2 a{color:#000!important} .box1 img { width: 40px; } </style> <script type="text/javascript"> $(document).on('ready', function() {$('.avs').each(function () {var touser = $(this).children('span').children('strong').children('a').attr('href');$(this).prepend('<a href="' + touser + '" class="inx"><img src="http://i34.servimg.com/u/f34/16/54/26/99/female10.png" alt="нет аватара" /></a>');$(this).children('a').load(touser + ' div.main-content.clearfix.center img:eq(0)');});}); $(".subforumFMvi a").each(function () { $(this).replaceWith('<option value="' + $(this).attr("href") + '">|-- ' + $(this).text() + '</option>'); }); $(".subforumFMvi option").each(function () { $(this).appendTo($(this).parent().prev()) }); $(".subforumFMvi").each(function () { if ($(this).text() == "") { $(this).prev().remove(); $(this).remove(); } else { $(this).prev().show() } }); </script> <script type="text/javascript"> var i; var k = $(".box").length; for (i = 0; i < k; i++) { var srcBox = $(".box1:eq("+i+") img").attr("src"); if (srcBox == "http://i12.servimg.com/u/f12/17/97/79/62/p0cp10.png") { $(".box:eq("+i+")").addClass("redBox1") } else if (srcBox == "http://i12.servimg.com/u/f12/17/97/79/62/p0lg10.png") { $(".box:eq("+i+")").addClass("blackBox") } else if (srcBox == "http://i12.servimg.com/u/f12/17/97/79/62/p0bg10.png") { $(".box:eq("+i+")").addClass("redBox") } } $(function () { var x = $('.box2'); for (i=0;i<x.length;i++) { x[i].innerHTML = x[i].innerHTML.replace('Today at', 'Hôm nay: ').replace('Yesterday at', 'Hôm qua: '); } }); </script> <style> .perfilInfo {background: url(http://i77.servimg.com/u/f77/16/58/45/96/bottom10.png) no-repeat 21% 0;float: left;height: 177px;left: -6em;padding: 16px 0 38px 5px;top: 13px;width: 320px;z-index: 999;}.setPerfil > span {background: #f9f9f9;border: 1px solid #999;border-radius: 3px;display: block;height: 100%;padding: 3px;}.sprite-icon_topic_latest {background: url(http://2img.net/i/fa/sprite_icons.png) no-repeat top left;background-position: -1083px 0;height: 9px;width: 11px;}.setPerfil {background: rgba(0,0,0,0.3);border-radius: 3px;display: block;height: 100%;padding: 5px 5px 10px;}.setPerfil .PerfilInfoImg {-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);background: #fff;border: 1px solid #D5D5D5;box-shadow: 0 2px 2px rgba(0,0,0,0.1);display: table;float: left;height: 91px;padding: 1px;width: 91px;}.setPerfil h2 {background: #E1E1E1;border-radius: 0 10px 0 0;box-shadow: 1px 1px 0 #CCC;display: block;float: left;font-family: "Trebuchet MS";font-size: 19px;font-style: normal;font-variant: normal;font-weight: bold;margin-bottom: 10px;padding: 5px;text-shadow: 1px 1px 0 #fff;width: 192px;}.setPerfil p {-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;background: #F1F1F1;border-left: 3px solid #333;border-top: 1px solid #333;box-shadow: 1px 1px 0 #CCC;display: block;float: right;font-weight: 400;margin: 2px 5px;padding: 5px;text-align: left;width: 170px;}.setPerfil p {font-weight: 400;text-align: left;}.linkPrf {-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;background: #F6F6F6;border: 1px solid #DBDBDB;border-radius: 0 0 4px 4px;border-top: none;bottom: -7px;box-shadow: 0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);color: #616161;float: left;height: 14px;left: 13.8em;margin: 2px;padding: 2px;text-align: center;text-decoration: none!important;transition: all .2s ease-in-out;width: 8em;}.linkPrf a {color: #616161!important;font-size: 12px;font-style: normal;font-variant: normal;font-weight: normal;text-decoration: none;}.setPerfil p:hover {box-shadow: 1px 1px 0 #9A9A9A;}.setPerfil p div {display: inline;} </style> <script type="text/javascript"> $(document).ready(function(){$('tbody.statused .box2 a[href*="/u"]').mouseover(function(){$(this).parents('strong').css('position','relative');$('.perfilInfo').remove();$(this).parents('.tcr').css('overflow','visible');$(this).before('<div class="perfilInfo"style="position:absolute;"><span class="setPerfil"><span><img class="PerfilInfoImg" src="http://www.hotrofm.com/users/1416/39/08/64/avatars/gallery/123_bm10.jpg"/><h2>'+$(this).html()+'</h2><p><b>Nhóm:</b> <span></span></p><p><b>Bài viết:</b> <span></span></p><p><b>Tham gia:</b> <span></span></p><p><b>Điểm:</b> <span></span></p><span class="linkPrf"><a href="/privmsg?mode=post&u='+$(this).attr('href').replace('/u','')+'">Gửi tin nhắn</a></span><span class="linkPrf"><a href="'+$(this).attr('href')+'">Lý lịch</a></span></span></span></span></div>');$.get($(this).attr('href'),function(retornoMembro){var avtPrf=$('#profile-advanced-right img:first',retornoMembro).attr('src');$('.PerfilInfoImg').attr('src',avtPrf);var perfil_rank=$('#profile-advanced-right .module .main-content img:eq(1)',retornoMembro).attr('alt');var perfil_post=$('#field_id-6 dd',retornoMembro).html();var perfil_cad=$('#field_id-4 dd',retornoMembro).html();var perfil_lastV=$('#field_id-13 dd',retornoMembro).html();$('.setPerfil p:eq(0) span').html(perfil_rank);$('.setPerfil p:eq(1) span').html(perfil_post);$('.setPerfil p:eq(2) span').html(perfil_cad);$('.setPerfil p:eq(3) span').html(perfil_lastV)});$('.perfilInfo').mouseleave(function(){$(this).remove()})})});</script>