帮助在网页添加人性化的广告

anjo2009 · 发表于 2012-3-21 13:15:56

本帖最后由 anjo2009 于 2012-3-22 09:58 编辑

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

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

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

首先打开你的模板页面的头部文件，
在<head>和</head>之间添加下面的JS代码

<STRONG><style type="text/css">
<!--
.lovely_cat_wrap {
position: absolute;
display:block;
height: 65px;
width: 120px;
top: 170px;
left: 100px;
}
.word_cat_said {
height:31px;
line-height:31px;
padding:0 10px;
background:#fff;
font-size:12px;
color:#000;
}
.cat_triggle {
float:right;
width:17px;
height:9px;
margin-right:25px;
display:inline;
background:url(../images/www/icon_spirit.png) no-repeat -150px 0;
}
.dance_cat {
float:right;
width:19px;
height:19px;
display:inline;
margin:1px 24px 0 0;
clear:right;
_margin-top:-7px;
}
-->
</style></STRONG>

复制代码

然后在<body>和</body>之间添加下面代码：

<STRONG><div class="lovely_cat_wrap">
<div style="height: 40px; clear: both; " id="word_cat_said_visible">
<div class="word_cat_said"><a href="http://www.5dxn.cn/tpl/ad.html" target="_blank">你敢点我一下么~</a></div>
<div class="cat_triggle"></div>
</div>
<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>
</div>
</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
没加图片前

加了图片后：

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

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

http://www.5dxn.cn

		自动登录	找回密码
密码			立即注册

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

本帖子中包含更多资源