Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

You are not connected. Please login or register

[Codes] Hiệu ứng sáng box chọn, mờ các box khác

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

๖ۣۜTom

๖ۣۜTom
Admintrator
Admintrator

ai đùng skin hoa và bướm thì làm theo hướng dẫn dưới đây hén

CSS:
Code:
.lbb_bg tbody:hover {
opacity: 1;
}
.lbb_bg:hover tbody {
opacity: 0.2;
}


Index_box
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
        <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
          <span class="gensmall">{LAST_VISIT_DATE}<br/>
            {CURRENT_TIME}
            </span>
            <!-- END switch_user_logged_in -->
            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
        </td>
        <td class="gensmall" align="right" valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
          <br/>
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
          <br/>
            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
        </td>
    </tr>
</table>
<!-- 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"><font color=white><strong>{catrow.tablehead.L_FORUM}</strong></font></span>
</td></tr>
</tbody></table>
</td>
</tr>
</table>
<div class="lbb_bg">
<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">
                    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
{catrow.forumrow.FORUM_NAME}</a>

                </span>
            </h{catrow.forumrow.LEVEL}>
            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span><br/>
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </span>
        </td>
        <td class="alt2" nowrap="nowrap" width="40%">
<div class="smallfont" align="left">
<img src="http://i61.servimg.com/u/f61/13/61/26/37/forum_10.gif"/>
{catrow.forumrow.LAST_POST}
</div><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" />
  </div>
<!-- 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">Forum 4ALL - Mái Nhà Tình Bạn</a>
        </strong></div></td>
    </tr>
</tbody>
</table>

cái đó là cho skin hoa bướm lấy nguồn từ 4all ! còn ai muốn sáng box như forum ๖๖ۣۜ๖๖ۣۜ๖๖ۣۜMình thì post bài + index_bõ bên dưới tui add thử cho ! tuy không được như bản gốc nhưng cũng dc 1/2
nguồn : 4all

http://www.vn-answer.tk
Share this post on: reddit

No Comment.

Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết