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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

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

[复制链接]
bobofashion 发表于 2011-10-7 00:32:08 | 显示全部楼层 |阅读模式
分享下“这是范”网站的广告代码

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

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

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


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



1.大格子的:
  1. <html>
  2. <style>
  3. .info1 li { padding:5px;width:232px;float:left}
  4. .info1 li .img { padding:5px; border:1px solid #dddfc9;display:block;}
  5. .info1 li .img:link,.info li .img:visited {border:1px solid #dddfc9;}
  6. .info1 li .img:hover{border:1px solid #dddfc9;background:#cccccc;}
  7. </style>
  8. <body>
  9. <div class="info1">
  10. <ul>
  11. <li><a href="http://www.omkong.com/" target="_blank" class="img" ><img src="http://www.itsfan.com/ad/omk.gif" alt="欧美控" /></a></li>
  12. <li><a href=" http://dmcdmc.taobao.com/" target="_blank" class="img" ><img src="http://www.himonoo.com/ad/dmc.jpg" alt="欧美范儿首饰夯货店铺" /></a></li>
  13. <li><a href="http://www.itsfan.com/" target="_blank" class="img" ><img src="http://www.itsfan.com/ad/ad.gif" /></a></li>
  14. </ul>
  15. </div>
  16. </body>
  17. </html>
复制代码


2.小格子的


  1. <html>
  2. <style>
  3. .info li { padding:5px;width:112px;float:left}
  4. .info li .img { padding:5px; border:1px solid #dddfc9;display:block;}
  5. .info li .img:link,.info li .img:visited {border:1px solid #dddfc9;}
  6. .info li .img:hover{border:1px solid #dddfc9;background:#cccccc;}
  7. </style>
  8. <body>
  9. <div class="info">
  10. <ul>
  11. <li><a href="http://mbubo.taobao.com/" target="_blank" class="img" ><img src="http://www.itsfan.com/ad/huakou.jpg" alt="施华蔻专卖" /></a></li>
  12. <li><a href="http://tuan.itsfan.com/" target="_blank" class="img" ><img src="http://www.itsfan.com/ad/tuan.gif" alt="范儿团,每天都有团" /></a></li>
  13. <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>
  14. <li><a href="http://shop34681198.taobao.com" target="_blank" class="img" ><img src="http://www.itsfan.com/ad/duomaimai.gif" alt="多麦麦包铺" /></a></li>
  15. <li><a href="http://www.itsfan.com/" target="_blank" class="img" ><img src="http://www.itsfan.com/ad/ad-1.gif" alt="优质广告位" /></a></li>
  16. <li><a href="http://www.itsfan.com" target="_blank" class="img" ><img src="http://www.itsfan.com/ad/ad-1.gif" /></a></li>
  17. </ul>
  18. </div>
  19. </body>
  20. </html>
复制代码


本帖子中包含更多资源

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

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

本版积分规则

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

GMT+8, 2024-11-19 02:38 , Processed in 0.020916 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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