本文对文章频道二个标签详细说明: {$getarticlelist(参数列表)}标签自定义css控制参数说明
有用户在sp1升级完成后发现,发现后日期的颜色怎么不是原来的默认色了。原来最新文章日期的颜色为红色,非最新的为灰色。但是现在往日的日期颜色变成黑色了,这个从哪里能改?在4月28日sp1前,日期的颜色以前是在组件中固定成灰色,现在已经释放出来。请在下面中定义:
1、理解下面的更新说明
●文章列表标签getarticlelist中增加链接文字和表格间隔背景的自定义css控制参数。
文章的列表标签getarticlelist增加cssnamea、cssname1、cssname2三个可选的风格参数,用以控制链接文字、奇数表格行背景、偶数表格行背景。利用这三个新参数,您可以自定义任意定义任何一个您所调用的文章列表标签中的文字与表格样式。
如:
{$getarticlelist(1,0,true,0,true,15,false,false,"",0,3,2,38,0,false,1,true,false,3,false,false,false,false,false,true,0,0,aaa,bbb,ccc)}
请注意以上红色的4个参数:
'26 cols ----每行显示标题的的列数,超过此列数标题就换行。可缺省参数。在填写了后面的可缺省参数时,本参数不能缺省。
'27 cssnamea ----自定义列表标签中链接文字风格设置。在后台风格中的定义为a.***。
例:
/* 自定义列表标签链接文字颜色定义 */
a.aaa{text-decoration: underline;}
a.aaa:link {color: blue;font-size: 12pt;}
a.aaa:visited {color: blue;font-size: 12pt;}
a.aaa:hover{color: blue;font-size: 12pt;}
a.aaa:active {color: blue;font-size: 12pt;}
'28 cssname1 ----自定义列表标签中奇数表格行背景。
例:
.bbb /* --自定义列表标签中奇数表格行背景颜色定义-- */
{
background:#ff0000;height: 22;font-size:12pt;color: blue;
}
2、css控制参数的使用说明:
(1)自定义更改有链接的文字样式:
以前我们无法更改文章列表标签getarticlelist中的文字的大小,即使要改,也是更改整个网站的风格中“a”的css定义。
我们知道,在css中是用4个伪类来定义定义有链接的文字,分别是:a:link、a:visited、a:hover和a : active(这4个伪类分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意,必须按以上顺序写,否则显示可能和你预想的不一样。记住它们的顺序是“lvha”。),这个控制了整个网站中有链接的文字效果。
如果要单独定义与不同的有链接的文字的样式,在风格中需要单独添加“a.***”的css定义,如在风格定义中增加下面的定义:
/* 自定义列表标签链接文字颜色定义 */
a.aaa{text-decoration: underline;}
a.aaa:link {color: blue;font-size: 12pt;}
a.aaa:visited {color: blue;font-size: 12pt;}
a.aaa:hover{color: blue;font-size: 12pt;}
a.aaa:active {color: blue;font-size: 12pt;}
然后在您所要调用的地方调用这个风格名“aaa”。请注意,这个调用必须是放在链接代码<a>中的。如:<a class=aaa>。
sp1在文章列表标签getarticlelist中增加了自定义css控制参数cssnamea,以专门控制文章列表标签中所需要单独显示的链接文字的样式,这个参数是个变量参数,也就是只要在后台风格管理中加上定义,就可在getarticlelist标签中调用您定义的风格名称。
具体的操作方法:
a) 添加自定义定义:进入系统后台,请依次单击[系统设置]-[网站风格管理]-[修改风格],在“风格配色设置”内容框中加上链接定义,如上面例举的。添加完成后单击页面底部[保存修改结果]按钮,以保存所做的修改。
b) 修改列表标签参数:以修改“网站首页模板”为例,请依次单击[系统设置]-[网站通用模板管理]-[修改模板],修改模板中文章列表标签getarticlelist中的参数,如{$getarticlelist(1,0,true,0,true,15,false,false,"",0,3,2,38,0,false,1,true,false,3,false,false,false,false,false,true,0,0,aaa)}。修改完成后单击页面底部[保存修改结果]按钮,以保存所做的修改。如果您开启了生成html功能,则会自动生成相关页面。
请注意,在填写了cssnamea这个可缺省参数时,原cols 可缺省参数( cols ----每行显示标题的的列数,超过此列数标题就换行)就不能缺省。
c) 在前台页面中刷新一下,则可看到修改结果。本例将在修改过的文章列表的显示中,有链接的文字将显示显示蓝色、有下划线、12pt的文字样式。