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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

主题列表的表格样式如何设计成颜色深浅间隔(新问题)

[复制链接]
 楼主| KingLu 发表于 2007-4-9 23:24:32 | 显示全部楼层
原帖由 ddspp 于 2007-4-9 23:11 发表
你看他的CSS就知道了清清楚楚http://bbs.ngacn.com/image/nga_classic/css_default.css


感谢回复!
我查看这个CSS文件,但是真的没有在里面找到头绪?您指的的是哪一部分呢?
回复

使用道具 举报

ddspp 发表于 2007-4-9 23:28:18 | 显示全部楼层
.forumbox .row1 .c1 {background-color:#FFF5D7}
.forumbox .row1 .c2 {background-color:#FFF8E5}
.forumbox .row1 .c3 {background-color:#FFF5D7}
.forumbox .row1 .c4 {background-color:#FFF8E5}
.forumbox .row1 .c5 {background-color:#FFF5D7}
.forumbox .row1 .c6 {background-color:#FFF8E5}
.forumbox .row1 .c7 {background-color:#FFF5D7}

.forumbox .row2 .c1 {background-color:#FEB}
.forumbox .row2 .c2 {background-color:#FFF5D7}
.forumbox .row2 .c3 {background-color:#FEB}
.forumbox .row2 .c4 {background-color:#FFF5D7}
.forumbox .row2 .c5 {background-color:#FEB}
.forumbox .row2 .c6 {background-color:#FFF5D7}
.forumbox .row2 .c7 {background-color:#FEB}

.forumbox .forumrow .c1 {width:5%;text-align:center}
.forumbox .forumrow .c2 {width:54%;}
.forumbox .forumrow .c3 {width:8%;font-size:11px;font-family:georgia;text-align:center}
.forumbox .forumrow .c4 {width:21%;}
.forumbox .forumrow .c5 {width:12%;text-align:center}

.forumbox .topicrow .c1 {width:5%;text-align:center}
.forumbox .topicrow .c2 {width:56%;}
.forumbox .topicrow .c3 {width:10%;text-align:center}
.forumbox .topicrow .c4 {width:10%;text-align:center}
.forumbox .topicrow .c5 {width:19%;text-align:center}
回复

使用道具 举报

ddspp 发表于 2007-4-9 23:28:46 | 显示全部楼层
你可以抓图取颜色然后对照CSS表~~很使用的方法
回复

使用道具 举报

 楼主| KingLu 发表于 2007-4-9 23:30:44 | 显示全部楼层
原帖由 goldenfaith 于 2007-4-9 23:22 发表



也许我问的问题在您眼里显得很幼稚,回答这个问题不过是举手之劳,不过真的对我很重要啊,问题解决了我很兴奋!
我今天一天都在设计模板,但是学识浅薄,有些问题就是解决不了,所以发帖到论坛上资讯,然后就是不停的刷新看看有没有人回复。
但无奈DZ用户太多,和我一样有疑问的用户也太多,所以我的问题往往被忽略,今天这个问题再我看来真的是“专业级”的啊!
再次感谢您对我的莫大帮助!
回复

使用道具 举报

ご壞壞〆瀦ㄣ 发表于 2007-4-9 23:32:12 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

ddspp 发表于 2007-4-9 23:33:00 | 显示全部楼层
昏迷。。。。~~偶也是菜菜类。。。一起学习学习
回复

使用道具 举报

 楼主| KingLu 发表于 2007-4-9 23:35:07 | 显示全部楼层
原帖由 ddspp 于 2007-4-9 23:28 发表
.forumbox .row1 .c1 {background-color:#FFF5D7}
.forumbox .row1 .c2 {background-color:#FFF8E5}
.forumbox .row1 .c3 {background-color:#FFF5D7}
.forumbox .row1 .c4 {background-color:#FFF8E5}
.fo ...


关键是这些要怎么应用到PHP代码中呢?因为是变量啊。
就像我问题里举的例子。

  1. <!--{block name="NEWS" XXXX/tpl/data"}-->
  2.     <!--{loop $_SBLOCK['NEWS'] $value}-->
  3. <td class=BKGR1>
  4. <a href="$value[url]" target="_blank">$value[subject]</a>
  5. </td>
  6.     <!--{/loop}-->
复制代码


类似于这样的模块调用,一次读取若干条新闻,这些新闻都套用同样的表格样式BKGR1。而现在我想要的效果是让这些新闻按照奇偶顺序分别套用BKGR1和BKGR2两种样式,这个我就不会实现了。CSS方面我明白,PHP语句不懂。
回复

使用道具 举报

 楼主| KingLu 发表于 2007-4-10 02:48:05 | 显示全部楼层
Goldenfish老师,又有新的实际应用问题了,有点复杂,看图说话。



我设想像图中所示生成资讯列表,但您说的办法仅能用于论坛的主题列表,较为简单,现在我想将它应用于SS的资讯列表中,而且又加入了其他一些条件。

如图所示,所有资讯由DIV控制,最终生成的资讯样式有4种,我们假设一下它们的名称:

1,资讯列表通用样式                             list_item                    (整个资讯列表的基本格式)
2,灰色背景                                           bg_grey                   (有图与无图的资讯层通用)
3,无图资讯文字样式                             nopic_text               

其中 list_item 控制了整个列表的白色背景和有图资讯的文字格式。

四种样式的最终代码如下:
白色有图最简单:class=list_item

灰色有图:class=list_item bg_grey

白色无图:class=list_item nopic_text

灰色无图最复杂:class=list_item bg_grey nopic_text

这样代码我就完全不知道该怎么写了,因为本身对于SS、DZ的参数变量就基本不懂。

模块设置为有图与无图的资讯全部抓取,总体上列表的中每条信息背景是深浅相间的(也就是一条白色默认list_item,一条list_item bg_greay),当信息为文字信息时,则在基本的class中加入nopic_text属性,最终达成图片中显示的效果。

请问有无可能实现我的想法呢?

谢谢!

[ 本帖最后由 KingLu 于 2007-4-10 02:49 编辑 ]

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

goldenfaith 发表于 2007-4-10 02:53:14 | 显示全部楼层
你这个是SS啊?
回复

使用道具 举报

 楼主| KingLu 发表于 2007-4-10 02:55:40 | 显示全部楼层
原帖由 goldenfaith 于 2007-4-10 02:53 发表
你这个是SS啊?


是的,我想用在SS的主题列表中啊~
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-18 16:42 , Processed in 0.038658 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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