PowerEasyTM 第四章 系统标签说明 CMS

标签使用说明
在后台左侧导航的“文章中心管理”中单击“文章模板管理”，出现“模板管理”界面。
单击要修改模板“操作”列的“修改模板”，在“修改模板设置”中调用或修改标签，单击
“保存修改结果”按钮后保存所作的修改。如果是本频道启用了H T M L 生成功能，则需要生成相
关页面才能看到修改的效果。
为了考虑到在使用中的多种运用情况，在系统提供的标签功能上您可以灵活运用，以达到理
想的效果。以下对文章频道二个标签详细说明：

·{$GetArticleList(参数列表)}标签自定义CSS 控制参数说明

1.理解下面的更新说明
文章的列表标签{$GetArticleList(参数列表)}新增加了Cols、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)}
请注意最后“0,aaa,bbb,ccc”这4 个参数：
·Co ls 参数为每行显示标题的的列数，超过此列数标题就换行。可显示一行多列的标题排列效
果，配合本频道调用文章标题时不显示省略号的功能使用。本参数兼容4 . 0 3 版，可缺省。
·CssNameA 为自定义列表标签中链接文字风格设置。在后台风格中的定义为“a.***”。本参
数兼容4 . 0 3 版，可缺省。
例：

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;}
用这个参数可以特别指定所调用的文章列表标签特殊的效果。
·CssName1和CssName2为自定义列表标签中调用自定义无链接的文字CSS风格样式名，可显示
奇数和偶数表格行背景与日期等无链接的文字样式。本参数兼容4 . 0 3 版，可缺省。
例：
.bbb
{background:#ff0000;height: 22;font-size:12pt;color: blue;}
.ccc
{background:#ff0000;height: 22;font-size:12pt;color: blue;}

2.CSS 控制参数使用说明
( 1 )自定义更改有链接的文字样式：
以前我们无法更改文章列表标签GetArticleList中的文字的大小，即使要改，也是更改整个
网站的风格中“a ”的C S S 定义。
我们知道，在CSS中是用4个伪类来定义定义有链接的文字，分别是：a:link、a:visited、
a:hover和a : active（这4个伪类分别定义了" 链接、已访问过的链接、鼠标停在上方时、点
下鼠标时" 的样式。注意，必须按以上顺序写，否则显示可能和您预想的不一样。记住它们的
顺序是“L V H A ”。），这个控制了整个网站中有链接的文字效果。
如果要单独定义与不同的有链接的文字的样式，在风格中需要单独添加“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;}
然后在您所要调用的地方调用这个风格名“a a a”。请注意，这个调用必须是放在链接代码
<A>中的。如：<A class=aaa>。
动易2006版在文章列表标签GetArticleList中增加了自定义CSS控制参数CssNameA，以专门
控制文章列表标签中所需要单独显示的链接文字的样式，这个参数是个变量参数，也就是只要在
后台风格管理中加上定义，就可在GetArticleList标签中调用您定义的风格名称。
具体的操作方法：
> >添加自定义定义：进入系统后台，请依次单击“系统设置”－“网站风格管理”－“修
改风格”，在“风格配色设置”内容框中加上链接定义，如上面例举的。添加完成后单击页面
底部“保存修改结果”按钮，以保存所做的修改。
> > 修改列表标签参数：以修改“网站首页模板”为例，请依次单击“系统设置”－“网
站通用模板管理”－“修改模板”，修改模板中文章列表标签Ge tAr tic le Lis t 中的参数，如
{$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)}。修改完成后单击页面底部“保存修改结果”按钮，
以保存所做的修改。如果您开启了生成H TM L 功能，则会自动生成相关页面。
！请注意，在填写了CssNameA 这个可缺省参数时，原Cols 可缺省参数就不能缺省。
>>在前台页面中刷新一下，则可看到修改结果。本例将在修改过的文章列表的显示中，有链
接的文字将显示显示蓝色、有下划线、1 2 p t 的文字样式。
( 2 ) 自定义日期文字样式与表格间隔背景：
如果您在GetArticleList标签中显示了日期，现在您看到的列表是文章后面的日期可能是黑
色。前面已经说了，日期的颜色以前是在组件中固定成灰色，所以不能更改。现在您可以利用
CssName1、CssName2 这二个可选的风格参数，用以控制无链接文字的样式、奇数表格行背景、
偶数表格行背景。
C s s N a m e A 这个可选择风格参数只控制有链接文字的样式，而无链接文字的样式则交给
CssName1、CssName2这二个可选的风格参数来进行。
具体的操作方法：
> >添加自定义定义：进入系统后台，请依次单击“系统设置”－“网站风格管理”－“修
改风格”，在“风格配色设置”内容框中加上链接定义，如：
.bbb
{background:#ff0000;height: 22;font-size:12pt;color: blue;}
.ccc
{background:#0000ff;height: 22;font-size:12pt;color: blue;}
如果定义了文字颜色（c o l o r : ），则列表标签中无链接的文字的颜色都会受此控制，如日
期、子栏目名前后的““””。
> >添加完成后单击“保存修改结果”按钮以保存所做的修改。
！请注意，在填写了CssName1这个可缺省参数时，原Cols和CssNameA可缺省参数就不能缺
省。如果填写了CssName2这个可缺省参数时，原Cols 、CssNameA和CssName2可缺省参数就不
能缺省。
>>在前台页面中刷新一下，则可看到修改结果。本例将在修改过的文章列表的显示中，无链
接的文字（包括日期、子栏目名前后的““””与其它无链接的文字）将显示显示蓝色、1 2 p t
的文字样式。奇数、偶数表格行背景将显示红色、蓝色间隔背景。
( 3 )自定义最新文章后日期文字样式：
最新文章后日期文字的颜色为红色，其文字大小受CssName1、CssName2这二个可选的风格参
数控制。如果要更改最新文章后日期文字的颜色，请在语言包中更改。
具体的操作方法：
>>打开语言包文件：打开网站目录找到language/gb2312.xml这个文件，用记事本打开这个
文件，找到ARTICLELIST定义中的UPDATETIMECOLOR_NEW中的“color=red”，将color=red改成
您想要的颜色定义，如color=#0000ff。
> >修改完成后保存这个文件，并上传到空间的相应目录中。
！请注意，各个频道中的定义都是独立的，如图片频道的最新日期在Ph ot oLi st 下面的
UpdateTimeColor_New，下载频道的最新日期在SoftList 下面的UpdateTimeColor_New等等。

·ArticleList 自定义循环列表标签使用说明

1.理解下面的更新说明
利用系统提供的【ArticleList(参数列表)】列表内容【/ArticleList】的标签，您可以
非常方便地自定义栏目页面中要显示内容的格式、内容等，以满足您显示内容的需要。
ArticleList标签提供了13 个控制参数，以方便您随时调整所要显示的内容。
系统同时提供可在ArticleList标签中调用的显示列表内容中的标签，如{$CopyFrom}（显示
文章来源）、{$ Hits }（显示点击次数）、{$I npute r}（显示文章录入者）等标签，以提供您在版
式模板中进行自由组合。
本标签可在网站首页和文章频道所有版式模板页面中使用。

2.标签使用说明
>>进入后台，依次单击“文章中心管理”->“模板管理”->“添加模板”，在模板类型中选择“栏目
页模板”，添加一个新的栏目页模板：
>>在Dreamweaver 这些设计软件中设计所要显示的样式，并将代码拷入栏目页模板中保存，将
新添加的模板设置成默认模板。以下为在Dreamweaver 设计中的视图方式和设计代码方式：

> >刷新前台栏目页面即可看到效果（如果开启了生成H T M L 功能，则要重新生成栏目页）：