读书人

织梦(dedecms)仿站课程第八讲通用头

发布时间: 2013-01-28 11:49:56 作者: rapoo

织梦(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、照下图输入参数:织梦(dedecms)仿站课程第八讲—通用头部(四)LOGO与BANNER 广告位标识可以随意填写,但须符合后面的规则,此处我们是以图片广告为例,至于广告的详细操作,我们会以后专门讲解。 点击确定以后,再点击代码,如下图: 织梦(dedecms)仿站课程第八讲—通用头部(四)LOGO与BANNER 得到两种调用方式: 织梦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> 查看前台: 织梦(dedecms)仿站课程第八讲—通用头部(四)LOGO与BANNER 广告已显示正常。第二个广告参考第一个广告位的制作方法。好了,这一讲结束了。我要休息一下了。下一讲主要讲导航代码,下一讲再见!

读书人网 >Web前端

热点推荐