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

SS我没用过，你把这个页面的模板文件贴一下

原帖由 goldenfaith 于 2007-4-10 02:57 发表
SS我没用过，你把这个页面的模板文件贴一下

1. <?exit?>
   
2. {template news_header}
   
3. <!--{if !empty($_SCONFIG['listadcenter'])}-->
   
4. <div class="content" style="background: none; margin-bottom: 0.5em;">
   
5. $_SCONFIG[listadcenter]
   
6. </div>
   
7. <!--{/if}-->
   
8. <!-- Content内容 -->
   
9. <div class="contentR">
   
10. <div class="sideR">
    
11.   <!--{if $thecat['thumb'] || $thecat['note']}-->
    
12.   <div class="catepic sideblock">
    
13.    <!--{if $thecat['thumb']}-->
    
14.    <div><img src="{A_URL}/$thecat[thumb]" alt="" /></div>
    
15.    <!--{/if}-->
    
16.    <!--{if $thecat['note']}-->
    
17.    <p>$thecat[note]</p>
    
18.    <!--{/if}-->
    
19.   </div>
    
20.   <!--{/if}-->
    
21.   
    
22.   <!--子分类-->
    
23.   <!--{block name="category" parameter="upid/$thecat[catid]/ischannel/2/order/c.displayorder/limit/0,100/cachetime/10900/cachename/subarr/tpl/data"}-->
    
24.   <!--{if $_SBLOCK['subarr']}-->
    
25.   <div class="sideblock">
    
26.    <h3>分类</h3>
    
27.    <ul class="msgtitlelist">
    
28.     <!--{loop $_SBLOCK['subarr'] $value}-->
    
29.     <li><a href="$value[url]" target="_self">$value[name]</a></li>
    
30.     <!--{/loop}-->
    
31.    </ul>
    
32.   </div>
    
33.   <!--{/if}-->
    
34.   
    
35.   <!--专题列表-->
    
36.   <!--{block name="category" parameter="upid/$thecat[catid]/ischannel/1/showattach/1/order/c.displayorder/limit/0,100/cachetime/16400/cachename/channel/tpl/data"}-->
    
37.   <!--{if $_SBLOCK['channel']}-->
    
38.   <div class="sideblock">
    
39.    <h3>专题</h3>
    
40.    <ul class="imglogolist">
    
41.     <!--{loop $_SBLOCK['channel'] $value}-->
    
42.     <li>
    
43.      <a href="#action/category/catid/$value[catid]#" target="_self"><img src="$value[thumb]" alt="" /></a>
    
44.      <p><a href="#action/category/catid/$value[catid]#" target="_self">$value[name]</a></p>
    
45.     </li>
    
46.     <!--{/loop}-->
    
47.    </ul>
    
48.   </div>
    
49.   <!--{/if}-->
    
50.   
    
51.   <!--月度关注热点-->
    
52.   <!--{block name="spacenews" parameter="dateline/2592000/catid/$thecat[subcatid]/order/i.viewnum DESC/limit/0,15/cachetime/17200/cachename/hotnews/tpl/data"}-->
    
53.   <!--{if $_SBLOCK['hotnews']}-->
    
54.   <div class="sideblock">
    
55.    <h3>月度关注热点</h3>
    
56.    <dl>
    
57.     <!--{loop $_SBLOCK['hotnews'] $value}-->
    
58.     <dt><a href="$value[url]">$value[subject]</a></dt>
    
59.     <dd><a href="#uid/$value[uid]/action/space#">$value[username]</a> / <a href="$value[url]">点击($value[viewnum])</a></dd>
    
60.     <!--{/loop}-->
    
61.    </dl>
    
62.   </div>
    
63.   <!--{/if}-->
    
64.   
    
65. </div>
    
66. <div class="mainarea">
    
67.   <!--根分类最新日志列表-->
    
68.   <!--{if $_SGET['page']<2 || empty($_SGET['mode'])}-->
    
69.   <!--{block name="spacenews" parameter="perpage/40/catid/$thecat[subcatid]/order/i.dateline DESC/cachename/newlist/tpl/data"}-->
    
70.   <!--{if $_SBLOCK['newlist']}-->
    
71.   <div class="category">
    
72.    <h3><strong>$thecat[name]</strong></h3>
    
73.    <ul class="msgtitlelist">
    
74.     <!--{loop $_SBLOCK['newlist'] $value}-->
    
75.     <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
    
76.     <!--{/loop}-->
    
77.    </ul>
    
78.    
    
79.    <div class="pages">
    
80.     <!--{if $_SBLOCK[newlist_multipage]}-->
    
81.     $_SBLOCK[newlist_multipage]
    
82.     <!--{else}-->
    
83.     <table summary="" class="xspace-page"><tr><td class="xspace-totlerecord">当前只有一页</td></tr></table>
    
84.     <!--{/if}-->
    
85.    </div>
    
86.    
    
87.   </div>
    
88.   <!--{/if}-->
    
89.   <!--{/if}-->
    
90.   <!--论坛资源列表-->
    
91.   <!--{if !empty($thecat['bbsmodel'])}-->
    
92.   <!--{if $_SGET['page']<2 || !empty($_SGET['mode'])}-->
    
93.   <!--{eval $_SGET['mode']='bbs';}-->
    
94.   <!--{block name="bbsthread" parameter="perpage/40/$thecat[blockparameter]/cachename/bbsthreadlist/tpl/data"}-->
    
95.   <!--{if $_SBLOCK['bbsthreadlist']}-->
    
96.   <div class="category">
    
97.    <h3><strong>论坛资源</strong></h3>
    
98.    <ul class="msgtitlelist">
    
99.     <!--{loop $_SBLOCK['bbsthreadlist'] $value}-->
    
100.     <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
     
101.     <!--{/loop}-->
     
102.    </ul>
     
103.    
     
104.    <div class="pages">
     
105.     <!--{if $_SBLOCK[bbsthreadlist_multipage]}-->
     
106.     $_SBLOCK[bbsthreadlist_multipage]
     
107.     <!--{else}-->
     
108.     <table summary="" class="xspace-page"><tr><td class="xspace-totlerecord">当前只有一页</td></tr></table>
     
109.     <!--{/if}-->
     
110.    </div>
     
111.   </div>
     
112.   <!--{/if}-->
     
113.   <!--{/if}-->
     
114.   <!--{/if}-->
     
115.   <!--{if $_SGET['page']<2}-->
     
116.   <!--{loop $_SBLOCK['subarr'] $ckey $cat}-->
     
117.   <!--{eval $ctime=1800+30*$ckey;}-->
     
118.   <!--{block name="spacenews" parameter="catid/$cat[subcatid]/order/i.dateline DESC/limit/0,10/cachetime/$ctime/cachename/subnewlist/tpl/data"}-->
     
119.   <!--{if $_SBLOCK['subnewlist']}-->
     
120.   <div class="category">
     
121.    <h3>
     
122.     <strong><a href="#action/category/catid/$cat[catid]#" target="_self">$cat[name]</a></strong>
     
123.     <a href="#action/category/catid/$cat[catid]#" class="more" target="_self">更多</a>
     
124.    </h3>
     
125.    <ul class="msgtitlelist">
     
126.     <!--{loop $_SBLOCK['subnewlist'] $value}-->
     
127.     <li><cite>#date("m-d", $value["dateline"])# </cite><a href="$value[url]">$value[subject]</a></li>
     
128.     <!--{/loop}-->
     
129.    </ul>
     
130.   </div>
     
131.   <!--{/if}-->
     
132.   <!--{/loop}-->
     
133.   <!--{/if}-->
     
134. </div>
     
135. </div>
     
136. <!-- /Content -->
     
137. <!--{if !empty($_SCONFIG['listadfloating']) || !empty($_SCONFIG['listadside'])}-->
     
138. <script type="text/javascript" src="{S_URL}/include/js/floatadv.js"></script>
     
139. <script type="text/javascript">
     
140. <!--{if !empty($_SCONFIG['listadfloating'])}-->
     
141. var lengthobj = getWindowSize();
     
142. lsfloatdiv('floatAdv', 0, 0, "<div style="position: absolute; right: 6px; bottom: -"+lengthobj.winHeight+"px;"><!--{eval echo jsstrip($_SCONFIG['listadfloating']);}--></div>").floatIt();
     
143. <!--{/if}-->
     
144. <!--{if !empty($_SCONFIG['listadside'])}-->
     
145. lsfloatdiv('coupleBannerAdv', 0, 0, "<div style="position: absolute; left: 6px; top: 6px;"><!--{eval echo jsstrip($_SCONFIG['listadside']);}--><br><img src="{S_URL}/images/system/advclose.gif" onMouseOver="this.style.cursor='hand'" onClick="closeBanner('coupleBannerAdv');"></div><div style="position: absolute; right: 6px; top: 6px;"><!--{eval echo jsstrip($_SCONFIG['listadside']);}--><br><img src="{S_URL}/images/system/advclose.gif" onMouseOver="this.style.cursor='hand'" onClick="closeBanner('coupleBannerAdv');"></div>").floatIt();
     
146. <!--{/if}-->
     
147. </script>
     
148. <!--{/if}-->
     
149. {template news_footer}

复制代码

这个是资讯分类的模板news_category.html.php代码，分类演示：http://www.aiyifu.com/html/74/category_catid_74.html 这个是我的网站资讯版块下的一个分类。资讯版块首页的头条就是抓取有图片附件新闻的例子。这个地方的默认设置就是如果有图片的话则以一定的方式显示图片和标题以及内容，如果没有图片则只显示标题和内容。这个模块的代码如下：

1. <!--审核等级5的资讯-->
   
2.   <!--{block name="spacenews" parameter="grade/5/showattach/1/showdetail/1/order/i.dateline DESC/limit/0,1/subjectlen/34/subjectdot/1/messagelen/80/messagedot/1/cachetime/18600/cachename/headnews/tpl/data"}-->
   
3.   <!--{if !empty($_SBLOCK['headnews'])}-->
   
4.   <!--{loop $_SBLOCK['headnews'] $value}-->
   
5.   <div id="headline" class="cleanblock">
   
6.    <!--{if !empty($value['a_thumbpath'])}--><a href="$value[url]"><img src="$value[a_thumbpath]" alt="" /></a><!--{/if}-->
   
7.    <strong><a href="$value[url]">$value[subject]</a></strong>
   
8.    <p>$value[message]</p>
   
9.   </div>
   
10.   <!--{/loop}-->
    
11.   <!--{else}-->
    
12.   <div id="headline" class="cleanblock">
    
13.    <strong>最新头条阅读</strong>
    
14.    <p>该区域显示的资讯需要满足的条件为：<br><u>资讯的审核等级为5</u></p>
    
15.   </div>
    
16.   <!--{/if}-->

复制代码

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

你想改成什么样的，默认的已经实现深浅间隔了？

原帖由 goldenfaith 于 2007-4-10 03:17 发表

你想改成什么样的，默认的已经实现深浅间隔了？

可能我前面的帖子里没说清楚。
默认的模板没有深浅间隔。
我想改成深浅间隔的。但是由于我想抓取的信息有的有图片附件，有的没有，所以还需要增加两项CSS属性来控制不同的信息。
简单点说就是一共有A B C三种样式，在同一个模块下有的信息最终显示为基础的 A 样式，因为有颜色深浅间隔，所以偶数行显示为 A+B 样式，B定义了不同颜色背景，有的是 A+C 样式，C定义了无图信息的文字样式，最复杂的是 A+B+C 样式，就是无图的B颜色背景的偶数行信息。

说的我都觉得挺晕的，但愿这次我表达明白了，不知道有没有可能实现这么复杂的效果。

原帖由 KingLu 于 2007-4-10 03:32 发表


可能我前面的帖子里没说清楚。
默认的模板没有深浅间隔。
我想改成深浅间隔的。但是由于我想抓取的信息有的有图片附件，有的没有，所以还需要增加两项CSS属性来控制不同的信息。
简单点说就是一共有A B  ...

如果我用文字来表达话大致是这样的：

如果 item 为奇数 则赋予DIV属性 A；否则赋予DIV属性 A + B
       而在这个如果条件中
     如果 item 内容不包含图片附件 则追加属性 C；否则保持原属性不变

而在模块方面有图与无图也会涉及到变量：

如果 item 包含图片 则在DIV中加入IMG标签 并显示文字链接与正文摘要； 否则仅显示文字链接与正文摘要

还没搞懂 ～你要改这一页？

默认的列表是没有图片的对吧

原帖由 goldenfaith 于 2007-4-10 03:54 发表
默认的列表是没有图片的对吧

刚才打了半天字服务器居然挂了。

其实我就是下面这个意思了，前面回复的。

https://discuz.dismall.com/viewthread.php?tid=585769&page=3#pid4760782

SS模块是可以自定的，我设置成抓取的信息既有包含图片附件的也有不包含的，这是第一个变量。
php表达式会根据抓取的信息是否包含图片来决定用什么方式什么格式发布出去。

在页面效果方面，我还是希望总体上和我先前问您的一样，奇偶颜色深浅间隔显示。也就是说需要用到A和AB两种样式。因为A是通用格式，所有标签都要使用A来定义，而B仅定义了与A不同的背景颜色。
但是图片里的效果你看到了，当资讯不包含图片附件时，需要加入一个新的样式C来定义字体、边距等属性，因为无图的资讯中文字要进行一定的调整才能达到图中的效果。这样CSS方面一共涉及3个样式，最终的表格效果有4种：A，AB，AC，ABC。

具体的您可以参照这张图

SS不会