Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[素材] 可关闭国庆背景 可做背景广告用 根据网易首页的底纹广告改的

[复制链接]
盐炒番茄鸡蛋 发表于 2012-9-27 16:53:07 | 显示全部楼层 |阅读模式
本帖最后由 盐炒番茄鸡蛋 于 2012-9-27 16:57 编辑

先来一张效果图

演示地址:http://www.rrcy.cc
----------------------------------------------------------------------------------------------------------------------------------------------------------------
下面说说实现的方法

第一步,找到你使用的风格文件中的header.htm  (如:默认风格那么就在template\default\common\header.htm)
在文件中找到</head>
在</head>前找到如下代码
  1.     <script type="text/javascript">
  2. adInfoTempDw =
  3. {
  4. index:true,
  5. src:"http://www.rrcy.cc/1.jpg",//广告图片地址
  6. url:"http://www.rrcy.cc",//广告链接
  7. height:261//图片高度
  8. }
  9. </script>
  10. <script language="javascript" src="http://www.rrcy.cc/comiis_cssy/dwbox-v1.2.1-120919.js"></script>
复制代码
※:注意:将上面的网址换成你自己的
      放出两个需要用到的js文件
      
简单的到此就结束,可以直接后台更新缓存就可以用了。

如果需要其他的背景和广告则需要修改dwbox-v1.2.1-120919.js的设置,稍后详述


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
 楼主| 盐炒番茄鸡蛋 发表于 2012-9-27 16:59:39 | 显示全部楼层
本帖最后由 盐炒番茄鸡蛋 于 2012-9-27 17:17 编辑

下面以一副广告图为例讲讲换成自己的广告的方法
广告图片


现在来分析一下广告图片


先将图片和js文件上传到服务器
第一步,更改dwbox-v1.2.1-120919.js文件的设置
因为图片已经变动,所以顶部离内容层的距离已经变成50px了
找到
  1. this.topDiv = adBox.createDiv(960,163);//宽度 顶部离内容层的距离
复制代码
将163改成50
关闭按钮离顶部的距离也已经变动
找到
  1. this.topDiv.innerHTML = "<div style="height:130px; width:960px; overflow:hidden; "><div style="height:130px; width:960px; background:#F00; cursor:pointer; filter:alpha(opacity=0); opacity:0;" onclick="dwBox.getURL()"></div><div id="dwCloseBtn" style="background:url("+this.closeBtnImg1+"); height:17px; width:49px; float:right; position:relative; top:-17px; cursor:pointer;" onclick="dwBox.action('close')" onmouseover="dwBox.action('over')" onmouseout="dwBox.action('out')"></div></div>";//height:设置关闭按钮离顶部的距离
复制代码
将里面的两个height:130px改为height:50px;

在1楼更改的header.htm更改为如下
  1.     <script type="text/javascript">
  2. adInfoTempDw =
  3. {
  4. index:true,
  5. src:"http://你上传的广告图片地址",//广告图片地址
  6. url:"http://你的广告链接", //广告链接
  7. height:400//图片高度
  8. }
  9. </script>
复制代码
修改好后更新缓存,即可!

期待有人来交作业啊!哈哈 我也是菜鸟 一起交流吧!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

 楼主| 盐炒番茄鸡蛋 发表于 2012-9-27 17:29:15 | 显示全部楼层
占位交流
注意,这个不适合宽屏的哦
回复

使用道具 举报

巨人的肩膀 发表于 2012-9-27 18:29:01 | 显示全部楼层
按照你的方法怎么背景没出来呢?
回复

使用道具 举报

 楼主| 盐炒番茄鸡蛋 发表于 2012-9-27 18:37:55 | 显示全部楼层
巨人的肩膀 发表于 2012-9-27 18:29
按照你的方法怎么背景没出来呢?

是放在你使用的风格的common\header.htm的文件中改
回复

使用道具 举报

巨人的肩膀 发表于 2012-9-27 18:46:54 | 显示全部楼层
盐炒番茄鸡蛋 发表于 2012-9-27 18:37
是放在你使用的风格的common\header.htm的文件中改

我是修改的这个文件啊!应该是在</head> 前面加入你的那些代码吧?然后图片地址和链接还有JS地址都要改的吗?
回复

使用道具 举报

巨人的肩膀 发表于 2012-9-27 18:56:06 | 显示全部楼层
已经好了,少个标点符号,不过那个关闭按钮能关一下就彻底关闭吗?发现关了刷新下又出来了!
回复

使用道具 举报

 楼主| 盐炒番茄鸡蛋 发表于 2012-9-27 19:00:02 | 显示全部楼层
巨人的肩膀 发表于 2012-9-27 18:56
已经好了,少个标点符号,不过那个关闭按钮能关一下就彻底关闭吗?发现关了刷新下又出来了!

不能诶
回复

使用道具 举报

 楼主| 盐炒番茄鸡蛋 发表于 2012-9-27 19:09:05 | 显示全部楼层
巨人的肩膀 发表于 2012-9-27 18:46
我是修改的这个文件啊!应该是在 前面加入你的那些代码吧?然后图片地址和链接还有JS地址都要改的吗?

放在那个文件或者footer.htm里面的话全站都可用

如果放在template\风格文件夹\portal\index.htm 中的话 就只有首页一个页面会显示!
回复

使用道具 举报

卓鱼网 发表于 2012-9-27 21:00:19 | 显示全部楼层
确实好东西啊
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-10-2 18:28 , Processed in 0.408023 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表