Trang Chính
»†ổñg Quån «
Bài gửi
Cảm Ơn
Giới tính
Demo :
Cách làm :
Thay toàn bộ code trong Index_box bằng code sau
Cách làm :
Thay toàn bộ code trong Index_box bằng code sau
- Code:
<div id="category_1" class="category_block block_wrap">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="blurBox">
<h3 class="maintitle">
<span class="toggle"> {catrow.tablehead.L_FORUM}
</span>
</h3>
<div class="border">
<div class="ipsBox table_wrap removeDefault" id="anonymous_element_19" style="overflow: visible;">
<div class="ipsBox_container">
<table class="ipb_table" summary="Forums within the category 'A Test Category'">
<tbody><tr class="header hide">
<th scope="col" class="col_c_icon"> </th>
<th scope="col" class="col_c_forum">Forum</th>
<th scope="col" class="col_c_stats stats">Stats</th>
<th scope="col" class="col_c_post">Last Post Info</th>
</tr>
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<tr class="notnew forumHover">
<td class="col_c_icon">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="forumicon" id="forum_statusicon_2" alt="">
</td>
<td class="col_c_forum">
<h4 class="forum_name">
<strong class="highlight_unread">
<h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
</strong>
</h4>
<p class="desc forum_desc">{catrow.forumrow.FORUM_DESC}</p>
</td>
<td class="col_c_stats ipsType_small">
<ul>
<li>{catrow.forumrow.TOPICS} topics</li>
<li>{catrow.forumrow.POSTS} replies</li>
</ul>
</td>
<td class="col_c_post">
<ul class="last_post ipsType_small">
<li>
<span>
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}
</span>
</ul>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</tbody></table>
</div>
</div>
</div>
</div>
<br>
<!-- END tablefoot -->
<!-- END catrow -->
</div>
<style>
.cbe .maintitle, .cbe .blurBox, .cbe .ipsBox, .cbe #secondary_navigation, .cbe .pagination .page a, .cbe .pagination .back a, .cbe .pagination .forward a, .cbe .ipsSideBlock h3, .cbe .general_box h3, .cbe .statistics_head, .cbe .ipbfs_titlebox {
background-color: #908e8d;
background-image: url(http://www.ipbforumskins.com/skindemo/public/style_images/snapshot/backgrounds/background1_blur.jpg);
}
.blurBox {
background-position: 50% 0;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-box-shadow: inset rgba(255,255,255,0.4) 0px 1px 0px, inset rgba(255,255,255,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.5) 0px 1px 3px;
-moz-box-shadow: inset rgba(255,255,255,0.4) 0px 1px 0px, inset rgba(255,255,255,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.5) 0px 1px 3px;
box-shadow: inset rgba(255,255,255,0.4) 0px 1px 0px, inset rgba(255,255,255,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.5) 0px 1px 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 9px;
}
body .blurBox .maintitle {
background: none transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 9px 9px 18px 9px;
}
h3.maintitle {
font-weight: bold;
}
.hide {
display: none;
}li {
list-style: none;
}
.maintitle {
background-position: 50% 0;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-box-shadow: inset rgba(255,255,255,0.4) 0px 1px 0px, inset rgba(255,255,255,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.5) 0px 1px 3px;
-moz-box-shadow: inset rgba(255,255,255,0.4) 0px 1px 0px, inset rgba(255,255,255,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.5) 0px 1px 3px;
box-shadow: inset rgba(255,255,255,0.4) 0px 1px 0px, inset rgba(255,255,255,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.5) 0px 1px 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #222;
text-shadow: rgba(255,255,255,0.4) 0px 1px 1px;
padding: 12px;
font-size: 13px;
font-weight: bold;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
.blurBox {
background-color: #908e8d;
background-image: url(http://www.ipbforumskins.com/skindemo/public/style_images/snapshot/backgrounds/background1_blur.jpg);
}
.maintitle .toggle {
height: 22px;
margin: -5px -5px -10px 0;
display: block;
outline: 0;
}
.maintitle:hover .toggle {
visibility: visible;
}
.maintitle a {
color: #222;
}
body .blurBox>.border {
border: 0;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.2) 0px 0px 0px 1px;
}
.border {
border: 1px solid #ccc;
border-top: 0;
}
.border, .statistics, .post_block, .ipsComment, .popupInner, .no_messages, .general_box, .ipsSideBlock, .poll_question ol, .ipsBox_container, .ipsFloatingAction {
background: #f9f9f9;
}
body .border .ipsBox, body #featured_pane.ipsBox {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
body .border .ipsBox {
background: #eee;
}
.removeDefault .ipsBox_container, .removeDefault.ipsBox_container {
border: 0;
}
.border .ipsBox_container {
border: 1px solid #cfcfcf;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
table.ipb_table {
width: 100%;
line-height: 1.3;
}
.header {
color: #727272;
text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
background: #eee url('http://www.ipbforumskins.com/skindemo/public/style_images/snapshot/highlight.png') repeat-x 0 0;
}
table.ipb_table th {
font-size: 11px;
font-weight: bold;
padding: 8px 6px;
}
.header th {
border-bottom: 1px solid #e2e2e2;
}
#idm_category .idm_category_row, .store_categories li, #idm_categories a, .ipsList_data li, .ipsList_withminiphoto li, .ipsList_withmediumphoto li, table.ipb_table tr td {
background-image: url("http://www.ipbforumskins.com/skindemo/public/style_images/snapshot/row_gradient.png");
background-repeat: repeat-x;
background-position: 0 0;
background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}
.col_c_icon {
padding: 10px 2px 10px 8px !important;
width: 33px;
vertical-align: middle;
}
.ipsLayout_content img {
max-width: 100%;
}
.last_post, .col_c_stats, .col_f_views, .line_height, .ipsList_withminiphoto .list_content {
line-height: 18px;
}
.col_c_stats {
width: 15%;
text-align: right;
}
.last_post, .col_c_stats, .col_f_views, .line_height, .ipsList_withminiphoto .list_content {
line-height: 18px;
}
#recentajaxcontent li, #idm_categories a, #idm_categories li.with_sub.open li, #index_stats .status_list li, #panel_files .file_listing li, #panel_screenshots #ss_linked li, .file_listing, #cart_totals td, div#member_filters li, #files li, .ipsType_sectiontitle, #order_review td, #package_details .package_info, .block_list li, .package_view_top, .member_entry, #help_topics li, .ipsBox_container .ipsType_pagetitle, .userpopup dl, #announcements td, .sideVerticalList li, fieldset.with_subhead ul, .ipsList_data li, .ipsList_withminiphoto li, .ipsList_withmediumphoto li, table.ipb_table td, .store_categories li, #mini_cart li, #index_stats div[id*="statusReply"], #ipg_category .ipg_category_row, .block_inner .ipb_table td, .gallery_pane h2, .status_feedback li[id*="statusReply"], .ipsSideMenu ul li, #usercp_content .ipsType_subtitle, .ipbfs_login_row, .articles .block-1, .articles .type-1x2x2 .article_row, #idm_category .idm_category_row, #category_list li a, .ipsComment, #forum_table.ipb_table tr:last-of-type td {
border-top: 1px solid #fff;
border-bottom: 1px solid #e3e3e3;
}
td.col_c_post {
padding-top: 10px !important;
width: 250px;
}
a.ipsUserPhotoLink, a.userNavPhoto {
position: relative;
}
.ipsUserPhoto_mini {
width: 34px;
height: 34px;
}
table.ipb_table td {
padding: 10px;
}
</style>
