接着提高教程(一)http://bbs.kesion.com/dispbbs.asp?boardID=2&ID=12986&page=1往下做网站主体部分。
一、新闻动态栏目的效果贴图:
此主题相关图片如下:
1、模板编辑窗口,在显示幻灯片位置从“选择系统函数标签”下拉列表中选择“{LB_首页幻灯片文章}”,点[插入标签]按钮。
2、要想显示出幻灯片文章,前提是添加了两个以上的图片文章,文章都有一个缩览图,并且在文章属性中勾选了“幻灯”属性。如果在添加文章时没有做到这一点,可以返回去选定该文章后重新进行所要的设置。
3、保存模板,发布首页,刷新前台看一下幻灯片效果。
4、根据效果来修改“首页幻灯片文章”标签的参数:点[模板标签]——双击“官方自带标签”,再双击“首页标签”——右击“首页幻灯片文章”选“编辑”命令——在出现的修改窗口对话框中修改参数。重点是修改“图片大小”的宽高值,“类型”选“Flash幻灯片”,“标题样式”中填“flashbt”。点[发布首页]查看一下前台效果。要达到满意效果可能要经过反复“修改参数、查看前台”的操作,直到图片高、宽达到要求。
5、在CSS样式文件中定义.flashbt,内容为:{background:#c5e2f0;}。结果幻灯片的标题还是老样子,背景改成transparent,也没有变化。有待进一步研究原因,也可能是系统的一个bug,因为把标签的幻灯类型改成“普通幻灯片”时,在.flashbt设定宽、高、背景等参数都会起作用。
6、参见前面入门教程中创建标签的方法创建一个“栏目文章列表标签”类型的“新闻动态”标签——在模板要显示新闻动态标题列表位置从“选择系统函数标签”下拉列表中插入该标签。[发布首页]后看一下效果,可以回过头来右击该标签选择“编辑”,调整参数:“文章数量”值用8;“文章行距”值用19;“链接目标”选“_blank”;“附加显示”中勾选“图文标志”和“最新文章标志”;“导航类型”选“图片导航”,从[选择图片]中选择“arrow_list.gif”(大家可以搜集一些好的列表图片保存在/UpFiles中命名arrow_list1、arrow_list2……供选择用);更多链接为空,我个人喜欢把更多链接放在栏目右上角,后面再讲手工添加方法;“分隔图片”从[选择图片]中选择“line2.gif”(大家可以搜集更多颜色分隔图片保存在/UpFiles中命名Line5、Line6……供选择用。这里说明一下:我用photoshop把系统默认的分隔图片中白色部分做成了透明);选择一种“日期格式”并“右对齐”。
7、[发布首页]、刷新前台看效果、修改标签参数甚至要修改模板和CSS中的文件、再刷新前台……这是经常要做的事,下面就不这样重复说这个编辑、查看、修改的步骤了。
8、在栏目右上角位置插入“更多”图片并填上链接,即插入这样一段代码:<a href="/Html/fcpd/w2/index.html" target="_blank"><img src="/image/more.gif"></a>(其中fcpd是“新闻动态”所在的频道;w2是我命名的该栏目名称,大家可以返回到该栏目中查看其英文名称;/image/more.gif是更多链接图片的位置和名称)。
栏目标题列表发现的问题:
1、日期只能选“左对齐”,而选“右对齐”和“居中对齐”时,“标题字数”只能填很小,即使标题与日期还相隔很多也会另起一行,这是不是系统的bug有待探讨。
2、要想显示出[图文]标志,需要用户在添加文章时或重新编辑添加好的文章,在“简短标题”后面手工选择[图文],系统不能根据文章插入了图片而自动识别为[图文]或[组图]。
3、文章“最新标志”的条件只能是当天发表的文章,这个最新期限就该是能让用户控制的,比如可以控制三天、一星期、一个月以内的文章都可算作最新文章。
二、其它文章栏目标题列表的制作。
如果与“新闻动态”中的标题列表样式差不多,可以用克隆的方法获得标签后略作修改(当然完全可以重新创建)。
1、右击“新闻动态”标签选择“克隆”命令——名称为“国家法规”。
2、右击“国家法规”标签选择“编辑”命令——“所属栏目”选择“国家法规”,其它参数略作调整。
3、在模板所要的位置插入{LB_国家法规}标签——[发布首页]查看效果,根据情况调整标签的参数——添加“更多”链接,可以复制“新闻动态”栏目的更多链接,然后修改栏目名称。
效果如下图:
此主题相关图片如下:
待续
[此贴子已经被作者于2006-11-10 10:12:32编辑过]