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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[素材] 帮助在网页添加人性化的广告

[复制链接]
anjo2009 发表于 2012-3-21 13:15:56 | 显示全部楼层 |阅读模式
本帖最后由 anjo2009 于 2012-3-22 09:58 编辑

很多人可能都知道在站长之家 好站推荐有一个:懒猫网上有一个广告推广按钮,很人性化,见下图:

当用户点击吸引的语句“你敢点我一下么”的链接就会被带入站长设置的广告页面。
在现在广告泛滥的时代来说必须得称赞一下。


下面我分享的就是这个网页应用:
具体效果见
htttp://www.5dxn.cn



首先打开你的模板页面的头部文件,
在<head>和</head>之间添加下面的JS代码
  1. <STRONG><style type="text/css">
  2. <!--
  3. .lovely_cat_wrap {
  4. position: absolute;
  5. display:block;
  6. height: 65px;
  7. width: 120px;
  8. top: 170px;
  9. left: 100px;
  10. }
  11. .word_cat_said {
  12. height:31px;
  13. line-height:31px;
  14. padding:0 10px;
  15. background:#fff;
  16. font-size:12px;
  17. color:#000;
  18. }
  19. .cat_triggle {
  20. float:right;
  21. width:17px;
  22. height:9px;
  23. margin-right:25px;
  24. display:inline;
  25. background:url(../images/www/icon_spirit.png) no-repeat -150px 0;
  26. }
  27. .dance_cat {
  28. float:right;
  29. width:19px;
  30. height:19px;
  31. display:inline;
  32. margin:1px 24px 0 0;
  33. clear:right;
  34. _margin-top:-7px;
  35. }
  36. -->
  37. </style></STRONG>
复制代码
然后在<body>和</body>之间添加下面代码:
  1. <STRONG><div class="lovely_cat_wrap">
  2. <div style="height: 40px; clear: both; " id="word_cat_said_visible">
  3. <div class="word_cat_said"><a href="http://www.5dxn.cn/tpl/ad.html" target="_blank">你敢点我一下么~</a></div>
  4. <div class="cat_triggle"></div>
  5. </div>
  6. <a href="http://www.5dxn.cn/tpl/ad.html" target="_blank"><img src="http://www.5dxn.cn/tpl/image/dance_cat.gif" alt="" class="dance_cat" /></a>
  7. </div>
  8. </div></STRONG>
复制代码
最后下载图片文件上传到你的图片文件夹下面:

修改上面代码的图标链接代码就OK啦!


最后AD一下,大家都知道,论坛的话图片非常多,给大家提供一个图片广告提供商
点击进入:[url=http://union.diangao.com/url.aspx?code=891673]http://union.diangao.com/url.aspx?code=891673

广告方法为:具体显示效果可以去我网站看看:http://www.5dxn.cn
没加图片前

加了图片后:



进去了帮忙点下广告吧分享万岁啊!

本帖子中包含更多资源

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

x
 楼主| anjo2009 发表于 2012-3-21 13:32:30 | 显示全部楼层
占位编辑
回复

使用道具 举报

ZR 发表于 2012-3-21 13:58:10 | 显示全部楼层
占位留意了!
回复

使用道具 举报

5625991 发表于 2012-3-21 14:25:03 | 显示全部楼层
挺不错的。爱图屋引用一下:www.ituwu.com
回复

使用道具 举报

abcnic 发表于 2012-3-21 14:47:37 | 显示全部楼层
有点意思呢 不错呢
回复

使用道具 举报

愤怒的土豆 发表于 2012-3-21 15:09:28 | 显示全部楼层
              
回复

使用道具 举报

 楼主| anjo2009 发表于 2012-3-21 15:34:17 | 显示全部楼层
abcnic 发表于 2012-3-21 14:47
有点意思呢 不错呢

其实是很简单的JS定位
回复

使用道具 举报

 楼主| anjo2009 发表于 2012-3-21 16:06:07 | 显示全部楼层
;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P;P
回复

使用道具 举报

 楼主| anjo2009 发表于 2012-3-21 16:32:23 | 显示全部楼层
回复

使用道具 举报

10#
无效楼层,该帖已经被删除
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-11-20 20:26 , Processed in 0.034382 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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