接着提高教程(一)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是更多链接图片的位置和名称)。
栏目标题列表发现的问题:
新闻热点
疑难解答