织梦(dedecms)仿站教程第五讲-通用头部(一)
2013-01-23 09:33
239 查看
上一讲修改了页首的代码,这一讲,我们讲通用头部的制作。
首先找到全站共用部分,然后把共用部分放在通用头部head.htm文件中,这样我们可以节省很多的工作量。
开始工作,查找共用部分。我们打开拳击在线,发现全部共用部分是从最顶部到网站搜索那一行,如图所示:
我们在网页代码中查找这一部分代码,将其覆盖到head.htm文件中,替换掉的代码。查找代码这部分任务,需要有一定的HTML知识了,大家有时间还是要看一些HTML的基础知识。
别忘记了,把共用部分复制到head.htm以后,将index.htm文件中的这部分共用代码用
{dede:include filename="head.htm"/}
来替换。然后查看一下前台。如果前台乱了,说明你刚才的步骤出错了,需要重新来过。如果和第三讲时的效果一样,说明你成功了,可以继续仿站工作了。
查看head.htm代码,可以看到,拳击在线的登陆框是调用一个静态文件loginjs.htm,我们找到这个文件。在你保存网页文件的目录中,如下图所示:
打开后,我们发现,这个是个JS文件,我们将其转化业html文件格式。这个好多站长工具提供此服务。
将转换后的代码复制到head.htm中,覆盖如下代码:
<SCRIPT src="{dede:global.cfg_templets_skin/}/images/loginjs.htm"></SCRIPT>
接下来就要修改这段代码使之成为织梦的登陆框代码了,这个有点复杂,我们放在下一节单独讲解。
往下走,是加入收藏等链链。找到下面的代码:
<DIV class=login_r>
<A onclick=window.external.addFavorite(location.href,document.title) href="http://www.quanji.cn/#">加入收藏</A> |
<A href="http://www.heatpress123.net/#">设为首页</A> |
<A href="http://www.huylin.com/e/member/cp/">会员中心</A> |
<A href="http://www.quanji.cn/e/DoInfo/">我要投稿</A> |
<A href="http://www.quanji.cn/e/tool/feedback/?bid=2">联系我们</A> |
<A href="http://www.quanji.cn/e/web/?type=rss2&classid=0">RSS</A>
</DIV>
修改为:
<DIV class=login_r>
<A href="javascript:window.external.AddFavorite('{dede:global.cfg_basehost/}','{dede:global.cfg_webname/}')">加入收藏</A> |
<A href=""onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('{dede:global.cfg_basehost/}');">设为首页</A> |
<A href="{dede:global.cfg_cmspath/}/member/">会员中心</A> |
<A href="{dede:global.cfg_cmspath/}/member/article_add.php">我要投稿</A> |
<A href="#">联系我们</A> |
<A href="{dede:global.cfg_dataurl/}/rssmap.html">RSS</A>
</DIV>
代码解释:
{dede:global.cfg_basehost/} 站点根网址 在后台系统->系统参数设置->站点根网址处设置。
{dede:global.cfg_webname/} 网站名称 在后台系统->系统参数设置->网站名称处设置
联系我们这个链接之所以写为#,是因为我们还没有建这个页面。我们如果添加一个栏目联系我们,那么此处的链接是:
{dede:type typeid='10'}[field:typelink /]{/dede:type}
其中的数字10是联系我们这个栏目的ID。
好了,这一讲内容就到这里了,下一讲说说织梦登陆框。
首先找到全站共用部分,然后把共用部分放在通用头部head.htm文件中,这样我们可以节省很多的工作量。
开始工作,查找共用部分。我们打开拳击在线,发现全部共用部分是从最顶部到网站搜索那一行,如图所示:
我们在网页代码中查找这一部分代码,将其覆盖到head.htm文件中,替换掉的代码。查找代码这部分任务,需要有一定的HTML知识了,大家有时间还是要看一些HTML的基础知识。
别忘记了,把共用部分复制到head.htm以后,将index.htm文件中的这部分共用代码用
{dede:include filename="head.htm"/}
来替换。然后查看一下前台。如果前台乱了,说明你刚才的步骤出错了,需要重新来过。如果和第三讲时的效果一样,说明你成功了,可以继续仿站工作了。
查看head.htm代码,可以看到,拳击在线的登陆框是调用一个静态文件loginjs.htm,我们找到这个文件。在你保存网页文件的目录中,如下图所示:
打开后,我们发现,这个是个JS文件,我们将其转化业html文件格式。这个好多站长工具提供此服务。
将转换后的代码复制到head.htm中,覆盖如下代码:
<SCRIPT src="{dede:global.cfg_templets_skin/}/images/loginjs.htm"></SCRIPT>
接下来就要修改这段代码使之成为织梦的登陆框代码了,这个有点复杂,我们放在下一节单独讲解。
往下走,是加入收藏等链链。找到下面的代码:
<DIV class=login_r>
<A onclick=window.external.addFavorite(location.href,document.title) href="http://www.quanji.cn/#">加入收藏</A> |
<A href="http://www.heatpress123.net/#">设为首页</A> |
<A href="http://www.huylin.com/e/member/cp/">会员中心</A> |
<A href="http://www.quanji.cn/e/DoInfo/">我要投稿</A> |
<A href="http://www.quanji.cn/e/tool/feedback/?bid=2">联系我们</A> |
<A href="http://www.quanji.cn/e/web/?type=rss2&classid=0">RSS</A>
</DIV>
修改为:
<DIV class=login_r>
<A href="javascript:window.external.AddFavorite('{dede:global.cfg_basehost/}','{dede:global.cfg_webname/}')">加入收藏</A> |
<A href=""onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('{dede:global.cfg_basehost/}');">设为首页</A> |
<A href="{dede:global.cfg_cmspath/}/member/">会员中心</A> |
<A href="{dede:global.cfg_cmspath/}/member/article_add.php">我要投稿</A> |
<A href="#">联系我们</A> |
<A href="{dede:global.cfg_dataurl/}/rssmap.html">RSS</A>
</DIV>
代码解释:
{dede:global.cfg_basehost/} 站点根网址 在后台系统->系统参数设置->站点根网址处设置。
{dede:global.cfg_webname/} 网站名称 在后台系统->系统参数设置->网站名称处设置
联系我们这个链接之所以写为#,是因为我们还没有建这个页面。我们如果添加一个栏目联系我们,那么此处的链接是:
{dede:type typeid='10'}[field:typelink /]{/dede:type}
其中的数字10是联系我们这个栏目的ID。
好了,这一讲内容就到这里了,下一讲说说织梦登陆框。
相关文章推荐
- 织梦(dedecms)仿站教程第六讲——通用头部(二)会员登陆框(上)
- 织梦(dedecms)仿站教程第七讲——通用头部(三)会员登陆框(下)
- 织梦(dedecms)仿站教程第十讲—通用头部(六)搜索框
- 织梦(dedecms)仿站教程第八讲—通用头部(四)LOGO与BANNER
- 织梦(dedecms)仿站教程第九讲—通用头部(五)导航栏
- 织梦仿站系列教程第五讲——通用头部(一)
- 织梦(dedecms)仿站教程第四讲-首页头部代码
- 织梦(dedecms)仿站教程第十七讲—通用底部的制作
- 织梦仿站系列教程第十讲——通用头部(六)搜索框
- 织梦仿站系列教程第七讲——通用头部(三)会员登陆框(下)
- 织梦仿站系列教程第八讲——通用头部(四)LOGO与BANNER
- 织梦仿站系列教程第九讲——通用头部(五)导航栏
- 织梦(dedecms)仿站教程第第十四讲—特定栏目图片调用
- 织梦(dedecms)仿站教程第二十三讲——列表页制作(二)
- 织梦(dedecms)仿站教程第十九讲—首页栏目列表的循环
- 织梦(dedecms)仿站教程第三讲-路径问题
- 织梦(dedecms)仿站教程第十五讲—全站图片调用
- 织梦(dedecms)仿站教程第二十四讲——列表页制作(三)
- 织梦仿站系列教程第十七讲——通用底部的制作
- 韩顺平主讲织梦dedecms 5.7二次开发实战仿站模板制作视频教程