• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

当前位置: > DedeCMS教程 > DedeCMS模板标签 >

织梦仿站系列教程第五讲——通用头部(一)

来源: www.dedecms8.com 编辑:织梦吧 时间:2012-02-07点击:
 

修改了页首的代码,这一讲,我们讲通用头部的制作。
首先找到全站共用部分,然后把共用部分放在通用头部head.htm文件中,这样我们可以节省很多的工作量。
开始工作,查找共用部分。我们打开拳击在线,发现全部共用部分是从最顶部到网站搜索那一行,如图所示:


我们在网页代码中查找这一部分代码,将其覆盖到head.htm文件中,替换掉的代码。查找代码这部分任务,需要有一定的HTML知识了,大家有时间还是要看一些HTML的基础知识。
别忘记了,把共用部分复制到head.htm以后,将index.htm文件中的这部分共用代码用

  1. {dede:include filename="head.htm"/}


来替换。然后查看一下前台。如果前台乱了,说明你刚才的步骤出错了,需要重新来过。如果和第三讲时的效果一样,说明你成功了,可以继续仿站工作了。
查看head.htm代码,可以看到,拳击在线的登陆框是调用一个静态文件loginjs.htm,我们找到这个文件。在你保存网页文件的目录中,如下图所示:


打开后,我们发现,这个是个JS文件,我们将其转化业html文件格式。这个好多站长工具提供此服务。
将转换后的代码复制到head.htm中,覆盖如下代码:

  1. <SCRIPT src="{dede:global.cfg_templets_skin/}/images/loginjs.htm"></SCRIPT>


接下来就要修改这段代码使之成为织梦的登陆框代码了,这个有点复杂,我们放在下一节单独讲解。
往下走,是加入收藏等链链。找到下面的代码:

  1. <DIV class=login_r>
  2. <A onclick=window.external.addFavorite(location.href,document.title) href="http://www.quanji.cn/#">加入收藏</A> |  
  3. <A href="http://www.quanji.cn/#">设为首页</A> |  
  4. <A href="http://www.quanji.cn/e/member/cp/">会员中心</A> |  
  5. <A href="http://www.quanji.cn/e/DoInfo/">我要投稿</A> |  
  6. <A href="http://www.quanji.cn/e/tool/feedback/?bid=2">联系我们</A> |  
  7. <A href="http://www.quanji.cn/e/web/?type=rss2&classid=0">RSS</A>
  8. </DIV>


修改为:

  1. <DIV class=login_r>
  2. <A href="javascript:window.external.AddFavorite('{dede:global.cfg_basehost/}','{dede:global.cfg_webname/}')">加入收藏</A> |  
  3. <A href=""onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('{dede:global.cfg_basehost/}');">设为首页</A> |  
  4. <A href="{dede:global.cfg_cmspath/}/member/">会员中心</A> |  
  5. <A href="{dede:global.cfg_cmspath/}/member/article_add.php">我要投稿</A> |  
  6. <A href="#">联系我们</A> |  
  7. <A href="{dede:global.cfg_dataurl/}/rssmap.html">RSS</A>
  8. </DIV>


代码解释:
{dede:global.cfg_basehost/}  站点根网址 在后台系统->系统参数设置->站点根网址处设置。
{dede:global.cfg_webname/} 网站名称 在后台系统->系统参数设置->网站名称处设置
联系我们这个链接之所以写为#,是因为我们还没有建这个页面。我们如果添加一个栏目联系我们,那么此处的链接是:

  1. {dede:type typeid='10'}[field:typelink /]{/dede:type}


其中的数字10是联系我们这个栏目的ID。
好了,这一讲内容就到这里了,下一讲说说织梦登陆框。

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流平台
  • 唯一网址 www.DedeCMS8.com 网站地图
  • 联系我们 1170734538@qq.com ,  QQ