网站集群系统WCMS单元设参统一样式规范Word格式文档下载.docx
- 文档编号:19710121
- 上传时间:2023-01-09
- 格式:DOCX
- 页数:22
- 大小:1.77MB
网站集群系统WCMS单元设参统一样式规范Word格式文档下载.docx
《网站集群系统WCMS单元设参统一样式规范Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《网站集群系统WCMS单元设参统一样式规范Word格式文档下载.docx(22页珍藏版)》请在冰豆网上搜索。
4.1当前位置样式1-单箭头15
4.2当前位置样式2-双箭头16
5图片新闻16
5.1图片新闻样式1-图片新闻FLASH分页滚动显示(推荐)16
5.2图片新闻样式2-单条图片新闻标题控制字数(推荐)17
5.3图片新闻样式3-单条图片新闻右侧显示文章摘要18
5.4图片新闻样式4-图片新闻含标题作者时间摘要19
5.5图片新闻样式5-图片新闻不间断滚动19
6文章正文20
6.1文章正文样式1-正文含日期、浏览次数、信息来源、字号、打印本页、关闭窗口、文章评论(推荐)20
6.2文章正文样式2-正文含日期、浏览次数、字号、打印本页、关闭窗口(推荐)22
7相关报道23
7.1相关报道样式1-标题控制字数带“右对齐日期”(推荐)23
7.2相关报道样式2-自带“相关信息标识”24
8多信息栏目25
8.1多信息栏目样式1-标题控制字数带“右对齐日期”(推荐)25
8.2多信息栏目样式2-标题控制字数(推荐)25
前言
本文描述的样式,为项目实施过程单元设参的“常规和常用样式”,和WCMS(版本为WCMS2.4.4及以后版本)默认样式是一一对应的,个性化样式不在本文描述范围内,如发现本文遗漏某些“常规和常用样式”,请及时反馈。
每个样式都有“注意事项”,请仔细阅读。
代码中“标注为红色的class”可进行修改。
1栏目链接
1.1栏目链接样式1-当前栏目标题(不带链接)(推荐)
效果源码
<
!
--for-->
pclass='
bt_link'
>
--columnname-->
/p>
--/for-->
表现形式
注意事项:
常用样式。
主要用于“单个栏目标识”。
可在“class”里写CSS样式文件里的样式名,如“bt_link”、“bt_content”等,以符合实际的设计稿。
1.2栏目链接样式2-当前栏目标题(带链接)(推荐)
ahref='
--columnurl-->
'
class='
>
/a>
下图右上角的“更多>
”
主要用于“单个栏目链接”。
还有一种是“更多”的实现,即修改“<
”为“更多>
”如上图所示。
可在“class”里写CSS.CSS样式文件里的样式名,如“bt_link”、“bt_content”等,以符合实际的设计稿。
1.3栏目链接样式3-带前缀多列显示(推荐)
tdalign='
center'
--colunmheader-->
/td>
td>
一般在栏目页使用,显示同级栏目名称,带链接,可添加栏目前缀,必须是2列以上。
“class样式名规则”同上。
1.4栏目链接样式4-带前缀多行一列居中(推荐)
tablealign='
cellpadding=0cellspacing=0border=0>
tr>
tdwidth=18>
/tr>
/table>
一般用于首页、栏目页的某栏目内容显示,该栏目内容主要是子栏目链接。
可根据实际情况调整“align”,可以居中,也可以居左。
2标题链接
2.1标题链接样式1-标题控制字数并含“更多”(推荐)
(标题控制字数、有“更多”链接)
--eachfor-->
--articleheader-->
--articleurl-->
title='
--articletitle-->
target=_blank>
--articletitleshort-->
--/eachfor-->
spanclass='
bt_more'
style='
float:
right;
clear:
--morelink-->
/span>
主要用于首页、频道页的栏目文章标题显示,也用于“底层栏目页”的“非当前栏目”文章标题显示。
2.2标题链接样式2-标题控制字数不含“更多”(推荐)
(标题控制字数、没有“更多”链接)
和2.1的区别是没有“更多”,目的是为了栏目文章标题排版更加规整美观。
2.3标题链接样式3-标题控制字数带“右对齐日期”不含“更多”(推荐)
(标题控制字数、显示信息发布时间并右对齐)
tablecellpadding='
0'
cellspacing='
border='
width='
100%'
tdwidth='
80'
align='
right'
color:
#999999'
--year4-->
-<
--month2-->
--day2-->
常用样式。
主要用于首页、频道页的栏目文章标题显示。
如图“重要会议”、“通知通告”。
2.4标题链接样式4-标题控制字数带“跟标题日期”含“更多”
(标题控制字数、显示信息发布时间跟着标题并含“更多”)
tablewidth='
cellpadding='
tdstyle='
width:
12px;
height:
24px;
line-height:
target='
_blank'
--if-->
--articlecreatedate-->
<
bt_time'
(<
--year2-->
)<
--/if-->
不常用样式。
“class样式名规则”同上。
如要去掉“更多”,则把上述代码中“<
”去掉即可,本文不再单独进行样式描述。
2.5标题链接样式5-标题不控制字数并含“更多”
(标题不控制字数、有“更多”链接)
3标题链接(分页)
3.1标题链接(分页)样式1-含“信息当前显示”(推荐)
tdid='
newslist'
pagelist'
rowspace'
scriptlanguage=javascript>
varurls=newArray();
varheaders=newArray();
varyear=newArray();
varmonth=newArray();
varday=newArray();
varimgstrs=newArray();
vari=0;
urls[i]='
;
headers[i]='
·
year[i]='
month[i]='
day[i]='
imgstrs[i]='
'
i++;
varformatstr="
aclass=bt_linktarget=_blankhref='
_URL_'
_TITLE_<
tdwidth=70class=rowspace>
fontcolor=#808080>
_YEAR_-_MONTH_-_DAY_<
/font>
"
varpagecount=<
--pagecount-->
vartotalpage=Math.ceil(i/pagecount);
varLastPage="
上页"
varNextPage="
下页"
functionReplaceString(s,OldPattern,NewPattern){vari;
vars2=s;
varlen=OldPattern.length;
while(s2.indexOf(OldPattern)>
0){i=s2.indexOf(OldPattern);
s2=s2.substring(0,i)+NewPattern+s2.substring(i+len,s2.length);
}returns2;
}functionchgpage(nowpage){showNews(nowpage);
}functionshowNews(start_num){start_num=parseInt(start_num);
varj=0;
varend_num=0;
varnewshtml="
varpagehtml="
varstr="
end_num=((start_num+pagecount)>
i)?
(i-1):
(start_num+pagecount-1);
for(j=start_num;
j<
=end_num;
j++){str=formatstr;
str=ReplaceString(str,"
_URL_"
urls[j]);
_TITLE_"
headers[j]);
_YEAR_"
year[j]);
_MONTH_"
month[j]);
_DAY_"
day[j]);
_HEAD_IMAGE_"
"
);
_IMAGE_"
newshtml=newshtml+str;
}newshtml="
+newshtml+"
document.getElementById("
newslist"
).innerHTML=newshtml;
newshtml=null;
varcurrpage=start_num/pagecount+1;
pagehtml="
共<
--count-->
条,当前显示"
+i+"
条,共"
+totalpage+"
页,每页"
+pagecount+"
条,页次"
+currpage+"
/"
页,"
if(currpage>
1){pagehtml+="
###'
onclick='
javascript:
showNews(0)'
class=pager>
首页<
"
}if(start_num>
0)pagehtml+="
showNews("
+(start_num-pagecount)+"
+LastPage+"
+"
if(end_num<
headers.length-1)pagehtml+="
+(start_num+pagecount)+"
+NextPage+"
if(currpage<
totalpage){pagehtml+="
+((totalpage-1)*pagecount)+"
)'
尾页<
pagehtml+="
--alllink-->
}pagehtml+="
跳转到第<
selectonchange=chgpage(this.value)class=pager>
for(vark=1;
k<
=totalpage;
k++){varthisnum=((k-1)*pagecount);
pagehtml+="
optionvalue="
+thisnum;
pagehtml+=(start_num==thisnum)?
selected"
:
+k+"
/option>
/select>
页"
pagelist"
).innerHTML=pagehtml;
pagehtml=null;
}showNews(0);
/script>
主要用于最底层栏目页的本栏目文章标题显示。
“当前显示信息条数”和单元设参中“信息总数”相关。
3.2标题链接(分页)样式2-不含“信息当前显示”
--subfor-->
--/subfor-->
class=rowspace>
0){i=s2.indexOf(OldPattern);
j++){str=formatstr;
条,每页"
k++){varthisnum=((k-1)*pagec
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 集群 系统 WCMS 单元 统一 样式 规范
![提示](https://static.bdocx.com/images/bang_tan.gif)