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

最新推荐文章于 2025-09-12 00:40:07 发布

转载最新推荐文章于 2025-09-12 00:40:07 发布 · 147 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/leave/archive/2005/04/13/136800.html

文章标签：

博客介绍了自定义列表样式的代码修改方法。指出蓝色部分可自行修改，若更改其他部分可能致样式无效。还说明了更换列表图片的操作，需先上传合适小图标，再修改对应代码。最后强调将修改好的代码粘贴到模板源代码开头可实现更换。

注释：下面代码蓝色部分可以自己修改，其他的如果更改可能造成样式无效！
http://www.blogcup.com/read_dicky_5345.html
加粗部分就是列表的图片地址，如果您想更换图片，请先上传好大小适合的小图标（png\gif格式）然后对应修改下面加粗部分的代码，就可以更换了。

<!--

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

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

#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!

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

注意保留以下格式

转载于:https://www.cnblogs.com/leave/archive/2005/04/13/136800.html