Làm sao được topic icon[✔]

[ngochan]

Mấy anh chỉ em làm như hình này dùm

[BTV2]

QUẢN LÝ TỔNG THỂ >> Forum >> Categories and forums >> Click vào box cần chĩnh và thêm link dẫn vào box con bằng cách cho code sau vào phần Mô tả

Code:

Nơi Download, bàn luận và học cách làm custom map.<br />
<div style="width:100%">
   <div style="width: 33%;float: left;"><a href="/f64-forum"><strong>Model</strong></a><br /> <a href="/f6-forum"><strong>Hỏi Đáp</strong></a>
   </div>
   <div style="width: 33%;float: left;"><a href="/f59-forum"><strong>Kho Spell</strong></a><br /><a href="/f70-forum"><strong>Icon</strong></a>
   </div>
   <div style="width: 33%;float: left;"><a href="/f127-forum"><strong>Sound</strong></a>
   </div>
</div>

Thay link và dẫn vào box con

[ngochan]

Demo diendanhp.forumvi.com
Ý là mấy cái tin tức chung, tin tức thể thao....

[BTV2]

Demo diendanhp.forumvi.com
Ý là mấy cái tin tức chung, tin tức thể thao....

chứ cái này ko phải box con à? http://www.congdongwar3.com/

[ngochan]

Em đã vào display->Structure and hierarchy->Hierarchy
Đã làm box con không hiện giống như trên hình
Em nghĩ do code box nếu e thay code box thì nó sẽ hiện

[An Nguyễn]

Hướng Dẫn

1.  ACP> Display> Structures & Hierachy
> Sub-level links on index: chọn with pics
> bấm save

2.  ACP> Display> Templates> QLTT> index_box
- chèn cái ni trên cùng:

Code:

<style>#smallrum{
color: #ccf0ff;width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
h2 {color:red}
#smallrum a:link,#smallrum a:visited{color:#000000}
</style>


vẫn trong index_box

- tìm và thay:

Code:

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}


bằng:

Code:

<div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>


bấm save. rồi

cho code này vào CSS

Code:

/* chuyen muc con auto*/
    #smallrum{padding: 0.8em 1em; margin: 3px 1px;
    color: #FFFFFF; width: 375px;}
    #smallrum a img{vertical-align: middle; padding-right: 2px;}
    #smallrum a.gensmall {
    display: inline-block;
    text-align: left;
    width: 160px;
    }


Nếu mà làm xong box nó nằm loạn xạ thì các bạn

Vào  ACP> Display> Colors & Pics> PIcs management>
Advance mode (mã mở rộng)> Mini-icons
>  Mini post: điền link ảnh này cho phù hợp nhá
> bấm save.

[ngochan]

Em đã chèn cho code chổ tìm và thay thế không ra mong a giúp e

[An Nguyễn]

link forum bạn ?

[ngochan]

Demo diendanhp.forumvi.com

[ngochan]

Giúp e vơí

[An Nguyễn]

forum bạn hiện chưa add Chuyên mục mà ?

[ngochan]

Em đã add chuyên mục rồi mà

[An Nguyễn]

ACP > DISPLAY> Homepage > Structure and hierarchy > Split categories on index :





kích hoạt như hình

[ngochan]

Vẫn không hiện ra a à
Code Box

Code:

<style>#smallrum{
color: #ccf0ff;width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
h2 {color:red}
#smallrum a:link,#smallrum a:visited{color:#000000}
</style>
<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>


[ngochan]

Em gửi nick admin qua hộp thư a An Nguyễn Rồi.4rum diendanhp.forumvi.com

[An Nguyễn]

đả xong ! http://diendanhp.forumvi.com/

[Sponsored content]