织梦建站教程：文章列表隔行换色隔5行横线

时间：2014-07-01

在织梦建站中，文章列表隔行换色能使文章显得更要层次一点，我们可以用些较淡的颜色来区分不同的行。
需要列表隔行换色的朋友可以参考以下代码进行修改。
首页要加对应的换色CSS代码：

				
								1
							
								li a{ COLOR: #fff } .red{ BACKGROUND-COLOR: red } .blue{ BACKGROUND-COLOR: blue }

织梦模板标签代码：

			
							1
						
							{dede:arclist typeid='1' titlelen='40' row='20' typeid="" }
					
							2
						
							<li [field:global name=autoindex runphp="yes"](@me % 2 == 0)?@me="class='red'":@me="class='blue'";[/field:global]><a href="[field:arcurl/]">[field:title/]</a></li>
					
							3
						
							{/dede:arclist}

文章列表隔五行一条横线：

			
							01
						
							{dede:list pagesize=’50′}
					
							02
						
							<LI><a href=”[field:arcurl /]” title=”[field:title function='htmlspecialchars(@me)'/]”
					
							03
						
							target=_blank>[field:title function="cn_substr(@me,48)"/]</a>[field:pubdate runphp='yes']
					
							04
						
							$a=”<font color=red>”.strftime(‘%m-%d’,@me).”</font>”;
					
							05
						
							$b=strftime(‘%m-%d’,@me);
					
							06
						
							$ntime = time();
					
							07
						
							$day3 = 3600 * 24;
					
							08
						
							if(($ntime – @me) < $day3) @me = $a;
					
							09
						
							else @me =$b;
					
							10
						
							[/field:pubdate]<br>
					
							11
						
							[field:global name=autoindex runphp="yes"]
					
							12
						
							if(@me%5==0)@me=”<hr />”;
					
							13
						
							else @me=”";
					
							14
						
							[/field:global]
					
							15
						
							{/dede:list}
					
							16
						
							<DIV></DIV></LI>

织梦建站教程：文章列表隔行换色隔5行横线

相关文章

最新文章

织梦建站教程：文章列表隔行换色 隔5行横线

相关文章

最新文章

织梦建站教程：文章列表隔行换色隔5行横线