织梦(dedecms)仿站教程第八讲—通用头部（四）LOGO与BANNER

作者：盐析白兔 | 2024-08-14 17:51:17

踩

dedecms主页顶部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调用代码

将上面的JS调用代码覆盖以下代码：

<SCRIPT src="{dede:global.cfg_templets_skin/}/images/thea1.js"></SCRIPT> 查看前台：

广告已显示正常。第二个广告参考第一个广告位的制作方法。好了，这一讲结束了。我要休息一下了。下一讲主要讲导航代码，下一讲再见！

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/980214