织梦仿站系列教程第八讲——通用头部(四)LOGO与BANNER
2015-01-21 13:49
288 查看
织梦仿站系列教程第八讲——通用头部(四)LOGO与BANNER
这一讲内容不多,很轻松就可以学好并完成它。
首页是LOGO,查看head.htm里的LOGO代码:
替换成织梦的LOGO代码:
代码解释:
{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调用代码
两者的区别是:织梦CMS标签调用代码每次修改都需要生成静态页才可以看到效果,而JS则不需要再次生成静态页。此教程我们选择JS调用代码。
将上面的JS调用代码覆盖以下代码:
查看前台:
广告已显示正常。第二个广告参考第一个广告位的制作方法。好了,这一讲结束了。我要休息一下了。下一讲主要讲导航代码,下一讲再见!
凡标识为福星网络原创的内容系福星网络版权内容,转载请注时来源于福星网络(
织梦CMS采集时keywords字段无法添加过滤规则的解决方法
dedecms教程
这一讲内容不多,很轻松就可以学好并完成它。
首页是LOGO,查看head.htm里的LOGO代码:
替换成织梦的LOGO代码:
代码解释:
{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调用代码
两者的区别是:织梦CMS标签调用代码每次修改都需要生成静态页才可以看到效果,而JS则不需要再次生成静态页。此教程我们选择JS调用代码。
将上面的JS调用代码覆盖以下代码:
查看前台:
广告已显示正常。第二个广告参考第一个广告位的制作方法。好了,这一讲结束了。我要休息一下了。下一讲主要讲导航代码,下一讲再见!
凡标识为福星网络原创的内容系福星网络版权内容,转载请注时来源于福星网络(
织梦CMS采集时keywords字段无法添加过滤规则的解决方法
dedecms教程
相关文章推荐
- 织梦(dedecms)仿站教程第八讲—通用头部(四)LOGO与BANNER
- 织梦仿站系列教程第五讲——通用头部(一)
- 织梦仿站系列教程第九讲——通用头部(五)导航栏
- 织梦仿站系列教程第十讲——通用头部(六)搜索框
- 织梦仿站系列教程第七讲——通用头部(三)会员登陆框(下)
- 织梦(dedecms)仿站教程第五讲-通用头部(一)
- 织梦(dedecms)仿站教程第十讲—通用头部(六)搜索框
- 织梦(dedecms)仿站教程第七讲——通用头部(三)会员登陆框(下)
- 织梦(dedecms)仿站教程第九讲—通用头部(五)导航栏
- 织梦仿站系列教程第十七讲——通用底部的制作
- 织梦(dedecms)仿站教程第六讲——通用头部(二)会员登陆框(上)
- 织梦仿站系列教程第十七讲——通用底部的制作
- 织梦仿站系列教程第十三讲——特定栏目调用
- 织梦(dedecms)仿站教程第十七讲—通用底部的制作
- 织梦仿站系列教程第十六讲——首页其它部分及站内调查
- 织梦仿站系列教程第二十一讲——封面页制作(四)
- 织梦仿站系列教程第三讲——路径问题
- 都客仿站系列教程五:织梦仿站第一讲(安装环境和配置)
- 织梦仿站系列教程第六讲——通用头部(二)会员登陆框(上)
- 织梦仿站系列教程第十八讲——封面页制作(一)