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

bobofashion · 发表于 2011-10-7 23:12:19

本帖最后由 bobofashion 于 2011-11-26 18:01 编辑

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

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

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

想用的自己修改下上面的一下数据多试试就行了………………
我的边栏宽度是250的所以正好默认的比250窄所以最好自己修改下，
修改边栏宽度的方法如下：

找到template\default\common文件夹下的common.css文件，如果不是默认模板就修改你相应模板下的这个文件，打开并找到以下语句：

.ct2 .mn { float: left; width: 730px; margin-bottom: 1em; }
.ct2 .sd { float: right; width: 220px; overflow: hidden; _overflow-y: visible; }

复制代码

直接修改里面的宽度730、220即可，注意总宽度为950(实际应该是960，中间好像是留有10的空隙).

样式请看网站首页的边栏：
www.itsfan.com

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://www.itsfan.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://www.itsfan.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://www.baidu.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>

复制代码

gnchw · 发表于 2011-10-7 23:17:42

提示: 作者被禁止或删除内容自动屏蔽

bobofashion · 发表于 2011-10-8 11:20:28

gnchw 发表于 2011-10-7 23:17
不错，谢谢楼主分享。

bobo7810 · 发表于 2011-10-8 11:37:45

谢谢分享

Iisluo.com · 发表于 2011-10-8 11:40:51

提示: 作者被禁止或删除内容自动屏蔽

yerlv · 发表于 2011-10-8 11:46:39

提示: 作者被禁止或删除内容自动屏蔽

vxdll · 发表于 2011-10-8 12:03:50

{:soso_e176:}

xiaomu · 发表于 2011-10-8 12:13:46

提示: 作者被禁止或删除内容自动屏蔽

hmjam · 发表于 2011-10-8 12:49:50

{:soso_e120:}

bobofashion · 发表于 2011-10-8 13:03:15

xiaomu 发表于 2011-10-8 12:13
很不错，谢谢，直接是html么？

是的、、、、、、、、、、、、、

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

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

本帖子中包含更多资源

评分