电脑技术学习

动易2005升级到2006模板修改部分

dn001

一、模板修改,全站模板修改部份:

1:JS文件调用

<script src="{$installdir}JS/prototype.js"></script>

注:基本函数库,每个模板必需

<script src="{$installdir}JS/checklogin.js"></script>

注:是提供对登陆表单,HTTP初始化,RSS标签的JS解释等,每个模板必需

<script src="{$InstallDir}JS/scriptaculous.js"></script>

注:这个是给需要做JS特效的页面用的,比如老模板里的展开关闭,还有部分首页用了,一般可以不加,但建议将这三个JS文件的调用全部加在模板里,省事,使用系统的批量替换功能。
2:meta关键字标签,不同模板分别调用相应标签

全站模板调用:
{$Meta_Keywords}
{$Meta_Description}

l 频道模板(除通用模板和会员模板外)调用:
{$Meta_Keywords_Channel}
{$Meta_Description_Channel}

l 栏目页模板调用:
{$Meta_Keywords_Class}
{$Meta_Description_Class}

如:栏目页模板,不但属于频道模板,也属于全站模板,所以栏目页模板可调用以上六个关键字标签。

3:用户登录框

05版登录是:<IFRAME id=UserLogin src="UserLogin.asp?ShowType=1" frameBorder=0 width=170 scrolling=no height=145></IFRAME>

改成06版的:<div id=UserLogin>载入中…<script language="javascript" type="text/javascript">LoadUserLogin('{$InstallDir}',0,2);</script></div>

LoadUserLogin('{$InstallDir}',0,2)参数部份说明

一、$InstallDir:系统安装目录;

二、对应/JS目录中checklogin.js文件的几种预设样式,0表示默认竖式登录框样式;1表示横向登录框; 3表示适应动易海蓝模板的横向登录框,比较短一点;可根据用户自已的需求新增或者修改;

三、用户短消息弹出窗口设置参数,1表示用户进行会员中心弹出未读短信息窗口;2表示用户登录成功后弹出未读短信息窗口。

4:站内搜索

文章中心、下载中心、图片中心、雁过留声等四个频道的站内搜索都增强了“高级搜索”功能,高级搜索的链接地址是:{$InstallDir}{$ChannelDir}/Search.asp,注意,无任何参数,各个不同频道的高级搜索代码参见动易2006版海蓝模板。

二、频道模板修改部份:

1:栏目页

增加自定义列表显示栏目信息功能,如:

文章自定义列表标签:

【ArticleList(ChannelID,arrChildID,true,0,0,false,false,,30,1,True,0,0)】【Cols=2|</tr><tr>】

【/ArticleList】

下载自定义列表标签:

【SoftList(ChannelID,arrChildID,false,0,0,false,false,,0,1,True,0,0)】【Cols=2|</tr><tr>】

【/SoftList】

详细设置请参见系统后台模板中的:“常用超级函数标签”中的每组按钮的最后一个,打开相应频道的“自定义列表标签”网页对话框进行设置;

2 :内容页

一、文章内容页:

1、内容显示区增加两个标签

l -- 带子标题的分页标签
其中 第一参数0代表着是下拉框的方式,1代表着是表格的形式。第二个参数1代表在表格形式下,要把表格分几列显示,1为1列,2为2列;

l {$Vote},文章调查标签。

2、为解决无级缩放图片撑开网格的问题,可做如下修改:

l 将图片标题包含在一个层中,如:
<div class=articlepicbox>{$ArticleContent}{$Vote}</div>

l 在样式表定义层样式,如下:
.articlepicbox
{overflow:hidden;
width:750px;
}

此方法同进可以应用在:文章中心、下载中心、图片中心、雁过留声及新版的新增频道中有无级缩放图片的地方。

这样可以控制频道的回行了

标签名:{$ShowChannel(NumPerLine)}
作 用:分行显示顶部频道信息
参 数:NumPerLine -- 每行显示频道数,如果为0则不换行


问题:2006版文章频道的高级搜索(如http://localhost/Article/search.asp页面),默认一次只能搜索一个栏目,如何搜索本频道所有栏目的信息?

解决:在文章模板的“搜索页模板”中,搜索“【SearchForm】”,找到以下代码:

【SearchForm】
<table width="575" border="1" cellpadding="0" cellspacing="0" >
<form name="SearchForm" method="Get" action="{$InstallDir}{$ChannelDir}/search.asp">
<tr>
<td height="30" colspan="2" align="center" Class="main_title_575">高级搜索</td>
</tr>
<tr>
<td align="right">{$ChannelShortName}栏目:</td>
<td><select name='ClassID'><script language='javascript' src='{$InstallDir}{$ChannelDir}/JS/ShowClass_Option.js'></script></select></td>
</tr>

将以上代码的<script前,加上以下代码:

【SearchForm】
<table width="575" border="1" cellpadding="0" cellspacing="0" >
<form name="SearchForm" method="Get" action="{$InstallDir}{$ChannelDir}/search.asp">
<tr>
<td height="30" colspan="2" align="center" Class="main_title_575">高级搜索</td>
</tr>
<tr>
<td align="right">{$ChannelShortName}栏目:</td>
<td><select name='ClassID'><option value="">不属于任何栏目</option><script language='javascript' src='{$InstallDir}{$ChannelDir}/JS/ShowClass_Option.js'></script></select></td>
</tr>

即可高级搜索本频道中所有栏目中的内容。


二、下载内容页:

增加下载调查标签:{$Vote}

三、图片内容页:

1、去掉了图片查看控制按钮,取而代之的是:“上一组美图”、“下一组美图”两个按钮,代码如下:

<Input id=Prev onclick="javascript:window.open('{$PrevPhotoUrl}', '_self');" type=button value=上一组美图 name=Prev>
<Input id=Next onclick="javascript:window.open('{$NextPhotoUrl}', '_self');" type=button value=下一组美图 name=Next>

2、图片显示标签:{$ViewPhoto}改为:{$ViewPhoto(800)},参数800为指定图片显示的最大宽度,以控制因图片过宽而撑开网页;

三、留言频道模板修改部份:

主要是能自定义留言本方式与讨论区方式的页面布局

l 【GuestList1(3)】留言本方式循环显示留言【/GuestList1】;

l 【GuestList2(1)】讨论区方式循环显示留言【/GuestList2】;

1、发布留言页与回复留言页将{$WriteGuest}去掉,自定义留言循环显示的布局:

l 发布留言循环标签:【GuestList1(1)】留言循环显示的自定义布局【/GuestList1】

l 回复留言循环标签:【GuestList1(2)】留言循环显示的自定义布局【/GuestList2】

2、留言搜索页,将{$GuestMain}去掉,自定义留言循环显示的布局:

l 【GuestList1(2)】留言循环显示的自定义布局【/GuestList2】

留言留言频道新增标签如下:
标签名:{$IsTitlePic}
作; 用: 标志留言属性(固顶/精华/有回复/无回复)
标签名:{$GuestType}
作; 用:留言性质(主题/回复)
标签名:{$GuestTitle}
作; 用:留言标题
标签名:{$GuestTime}
作; 用:留言时间

标签名:{$GuestHead}
作; 用:留言人头像
标签名:{$GuestNameType}
作; 用:留言人类型(游客/用户)
标签名:{$GuestName}
作; 用:留言名

标签名:{$GuestFaceShow}
作; 用:留言表情
标签名:{$GuestContentShow}
作; 用:留言内容
标签名:{$IsHiddenShow}
作; 用:“[隐藏]”字样

标签名:{$LastReplyContent}
作; 用:最后回复内容
标签名:{$LastReplyGuest}
作; 用:最后回复人
标签名:{$LastReplyTitle}
作; 用:最后回复留言的标题
标签名:{$LastReplyTime}
作; 用:最后回复的时间

标签名:{$ReplyAdmin}
作; 用:回复的管理员名
标签名:{$AdminReplyTime}
作; 用:管理员回复的时间
标签名:{$AdminReplyContent}
作; 用:管理员回复的内容

标签名:{$HomePagePic}
作; 用:主页图片
标签名:{$OicqPic}
作; 用:Oicq图片
标签名:{$EmailPic}
作; 用:Email图片
标签名:{$OtherPic}
作; 用:其它图片
标签名:{$ReplyPic}
作; 用:回复图片
标签名:{$EditPic}
作; 用:编辑图片
标签名:{$DelPic}
作; 用:删除图片

标签名:{$InfoShow}
作; 用:其他信息(查看全部回复/回复这条留言)

标签名:{$GuestContentLength}
作; 用:留言内容字数
标签名:{$ReplyNum}
作; 用:回复数
标签名:{$Hits}
作; 用:点击数

另外{$ShowChannel}也增加了参数控制,如{$ShowChannel(2)}