[Thắc Mắc] Về bị lệch icon Topic List Box.

[Mr.Lickul]

- Tình hình là tôi đang xài một cái TOPIC LIST BOX của giống Phutu. Nhưng sao tôi chèn vào, mấy cái Icon trước tên bài viết nó bị xịt đẩy ra ngoài, làm cho nó bị không đẹp. Nay làm topic mong Member giúp tôi sửa lại đoạn này giúp.

Đây là cái phần forum tôi bị lệch ?



Bây giờ tôi mong edit lại sao cho cái phần tôi khoanh trên tấm hình trên, nó giống với dạng DEMO trong tấm hình này giúp ?



Forum test của tôi : http://dosgame.5forum.net/

[ligerv]

tìm trong topic list box đoạn này rồi xóa đi

Code:

.pun table .tdtopics .status {
margin-left: -40px;
}

[Mr.Lickul]

tìm trong topic list box đoạn này rồi xóa đi

Code:

.pun table .tdtopics .status {
margin-left: -40px;
}

- Tình hình là không được Ligerv ơi !!! Tôi tìm mà không thấy có trong Topic List Box ? Tôi cũng xóa hết thử CSS liên quan tới Topic List Box cũng không được ? Tôi cũng thử chèn Code ông đưa vào nó cũng không ra ?

[anhdausai]

hình như 4rum bạn có tiếp đầu ngữ của BV nếu có thì xóa thử coi

[Mr.Lickul]

hình như 4rum bạn có tiếp đầu ngữ của BV nếu có thì xóa thử coi

- Thật sự tôi không hiêu gì hết ? Giúp tôi hướng dẫn được không  

[anhdausai]

bạn đưa code topics_list_box lên đây

[Mr.Lickul]

Code:

<style>
.pun img.ava_topic{width:100px;}
.pun a.ava_topic{display:inline-block;max-width:100px;max-height:60px;float:right;margin-right:3px;margin-top:-4px;margin-bottom:-5px}
.pun h2.topic-title{padding-right:5px}
.pun strong.pagination a {
background-color:#fff;
border:1px solid #999;
color:#333;
font-weight:400;
line-height:1.5em;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
font-size:11px;
margin:0 1px;
padding:0 3px 0 4px;}
.pun .page-title a {
font: bold 11px Tahoma!important;
border: 5px solid #000;
color: #FF0000!important;
background: #FFF url(http://i38.servimg.com/u/f38/16/18/15/10/untitl27.png)repeat-x bottom left;
box-shadow: 0px 1px 0px #dedade;
padding: 3px 5px;
display: inline-block;
margin: -3px 13px -2px -6px;
text-transform: none!important;}  
.pun .main-content table.table th {
color: #1542AB;
font: bold 12px Tahoma;}
.pun .main-content {
background-color: #fff;
border: 1px solid #ccc;}
.pun table td.tcl {
height: auto;
min-height: 24px;}
.pun table.table td {
background-color: #fff;
border-color: #ccc;}
strong.pagination span a:hover {
text-decoration:none !important;
border-color:#407294;}
strong.pagination span.page-sep {
display:none;}
strong.pagination span {
color:#333;
font-size:11px;
padding:5px;}
</style>
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
 <!-- BEGIN multi_selection -->
 <script type="text/javascript">
 function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
 var all_checked = true;
 for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
 }
 }
 document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
 }
 function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
 for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
 }
 }
 }
 </script>
 <!-- END multi_selection -->

 <div class="main-head">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
<h1 class="page-title"><a rel="nofollow" href="/search?search_id=newposts&amp;search_where=f{FORUM_ID}">Bài Mới Từ Truy Cập Mới</a><a rel="nofollow" href="/search?search_id=egosearch&amp;search_where=f{FORUM_ID}">Xem Bài Của Bạn</a><a rel="nofollow" href="/search?search_id=watchsearch&amp;search_where=f{FORUM_ID}">Bài Đang Theo Dõi</a></h1>
<form method="get" action="/search?search_where=11" id="search" style="float:right;margin-top:-19px;margin-right:-10px">
                                              
                                             <input value="f{FORUM_ID}" name="search_where" type="hidden">                                        
                                        </form>

 </div>
 <div class="main-content">
 <table cellspacing="0" class="table">
 <thead>
 <tr>
 <th class="tcl">Thông Báo Và Chú Ý [ {topics_list_box.row.COUNT_TOTAL_TOPICS} ]</th>
 <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
 <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
 <th class="tcr" style="width:20%">{topics_list_box.row.L_LASTPOST}</th>
 </tr>
 </thead>
 <tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
 <!-- BEGIN table_sticky -->
 </tbody>
 </table>
 </div>

 <div class="main-head">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" / >
 <!-- END multi_selection -->
 <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
 </div>
 <div class="main-content">
 <table cellspacing="0" class="table">
 <thead>
 <tr>
 <th class="tcl">{L_TOPICS}</th>
 <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
 <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
 <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
 </tr>
 </thead>
 <tbody class="statused">
 <!-- END table_sticky -->
 <tr>
 <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->" style="padding-top: 5px;padding-bottom: 5px;">
 <span class="status">
 <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
 </span>
 <!-- BEGIN single_selection -->
 <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
 <!-- END single_selection --><span id="blog_tintuc">
<!-- BEGIN switch_description -->
<a href="{topics_list_box.row.U_VIEW_TOPIC}" class="ava_topic"><img src="{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}" class="ava_topic"></a>
 <!-- END switch_description -->
 {topics_list_box.row.ICON}
 {topics_list_box.row.NEWEST_POST_IMG}
 <span style="margin: 10px 10px 10px 10px;float:right">{topics_list_box.row.PARTICIPATE_POST_IMG} </span>
                                  <strong style="background-image: url(http://i.imgur.com/EHGpChd.png);background-color: rgb(123, 166, 13);display: inline-block;height: 16px;line-height: 16px;padding: 0 5px;font-size: 9px;font-weight: bold;text-transform: uppercase;text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background-repeat: repeat-x;background-position: 0 -1px;color: rgb(255, 255, 255);">{topics_list_box.row.TOPIC_TYPE}</strong>
 <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2></span><br>
   <b>{topics_list_box.row.L_BY}</b> {topics_list_box.row.TOPIC_AUTHOR}
 {topics_list_box.row.GOTO_PAGE_NEW}  
 </td>
   <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->"><b>{topics_list_box.row.REPLIES}</b></td>
   <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->"><b>{topics_list_box.row.VIEWS}</b></td>
   <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->" style="color:#545454;font-size:12px"><b>{topics_list_box.row.LAST_POST_TIME}</b> <br><b>{topics_list_box.row.L_BY}</b> {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</td>
 <!-- BEGIN multi_selection -->
 <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
 <!-- END multi_selection -->
 </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
 <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
 </tbody>
 </table>
 </div>
 <div class="main-foot clearfix">
 <!-- BEGIN multi_selection -->
 <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
 <!-- END multi_selection -->
 <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
 <p class="options">
 <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM} <a href="#top">{L_BACK_TO_TOP}</a>
 </p>
 </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

- Nè Hưng sóc thần

[ligerv]

nếu không có thì tìm ở viewforum_body nhé . xóa đoạn đó đi sẽ hết bị

[Mr.Lickul]

nếu không có thì tìm ở viewforum_body nhé . xóa đoạn đó đi sẽ hết bị

- Mình tìm trong Viewforum Body cũng không thấy bạn ơi !!!

[anhdausai]

vào topics_list_box xóa

Code:

<strong style="background-image: url(http://i.imgur.com/EHGpChd.png);background-color: rgb(123, 166, 13);display: inline-block;height: 16px;line-height: 16px;padding: 0 5px;font-size: 9px;font-weight: bold;text-transform: uppercase;text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background-repeat: repeat-x;background-position: 0 -1px;color: rgb(255, 255, 255);">{topics_list_box.row.TOPIC_TYPE}</strong>

là xg

[Mr.Lickul]

vào topics_list_box xóa

Code:

<strong style="background-image: url(http://i.imgur.com/EHGpChd.png);background-color: rgb(123, 166, 13);display: inline-block;height: 16px;line-height: 16px;padding: 0 5px;font-size: 9px;font-weight: bold;text-transform: uppercase;text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background-repeat: repeat-x;background-position: 0 -1px;color: rgb(255, 255, 255);">{topics_list_box.row.TOPIC_TYPE}</strong>

là xg

- Vẫn còn bị anhdausai ơi !!!

[ligerv]

bạn nhấn ctrl+U sẽ thấy đoạn mình nói mà cói trong 2 phần đó mà không thấy thì hơi lạ

[Mr.Lickul]

- Mình tìm trong Toplic List Box vs Viewtopic Body, thì đoạn code mà bạn cho thì mình tìm không ra ? 
- Còn đoạn Code AnhDauSai cho thì mình tìm cũng không ra luôn ?

[ligerv]

vậy bạn có thể chèn thêm đoạn này vào dưới cùng CSS :

Code:

.pun table .tdtopics .status {
margin-left: -25px;
}

tuy nhiên vẫn khuyến khích tìm đoạn kia và xóa đi nếu có thể

[Mr.Lickul]

- Chèn theo như lời Ligerv nói cũng không được ?
- Tôi inbox tài khoản admin, ông giúp tôi nha

[ligerv]

đã xóa cho bạn rồi nhé , đoạn đó nằm trong viewforum body k biết sao bạn lại k tìm thấy

[Sponsored content]