当前位置: 代码迷 >> Web前端 >> 织梦(dedecms)仿站课程第八讲―通用头部(四)LOGO与BANNER
  详细解决方案

织梦(dedecms)仿站课程第八讲―通用头部(四)LOGO与BANNER

热度:676   发布时间:2013-01-28 11:49:56.0
织梦(dedecms)仿站教程第八讲―通用头部(四)LOGO与BANNER
这一讲内容不多,很轻松就可以学好并完成它。
首页是LOGO,查看head.htm里的LOGO代码:
 
<DIV class=logo> <A href="http://www.quanji.cn/"><IMG src="{dede:global.cfg_templets_skin/}/images/logo.gif"></A>   </DIV> 替换成织梦的LOGO代码:
<DIV class=logo> <A href="{dede:global.cfg_basehost/}"><IMG src="{dede:global.cfg_templets_skin/}/images/logo.gif"></A>   </DIV> 代码解释:
 
{dede:global.cfg_templets_skin/} 是默认模板的目录,当前即emplets\fuxing5。
 
{dede:global.cfg_basehost/} 已解释过了,参看第五讲:织梦仿站系列教程第五讲――通用头部(一)
 
可以看到以上两段代码中,LOGO图片地址代码相同,这主要是因为我们在第三讲:织梦仿站系列教程第三讲――路径问题 中修改过了。
 
下面修改BANNER广告代码,首先查看拳击在线,LOGO右边第一个BANNER是图片广告,通过查看图片属性,我们得到了此广告位的宽度为468,高度为60。第二个广告位不能通过此方法,可以通过截图工具,但不太准确;也可以通过查看CSS样式才得到宽高。
 
我们查看下head.htm代码,看到第二个广告位的CSS标记名为ssyg_r,我们以此为关键词,搜索CSS文件css.css。得到其宽度为264,高度为62,除去边框,高度为60,宽度为262。得到宽度和高度后,我们可以添加广告位了。具体步骤如下:
 
1、进入后台,依次点击模块-广告管理-增加一个新的广告;
2、照下图输入参数:
 
 
广告位标识可以随意填写,但须符合后面的规则,此处我们是以图片广告为例,至于广告的详细操作,我们会以后专门讲解。
 
点击确定以后,再点击代码,如下图:
 
 
得到两种调用方式:
 
织梦CMS标签调用代码
 
{dede:myad name='banner'/}  
 
JS调用代码
 
<script src='/111/plus/ad_js.php?aid=1' language='javascript'></script>  两者的区别是:织梦CMS标签调用代码每次修改都需要生成静态页才可以看到效果,而JS则不需要再次生成静态页。此教程我们选择JS调用代码。
 
将上面的JS调用代码覆盖以下代码:
 
<SCRIPT src="{dede:global.cfg_templets_skin/}/images/thea1.js"></SCRIPT> 查看前台:
 
 
广告已显示正常。第二个广告参考第一个广告位的制作方法。好了,这一讲结束了。我要休息一下了。下一讲主要讲导航代码,下一讲再见!
  相关解决方案