自己动手修改cnblogs博皮

园子里的几个博皮试来试去都觉得差点什么,于是试着自己动手,修改一下看看效果。不太熟练,效果是出来了,但是美观是不敢也不能说了。懂点CSS的朋友估计都可以做出来,我只是做个记录 :) 对了,我是在SimpleBlue这套博皮的基础上,小改几处.



下面是我的CSS设置:

body{font-family:"微软雅黑","verdana",  "Arial"; BACKGROUND: #fff;}

#sideBar{width:220px !important;margin-top:44px;}

.forFlow{margin:10px 8px 30px 240px !important;}

#blogTitle{height:120px !important;background:url(http://images.cnblogs.com/cnblogs_com/zhaiyf/203760/r_tit.png) repeat-x left !important;}

UL#navList{top:62px !important;}

.postTitle2{background:url(http://images.cnblogs.com/cnblogs_com/zhaiyf/203761/r_48.png) 0 2px no-repeat;padding-left:24px !important;}

.postTitle{margin:4px 0px 10px !important;}

#footer{height:40px;display:block !important;}

#blogTitle H2{text-indent:100px !important; color:white !important; padding-top:16px;}

.headermaintitle{padding-top:8px !important;}

用到的图片是我自己传到我的相册里的,上传后找到图片的URL,因为自己没有空间放图片,呵呵.有感兴趣的可以自己动手试试,登陆后在 后台管理-〉选项-〉通过CSS定制页面 的输入框中修改相应的CSS即可。
 

posted @ 2009-08-07 21:09  Perfectionist  阅读(455)  评论(4编辑  收藏  举报