分享下“这是范”网站的广告代码

bobofashion · 发表于 2011-10-7 00:32:08

分享下“这是范”网站的广告代码

鼠标放上去图片边框会变色的

具体的大家自己设置参数因为我们的边栏宽度不一样所以你直接用这些代码估计错位

想用的自己修改下上面的一下数据多试试就行了………………

样式请看网站首页的边栏：
http://www.itsfan.com/forum.php

1.大格子的：

<html>
<style>
.info1 li { padding:5px;width:232px;float:left}
.info1 li .img { padding:5px; border:1px solid #dddfc9;display:block;}
.info1 li .img:link,.info li .img:visited {border:1px solid #dddfc9;}
.info1 li .img:hover{border:1px solid #dddfc9;background:#cccccc;}
</style>
<body>
<div class="info1">
<ul>
<li><a href="http://www.omkong.com/" target="_blank" class="img" ><img src="http://www.itsfan.com/ad/omk.gif" alt="欧美控" /></a></li>
<li><a href=" http://dmcdmc.taobao.com/" target="_blank" class="img" ><img src="http://www.himonoo.com/ad/dmc.jpg" alt="欧美范儿首饰夯货店铺" /></a></li>
<li><a href="http://www.itsfan.com/" target="_blank" class="img" ><img src="http://www.itsfan.com/ad/ad.gif" /></a></li>
</ul>
</div>
</body>
</html>

复制代码

2.小格子的

<html>
<style>
.info li { padding:5px;width:112px;float:left}
.info li .img { padding:5px; border:1px solid #dddfc9;display:block;}
.info li .img:link,.info li .img:visited {border:1px solid #dddfc9;}
.info li .img:hover{border:1px solid #dddfc9;background:#cccccc;}
</style>
<body>
<div class="info">
<ul>
<li><a href="http://mbubo.taobao.com/" target="_blank" class="img" ><img src="http://www.itsfan.com/ad/huakou.jpg" alt="施华蔻专卖" /></a></li>
<li><a href="http://tuan.itsfan.com/" target="_blank" class="img" ><img src="http://www.itsfan.com/ad/tuan.gif" alt="范儿团，每天都有团" /></a></li>
<li><a href="http://www.itsfan.com/topic-huabao.html" target="_blank" class="img" ><img src="http://www.itsfan.com/ad/huabao.gif" alt="上万套服装搭配" /></a></li>
<li><a href="http://shop34681198.taobao.com" target="_blank" class="img" ><img src="http://www.itsfan.com/ad/duomaimai.gif" alt="多麦麦包铺" /></a></li>
<li><a href="http://www.itsfan.com/" target="_blank" class="img" ><img src="http://www.itsfan.com/ad/ad-1.gif" alt="优质广告位" /></a></li>
<li><a href="http://www.itsfan.com" target="_blank" class="img" ><img src="http://www.itsfan.com/ad/ad-1.gif" /></a></li>
</ul>
</div>
</body>
</html>

复制代码

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

[发布] 分享下“这是范”网站的广告代码

本帖子中包含更多资源