Tuấn Anh Cho m xin cái code Index Box Giống Skin bướm và hoa đi

Chỉ cần Index Box và Css thích ứng thui

K cần chi

index_box:

Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="cat_cen"></div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">

<tr>
<td><div class="tcat_left"></div></td>

<td class="tcat_bar_bg" nowrap="nowrap" valign="top">
<table style="margin-top: 80px; margin-left: 100px;" border="0" cellpadding="0" cellspacing="0">
<tbody><tr><td nowrap="nowrap">
<span class="secondarytitle"><strong><center>*¨°º©º°¨*<font color="white" size="3">{catrow.tablehead.L_FORUM}</font>*¨°º©º°¨*</center></strong></span>
</td></tr>
</tbody></table>
</td>
</tr>
</table>

<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr align="center">
      <td class="thead"> </td>
      <td class="thead" width="50%" align="left">Chuyên mục</td>
      <td class="thead" width="50%">Bài mới gởi</td>
</tr>

    <!-- END tablehead -->
    <!-- BEGIN cathead -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
        <!-- END inc -->
        <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
            <h{catrow.cathead.LEVEL} class="hierarchy">
                <span class="cattitle">
                    <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                </span>
            </h{catrow.cathead.LEVEL}>
        </td>
        <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
    </tr>
    <!-- END cathead -->
    <!-- BEGIN forumrow -->
    <tbody id="collapseobj_forumbit_1" style="">
<tr align="center">

        <!-- BEGIN inc -->
        <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
        <!-- END inc -->
        <td class="alt2">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </td>
        <td width="60%" class="alt1Active" align="left" id="f3" bgcolor="#FFFFFF" onMouseOver="this.style.backgroundColor='#FFFFFF'; " onMouseOut="this.style.backgroundColor='#FFFFFF';">

            <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                  <center><a class="forumlink"><a href="{catrow.forumrow.U_VIEWFORUM}"><b><font onmouseover="showtip('Chuyên Mục: <font color=red> {catrow.forumrow.FORUM_NAME}</font><br />Trạng thái: <font color=green>{catrow.forumrow.L_FORUM_FOLDER_ALT}</font><br> »Đề tài: <font color=yellow>{catrow.forumrow.TOPICS}</font> »Bài gửi: <font color=yellow>{catrow.forumrow.POSTS}</font> ')" onmouseout="hidetip()" style="text-shadow: 0px 0px 6px rgb(119, 0, 255), 0px 0px 5px rgb(119, 0,255), 0px 0px 5px rgb(119, 0,255);" color="#FFFFFF" face="Times New Roman" size="4">
                      {catrow.forumrow.FORUM_NAME}</font></b></a></a>
</center>
              </span>
            </h{catrow.forumrow.LEVEL}>
  <br>
            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
              <div id="pun-visit">{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</div>
                <!-- END switch_moderators_links -->
     
            </span>
        </td>
        <td class="alt2" nowrap="nowrap" width="40%">
<div class="smallfont" align="center">
<img src="http://i61.servimg.com/u/f61/13/61/26/37/forum_10.gif"/>
{catrow.forumrow.LAST_POST}
          </div><br >
<script type="text/javascript">document.write('<a style="padding: 0 5px"  onmouseover="showtip('chia sẻ trang này lên yahoo cho bạn bè')" onmouseout="hidetip()" href="ymsgr:im?+&msg=Xem trang này hay lắm nè: Dream World - ' + location.href + '"><img border="0" src="http://t0.gstatic.com/images?q=tbn:ANd9GcTYrzzy1gjJdmT6kprmDg80_0Zjo8DtOf9-QyTh3YBRdCt9NJnLNMn59A" width="20" height="20"/></a>')</script><script type="text/javascript">document.write('<a style="padding: 0 5px" target="_blank" href="http://link.apps.zing.vn/share?url=' + location.href + '&t=Dream World&desc=&images=http://2img.net/i/fa/logo/logo.png&media=&width=0&height=0" title="Chia sẻ lên Zing Me"><img src="http://i48.servimg.com/u/f48/16/58/89/73/zing10.png" /></a>')</script><script type="text/javascript">document.write('<a style="padding: 0 5px" target="_blank" href="http://my.go.vn/GoShare.aspx?url=' + location.href + '&title=Dream World&picture=http://2img.net/i/fa/logo/logo.png&message=" title="Go.vn"><img src="http://static.gox.vn/media/notify/css/images/logo_mvn.png" width="20" height="20"/></a>')</script><script type="text/javascript">document.write('<a style="padding: 0 5px" target="_blank" href="http://www.facebook.com/share.php?u=' + location.href + '" title="Chia sẽ lên Facebook"><img src="http://i48.servimg.com/u/f48/16/58/89/73/facebo10.png" /></a>')</script><br />
<div align="center"><div style="background-color: #fff;width: 270px;-moz-border-radius: 4px; border-radius: 4px;border: 1px dotted #e7e7e7;">
<span class="genmed"><b>»</b> Chủ đề : <font size="2" color="red"><b>{catrow.forumrow.TOPICS}</b></font> | <b>»</b> Số bài : <font size="2" color="orange"><b>{catrow.forumrow.POSTS}</b></font></span></div>


</div>
        </td>
    </tr>
    <!-- END forumrow -->
    <!-- BEGIN catfoot -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
        <!-- END inc -->
        <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
    </tr></tbody>
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --><br>
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tbody>
    <tr>
        <td class="tfoot" align="center" colspan="6"><div class="smallfont"><strong>
            <a href="/forum" rel="nofollow">Code forumotion</a>
        </strong></div></td>
    </tr>
</tbody>
</table>

CSS:

Code:



.tcat_left

{ background: url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/tcat_left.gif) no-repeat; width: 300px; height: 150px; }
.tcat_bar_bg

{ background: url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/bar_bg.gif) no-repeat top; width: 525px; height: 45px; }
.thead
{
    background: #FF34AD url(http://i16.servimg.com/u/f16/17/73/81/42/12132110.jpg) repeat-x;
    color: #FFFFFF;
    font: bold 8pt tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  height: auto;
}
.tfoot
{
    background: #ff62be url(http://i967.photobucket.com/albums/ae153/ligerv/Flowers%20and%20Butterflies%20Skin%202011/tfoot_bg.gif) repeat;
    color: #FFFFFF;
    font: bold 9pt tahoma;
}
.tfoot a:link, .tfoot_alink
{
    color: #FFFFFF;
    text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
    color: #FFFFFF;
    text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
    color: #FFFFFF;
    text-decoration: none;
}

Được rồi nhưng mà nó k hiển thị các box con

@@

Chắc Index Box thiếu cái đó

reset lại trình duyệt là hết nỗi ngay

Tuấn Anh đã viết:reset lại trình duyệt là hết nỗi ngay

ko đc ad à. ko hiểu nó bị sao, có mỗi cái đây nó bị lỗi, còn cái khác nó vẫn bình thường

chắc tooltip bị lỗi chỗ đó, vào xóa tooltip đi là được

m ko có tooltip bạn à, ko thấy luôn

Tuấn Anh chỉnh lại cho m cái Index B cho nó hiển thị các box con đi

Nó k hiển thị box con , còn lại ngon ơ

Box con mất trụi
Nếu khó M sẽ Đưa Pass cho Tuấn

Vào index_box tìm:

Code:

<!-- END switch_moderators_links -->

Thêm vào dưới nó đoạn code sau:

Code:

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

ad giúp m đi. ko hiểu sao nó bị lỗi mỗi 1 box đó mới đau chứ ?

Tks Tuấn nha

Mà Tuấn a này

Tuấn chỉ Cho Pya cách đóng khung từng chuyên mục đi

Để thế lộn xà ngầu hết rồi

y như bên mainhatinhban ấy

Bạn cho mình cái demo đi

Đây , đóng khung từng chuyên mục như vầy nè Tuấn

Nhưng mà demo onl cho nó rõ :

http://mainhatinhban.yourme.net/


Làm cho có viền đóng khung nhóm chuyên mục như thế đó

chinnamdoicho đã viết:ad giúp m đi. ko hiểu sao nó bị lỗi mỗi 1 box đó mới đau chứ ?

Bạn xóa tooltip đi là được.

Pya - Kun đã viết:Đây , đóng khung từng chuyên mục như vầy nè Tuấn

Nhưng mà demo onl cho nó rõ :

http://mainhatinhban.yourme.net/


Làm cho có viền đóng khung nhóm chuyên mục như thế đó

Mình ko hiểu ý của bạn. Forum của bạn là gì vậy???

Ý là đóng khung các box lại đó mờ

http://tsubasafan.forumvi.com

giống forum mình à

ờm

dạng thế đấy

Cho vào css:

Code:

.lbb_bottom {
background: url(http://i31.servimg.com/u/f31/13/61/26/37/lbb_bo10.jpg) no-repeat;
height: 21px;
width: 830px;
      }
  .lbb_bg

{

background: url(http://i31.servimg.com/u/f31/13/61/26/37/lbb_bg10.jpg) repeat-y center;
width: 830px;

}
  .lbb_bg:hover > tbody {
opacity: 0.5;
}
.lbb_bg > tbody:hover {
opacity: 1;
}

Vào index_box tìm:

Code:

<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="800px" align="center">
<tr align="center">
      <td class="thead"> </td>
      <td class="thead" width="50%" align="left">Chuyên mục</td>
      <td class="thead" width="50%">Bài mới gởi</td>
</tr>

Thay bằng:

Code:

<div class="lbb_bg">
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="800px" align="center">
<tr align="center">
      <td class="thead"> </td>
      <td class="thead" width="50%" align="left">Chuyên mục</td>
      <td class="thead" width="50%">Bài mới gởi</td>
</tr>

Tìm

Code:

<!-- BEGIN tablefoot -->
</table>

Thay thành

Code:

 <!-- BEGIN tablefoot -->
</table>
      <div class="lbb_bottom"></div></div>

Like Tuấn 1 Phát nà

Còn chiều rộng thế là mặc định của nó à

Có điều chỉnh dc hok

Bạn có thể thay đổi width trong css

Tập 1 đâu Pí ZÀ?

Chỉnh width nó cũng vậy à

K rộng khung mà rộng 2 cái thanh ở trên @@

Bạn vào index_box tìm 800px rùi thay lại cho thích hợp