Tiêu đề: [Share] Index_box Skin Snapshot [PunBB | |
| | | | | | Nguồn : Http://www.jeenbiteam.forumvi.com/t104-topic
Tiêu Đề : [Share] Index_box Skin Snapshot [PunBB
JeenBi☺Team - Kết Nối Cộng Đồng Tân Phú Online --------------------------------------------------
- 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. 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>
| | | | |
Copy đường link dưới đây gửi đến nick yahoo bạn bè! |
|
|