优点:
1:Web加速
2:避免很多图标一个个蹦出来而影响页面加载时的美观
3:减少服务器的http请求,减轻服务器压力
4:IE6、IE7、Firefox均已通过
效果:
漫步浪尖
http://qqcampus.org/
技术文档:
http://qqcampus.org/Div-Css/css-sprites-feed.html
使用方法:
1:打开\THEMES\default\TEMPLATE下要加Feed订阅的模板,在侧边栏里加入以下代码
<div class="function" id="Gtfeed">
<h3>Feed订阅</h3>
<ul>
<#CACHE_INCLUDE_GTFEED#>
</ul>
</div>
2:打开主题的Css文件,譬如\THEMES\default\STYLE\default.css,在底部填加
#Gtfeed li a {
text-decoration: none;
background-image: url('http://qqcampus.org/themes/default/style/default/rss.gif');
background-repeat: no-repeat;
width: 103px;
height: 16px;
display: block;
}
#Misc li a span{
display: none;
}
#f-a {background-position: -8px -8px;}
#f-b {background-position: -8px -40px;}
#f-c {background-position: -8px -72px;}
#f-d {background-position: -8px -104px;}
#f-e {background-position: -8px -136px;}
#f-f {background-position: -8px -168px;}
#f-g {background-position: -8px -200px;}
#f-h {background-position: -8px -232px;}
#f-i {background-position: -8px -264px;}
#f-j {background-position: -8px -296px;}
#f-k {background-position: -8px -328px;}
当然,也可以下载rss.gif到自己服务器上,并在css里修改路径,图片已经打包,。
3:把gtfeed.asp传到根目录下的INCLUDE文件夹
4:文件重建一下
下载:
问题提出http://qqcampus.org/Div-Css/css-sprites-feed.html
申请友情链接http://qqcampus.org/guestbook.asp,谢谢
[
本帖最后由 globetour 于 2008-6-27 19:22 编辑 ]