Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

熬夜到1点多,为大家修改一个很多人想要的表格线效果!

[复制链接]
天-意 发表于 2006-9-17 01:28:42 | 显示全部楼层 |阅读模式
修改之前,请查看演示是否是你需要的那种表格效果!

这个修改方法后台可以设置边框颜色,边框色变量用{BGBORDER};。

演示选择 淡蓝清爽 风格:http://www.ry168.net/bbs/index.php
http://putian.512j.com/bbs/?styleid=24&sid=RsWL0H

看好多人都想要这个效果,我就做了出来,与大家一起分享。

打开模版css.htm

  1. .row td {
  2.         padding: {TABLESPACE}px;
  3.         border-bottom: 1px solid {BGBORDER};
  4. }
  5. .row1 {
  6.         width: 100%;
  7.         border: none;
  8.         background: {ALTBG1};
  9.         empty-cells: show;
  10. }
  11. .row1 td {
  12.         padding: {TABLESPACE}px;
  13.         border-bottom: 1px solid {BGBORDER};
  14. }
复制代码

把以上代码替换为
  1. .row td {
  2.         padding: {TABLESPACE}px;
  3.         border-bottom: 1px solid {BGBORDER};
  4.                border-left: 1px solid {BGBORDER};
  5. }
  6. .row1 {
  7.         width: 100%;
  8.         border: none;
  9.         background: {ALTBG1};
  10.         empty-cells: show;
  11. }
  12. .row1 td {
  13.         padding: {TABLESPACE}px;
  14.         border-bottom: 1px solid {BGBORDER};
  15.                border-left: 1px solid {BGBORDER};
  16. }
复制代码



  1. .t_user        {
  2.         word-break: break-all;
  3.         padding-left: 8px;
  4.         background: {ALTBG1};
  5. }
复制代码

替换成
  1. .t_user        {
  2.         word-break: break-all;
  3.         padding-left: 8px;
  4.         background: {ALTBG1};
  5.                border-right:1px solid {CATBORDER};
  6. }
复制代码

保存,上传到服务器覆盖原来文件。

打开模版文件discuz.htm

  1. <td align="center">$forum[folder]</td>
复制代码

替换为
  1. <td align="center" style="border-left:none">$forum[folder]</td>
复制代码


  1. <td width="5%" align="center" valign="middle"><img src="{IMGDIR}/forumlink.gif" alt="" /></td>
复制代码

共3处,分别替换为
  1. <td width="5%" align="center" valign="middle" style="border-left:none"><img src="{IMGDIR}/forumlink.gif" alt="" /></td>
复制代码


  1. <td width="5%" align="center" valign="middle"><img src="{IMGDIR}/birthday.gif" alt="" /></td>
复制代码

替换为
  1. <td width="5%" align="center" valign="middle" style="border-left:none"><img src="{IMGDIR}/birthday.gif" alt="" /></td>
复制代码


  1. <td width="5%" align="center" valign="middle"><img src="{IMGDIR}/supe_updateusers.gif" alt="" /></td>
复制代码

替换为
  1. <td width="5%" align="center" valign="middle" style="border-left:none"><img src="{IMGDIR}/supe_updateusers.gif" alt="" /></td>
复制代码


打开模版文件forumdisplay.htm


  1. <td align="center"><!--{if empty($announcement['redirect'])}-->
复制代码

替换为
  1. <td align="center" style="border-left:none"><!--{if empty($announcement['redirect'])}-->
复制代码


  1. <td>&nbsp;</td><td colspan="6">{lang forum_normal_threads}</td>
复制代码

替换为
  1. <td style="border-left:none">&nbsp;</td><td colspan="6" style="border-left:none">{lang forum_normal_threads}</td>
复制代码


  1. <td class="f_folder"><a href="viewthread.php?tid=$thread[tid]" target="_blank">
复制代码

替换为
  1. <td class="f_folder" style="border-left:none"><a href="viewthread.php?tid=$thread[tid]" target="_blank">
复制代码


做完以上后,保存,上传覆盖掉,就行了!

[ 本帖最后由 天-意 于 2006-12-24 21:15 编辑 ]

评分

1

查看全部评分

 楼主| 天-意 发表于 2006-9-17 01:30:23 | 显示全部楼层
有用的朋友,如果你觉得这个方法不错,请支持一下,谢谢!
回复

使用道具 举报

桃々 发表于 2006-9-17 01:31:05 | 显示全部楼层
沙发没了......
回复

使用道具 举报

梦古无尘 发表于 2006-9-17 01:34:43 | 显示全部楼层
支持一下~~!
回复

使用道具 举报

ameter 发表于 2006-9-17 01:37:47 | 显示全部楼层
前排
回复

使用道具 举报

xky691 发表于 2006-9-17 03:27:35 | 显示全部楼层
顶一下
回复

使用道具 举报

再见你的时候 发表于 2006-9-17 05:57:55 | 显示全部楼层
极度支持
回复

使用道具 举报

 楼主| 天-意 发表于 2006-9-17 07:49:19 | 显示全部楼层
谢谢支持,顶一下,让更多想要的人看到。
回复

使用道具 举报

NNXK.CN 发表于 2006-9-17 11:51:38 | 显示全部楼层
支持一下
回复

使用道具 举报

aixiu 发表于 2006-9-18 12:16:25 | 显示全部楼层
留个记号不然又找不到了。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 20:52 , Processed in 0.049337 second(s), 6 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表