浏览主站 | 站长工具 | 新闻资讯 | 站长学院 | 站长盈利 | HTML教程 | 网址导航 | 站长周刊 | 会员投稿 | 滚动新闻 | RSS
发新话题
打印

一个很多人想要的表格线效果 (*^__^*) 嘻嘻……

一个很多人想要的表格线效果 (*^__^*) 嘻嘻……

[[wiki]wiki[/wiki]][/wiki]修改之前,请查看演示是否是你需要的那种表格效果!
这个修改方法后台可以设置边框颜色,边框色变量用{BGBORDER};。
演示选择 淡蓝清爽 风格:[[wiki]URL[/wiki]=http://www.ry168.net/bbs/index.[wiki]PHP[/wiki]]http://www.ry168.net/bbs/index.php[/url]
http://putian.512j.com/bbs/?styleid=24&sid=RsWL0H
看好多人都想要这个效果,我就做了出来,与大家一起分享。
打开模版css.htm

[Copy to clipboard] [ - ]CODE:
.row td {
        padding: {TABLESPACE}px;
        border-bot[wiki]Tom[/wiki]: 1px solid {BGBORDER};
}
.row1 {
        width: 100%;
        border: none;
        background: {ALTBG1};
        empty-cells: show;
}
.row1 td {
        padding: {TABLESPACE}px;
        border-bottom: 1px solid {BGBORDER};
}
把以上代码替换为
[Copy to clipboard] [ - ]CODE:
.row td {
        padding: {TABLESPACE}px;
        border-bottom: 1px solid {BGBORDER};
               border-left: 1px solid {BGBORDER};
}
.row1 {
        width: 100%;
        border: none;
        background: {ALTBG1};
        empty-cells: show;
}
.row1 td {
        padding: {TABLESPACE}px;
        border-bottom: 1px solid {BGBORDER};
               border-left: 1px solid {BGBORDER};
}

[Copy to clipboard] [ - ]CODE:
.t_user        {
        word-break: break-all;
        padding-left: 8px;
        background: {ALTBG1};
}
替换成
[Copy to clipboard] [ - ]CODE:
.t_user        {
        word-break: break-all;
        padding-left: 8px;
        background: {ALTBG1};
               border-right:1px solid {CATBORDER};
}
保存,上传到[wiki]服务器[/wiki]覆盖原来文件。
打开模版文件discuz.htm

[Copy to clipboard] [ - ]CODE:
<td align="center">$forum[folder]</td>
替换为
[Copy to clipboard] [ - ]CODE:
<td align="center" style="border-left:none">$forum[folder]</td>

[Copy to clipboard] [ - ]CODE:
<td width="5%" align="center" valign="middle"><img src="{IMGDIR}/forumlink.gif" alt="" /></td>
共3处,分别替换为
[Copy to clipboard] [ - ]CODE:
<td width="5%" align="center" valign="middle" style="border-left:none"><img src="{IMGDIR}/forumlink.gif" alt="" /></td>

[Copy to clipboard] [ - ]CODE:
<td width="5%" align="center" valign="middle"><img src="{IMGDIR}/birthday.gif" alt="" /></td>
替换为
[Copy to clipboard] [ - ]CODE:
<td width="5%" align="center" valign="middle" style="border-left:none"><img src="{IMGDIR}/birthday.gif" alt="" /></td>

[Copy to clipboard] [ - ]CODE:
<td width="5%" align="center" valign="middle"><img src="{IMGDIR}/supe_updateusers.gif" alt="" /></td>
替换为
[Copy to clipboard] [ - ]CODE:
<td width="5%" align="center" valign="middle" style="border-left:none"><img src="{IMGDIR}/supe_updateusers.gif" alt="" /></td>
打开模版文件forumdisplay.htm

[Copy to clipboard] [ - ]CODE:
<td align="center"><!--{if empty($announcement['redirect'])}-->
替换为
[Copy to clipboard] [ - ]CODE:
<td align="center" style="border-left:none"><!--{if empty($announcement['redirect'])}-->

[Copy to clipboard] [ - ]CODE:
<td> </td><td colspan="6">{lang forum_normal_threads}</td>
替换为
[Copy to clipboard] [ - ]CODE:
<td style="border-left:none"> </td><td colspan="6" style="border-left:none">{lang forum_normal_threads}</td>

[Copy to clipboard] [ - ]CODE:
<td class="f_folder"><a href="viewthread.php?tid=$thread[tid]" target="_blank">
替换为
[Copy to clipboard] [ - ]CODE:
<td class="f_folder" style="border-left:none"><a href="viewthread.php?tid=$thread[tid]" target="_blank">
做完以上后,保存,上传覆盖掉,就行了!

TOP

谢谢mm

TOP

发新话题