改变图标!用户自定义列表样式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>
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>
相关文章推荐
- 改变图标!用户自定义列表样式css说明
- GridView自定义分页样式(上一页,下一页,到第几页)(新手教程)转载http://www.cnblogs.com/xuanhun/archive/2010/04/14/1712132.html
- 1.制作字体图标网站https://icomoon.io 2.制作bootstrap按钮样式,生成css代码 http://blog.koalite.com/bbg/
- CSS3自定义滚动条样式 -webkit-scrollbar原文地址:http://www.xuanfengge.com/css3-webkit-scrollbar.html
- ASP.NET中的跳转:200, 301, 302(转自丁学的BLOG:http://www.cnblogs.com/dingxue/archive/2008/07/18/1245592.html,谢谢)
- (转自http://www.eact.com.cn/blog/html/30/5230-64253.html)【软件应用】如何执行vbs脚本文件
- SharePoint 中 MasterPage 里面所有占位符列表(转载http://www.cnblogs.com/WinYoung/archive/2007/06/25/791766.html)
- 关于modelsim的波形文件(vsim.wlf)(转自http://www.eefocus.com/ican/blog/10-10/196941_ebbde.html)
- SQL Server 2000 元数据应用(二):获得数据库的用户视图 http://www.cnblogs.com/ClarkChan/archive/2006/10/27/541724.html
- python 的日志logging模块学习 (转自:http://www.cnblogs.com/dkblog/archive/2011/08/26/2155018.html)
- Android 轻松实现语音识别(转http://www.cnblogs.com/TerryBlog/archive/2010/11/12/1875875.html)
- GridView分页 用户控件(参考CSharpFish博客)http://www.cnblogs.com/hongyuniu/archive/2008/08/05/1261014.html
- Android大文件上传秒传之MD5篇 http://www.apkbus.com/blog-822715-76972.html (出处: 安卓巴士 - 安卓开发 - Android开发 - 安卓 -
- http://www.cocoachina.com/bbs/read.php?tid-1323.html
- HBase 默认配置说明(收藏版) http://www.aboutyun.com/thread-7914-1-1.html (出处: about云开发)
- .net文档生成工具2.0 支持自定义文档生成器【转:http://www.cnblogs.com/lucc/archive/2008/09/05/1284762.html】
- http://www.cnblogs.com/steven-blog/archive/2013/02/19/2917395.html
- 发布一款层次下拉列表控件 转自 http://www.cnblogs.com/studyzy/archive/2008/02/25/1080289.html?
- http://www.cppblog.com/flyinghearts/archive/2012/03/18/168270.html
- LIB和DLL的区别、建立及使用http://www.cppblog.com/amazon/archive/2009/09/04/95318.html