您的位置:首页 > 理论基础 > 计算机网络

改变图标!用户自定义列表样式css说明(http://www.blogcup.com/read_dicky_5345.html)

2005-04-13 14:23 1011 查看
注释:下面代码蓝色部分可以自己修改,其他的如果更改可能造成样式无效!

http://www.blogcup.com/read_dicky_5345.html

加粗部分就是列表的图片地址,如果您想更换图片,请先上传好大小适合的小图标(png\gif格式)然后对应修改下面加粗部分的代码,就可以更换了。

 

<style type="text/css">

<!--

-->

</style> 

 

<style type="text/css">

<!--

/*--------自定义列表样式开始--------*/

/*--------@ 评论列表样式定义--------*/

#show_comment li {list-style-image: url(../resources/icons/chat.png);margin: 10px 0px 0px -30px;}

/*--------@ 专题分类列表样式定义--------*/

#show_sort li {margin: 10px 0px 0px -25px;list-style-image: url(../resources/icons/plusfav.gif);}

/*--------@ 最新留言信息列表样式定义--------*/

#show_message li {list-style-image: url(../resources/icons/forum.gif);margin: 10px 0px 0px -30px;}

/*--------@ 最新blog文章列表样式定义--------*/

#show_newblog li {list-style-image: url(../resources/icons/deviation.gif);margin: 10px 0px 0px -30px;}

/*--------@ blog信息列表样式定义--------*/

#show_bloginfo li {margin:0px 0px 0px -40px;}

/*--------@ 日历链接移过效果--------*/

#calender a:hover{color: #333;background-color: #fff;}

/*--------@ 日历有日志的日期链接效果--------*/

.calender_link {color: #333;background-color: #D3D9E4;height: 100%;width: 100%;border: 1px solid #999;font-weight: bold;display:block;}

/*--------@ 日历今天日期的效果--------*/

.calender_today {border: 1px solid #FF6600;font-weight: bold;text-decoration: blink!important;text-decoration:none;}

/*--------自定义列表样式结束--------*/

-->

</style>

只要将修改好的代码粘贴到你的模板源代码最开头处,就可以实现更换了,Have a try!

!!注意,只需要粘贴自己有修改的部分,其他没有修改的可以删除,系统已经默认具有样式了!!

注意保留以下格式

<style type="text/css">

<!--

你修改的部分

-->

</style>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐