[Hỏi đáp] Nhờ rip index box VNS[✔]

[Chúa Tể Địa Ngục]

Link : http://vn-sharing.net/forum
Như tiêu đề cần code của box VNS, nhờ rip dùm ạ thanks

[Larva]

rip nguyên skin 50k

[Chúa Tể Địa Ngục]

box thôi đâu có nguyên skin đâu

[BTV2]

index_box hả?
zầy dc không?

[Chúa Tể Địa Ngục]

được, share đi BTV2 :v :v :v

[BTV2]

index_box

Code:

<style>
.mo_ta .hinh {
display: block;
height: 90px;
width: 428px;
margin: 5px 0px;
}
 .mo_ta strong {margin-left:20px;padding-left:18px;padding-top:2px;padding-bottom:2px;background: url(http://i57.servimg.com/u/f57/15/64/85/86/icon_s10.gif) no-repeat 0% 50%;}

  .mo_ta_img img{
width: 55px;
height: 55px;
  margin-left: 7px;
}
.mo_ta img {
display: none;
width: 0px;
height: 0px;
}


.pun table.table td {
background-color: #EEF7FC;
line-height: 130%;
padding: .6em 0 .7em;
}
  .pun .main-content {
border: 1px solid #94CFDD;
  margin-bottom:20px;
}
  

.last-post-icon{display:none;}
.last-post-icon img{display:none;}
  .sprite-icon_reply_new {display:none;}
  .sprite-icon_reply_new img{display:none;}

  .avatar-body1 img{
background: #fff;
float: left;
width: 45px;
height: 45px;
-webkit-transition: all .2s;
border-radius: 40px;
padding: 1px;
border: 1px solid #DDD;
-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);
transition: all .2s;
}
 .avatar-body1:hover img{width: 45px;
height: 45px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
  box-shadow: rgb(0, 0, 0) 0px 0px 10px;
}  
  
</style>

<style>
  .home_category_left {
background-image: url(http://i74.servimg.com/u/f74/18/97/06/08/left10.jpg);
background-repeat: repeat-x;
background-position: left top;
}
  .home_category {
background-image: url(http://i74.servimg.com/u/f74/18/97/06/08/bg_cat10.jpg);
background-repeat: repeat-x;
background-position: center top;
font-family: Tahoma;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
margin: 0px;
padding-top: 3px;
}
  .home_category_right {
background-image: url(http://i74.servimg.com/u/f74/18/97/06/08/right10.jpg);
background-repeat: repeat-x;
background-position: right top;
}
  .inlineimg {
vertical-align: middle;
  position: absolute;
  margin-left: -20px;
}
  
  
#smallrum {
padding: 5px;
margin: 3px 1px;
background: #EEF7FC none;
color: #EEF7FC;
line-height: 20px;
font-size: 13px;
  width: 430px;
}
 #smallrum a img{
  vertical-align: middle;
  padding-right: 2px;
  }
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 190px;
}
</style>
<div class="pun-crumbs">
 <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>


<div class="main" style="font-size:11px;padding: 0px 10px 0px 10px;">
<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
  <table width="100%" height="30" border="0" cellpadding="00" cellspacing="0">
<tbody><tr>
<td width="58" height="30" class="home_category_left">&nbsp;</td>
<td width="auto" class="home_category">
  <img src="http://i74.servimg.com/u/f74/18/97/06/08/sep10.png" class="inlineimg"/>
  {catrow.tablehead.L_FORUM}</td>
 
<td width="61" class="home_category_right">
</td>
</tr>
</tbody></table>
  
  
  
  
 <div class="main-content">
 <table cellspacing="0" class="table">
 <tbody class="statused">
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
 <tr>
                                          <td class="mo_ta_img" style="padding:7px;font-size:0px;width:75px;text-indent: -999px;">
                                            <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_DESC}</a>
 </td>
 <td  style="width:57%;border-left:0px;padding-right:20px;">
 <span style="font-size:15px;"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span>
 <br />
                                                  <span class="mo_ta">{catrow.forumrow.FORUM_DESC}</span>
                                                  <div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
 </td>
                                          <td style="width:11%;border-left:0px;padding-left:7px">Chủ đề: {catrow.forumrow.TOPICS}<br />
                                          Bài viết: {catrow.forumrow.POSTS}</td>
                                          <td  style="width:7%;border-left:0px">
                                            <!-- BEGIN avatar -->
                                            <span class="avatar-body1"><span>{catrow.forumrow.avatar.LAST_POST_AVATAR}</span></span>
                                             <!-- END avatar -->
                                            </td>
 
 <td style="width:20%;border-left:0px;padding-left:7px">
 <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>
 </td>
 </tr>
 <!-- END forumrow -->

 <!-- BEGIN tablefoot -->
 </tbody>
 </table>
 </div>
 <!-- END tablefoot -->
<!-- END catrow -->
</div>


 
    
<!-- BEGIN switch_on_index -->
<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>
 <!-- BEGIN switch_delete_cookies -->
 <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>
 <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->




Sau đó:
DISPLAY >> Homepage >> Structure and hierarchy >> Split categories on index : >> Chọn Medium
Kéo xuống cuối rồi tick như hình:


Tạo box con như sau:
QUẢN LÝ TỔNG THỂ >> Forum >> Categories and forums >> Click vào dấu cộng xanh và tạo như hình

trong hình thì Ý kiến đóng góp và Thông tấn xã VnSharing là box lớn, các box kia đều là box con

Click vào box lớn và chèn icon nhò đại diện = các cho link ảnh vào mục Image URL :
Chèn ảnh dại diện và mô tả = cách cho vào mô tả:


Các box con thì không cần cho mô tả mà chỉ cần cho link ảnh vào muc Image URL : là được

Tốn time quá, thím tự check và fix đi nhé ko hổ trợ fix nhé

[Chúa Tể Địa Ngục]

BTV2 : ==!
sao nó ko hiển thị banner nhỉ? tui cho banner vô chỗ mô tả rồi mà?

[BTV2]

Ảnh mô tả phải dùng HTML code có class là "hinh" mới dùng được nhé:

Code:

<img class="hinh" src="http://i74.servimg.com/u/f74/18/97/06/08/td210.jpg" />Hãy chia sẻ Manga với những bạn không đọc được tiếng Anh.

[Chúa Tể Địa Ngục]

à thanks...
Bổ sung: 1 số box con khi chèn icon post trước đó 1 số box nó bị thế này (như trong hình là box Tuyển nhân sự)

Làm sao để khắc phục?

[BTV2]

Do tên quá dài nhưng css căng width quá ngắn, ko du~ chiu` ngang nên nó xuống dòng, chỉnh lại css đi @@

[BTV2]

Tìm

Code:

#smallrum {
  padding: 5px;
  margin: 3px 1px;
  background: #EEF7FC none;
  color: #EEF7FC;
  line-height: 20px;
  font-size: 13px;
  width: 430px;
}

width: 430px; là chiều ngang của nó, chỉnh lại thành width: 450px; là được

[Chúa Tể Địa Ngục]

thanks chú nhiều^^

[Sponsored content]