改变了一下blog的主题,很开心
调整了一下博客的样式,之前一直想改变下,一直不会这次终于摸索出来一点,不过是最简单的,就是在管理里面的设置,可以定制css代码,修改修改,页面就跟着你的想法走了,有时间好好修改下,暂时这个样子,简单大方,嘿嘿
本博客的样式:
/* advertise */ #site_nav_under,#ad_under_post_holder,#under_post_news,#google_ad_c2,#under_post_kb{ width:0; height:0; display:none; overflow:hidden; } #RecentCommentsBlock li { margin: 0; width: 275px; } #RecentCommentsBlock li.recent_comment_body { border-radius: 0; margin: 0; } #RecentCommentsBlock li.recent_comment_title { border-radius: 5px 5px 0 0; margin: 3px 0 0; } #RecentCommentsBlock li.recent_comment_author { border-radius: 0 0 5px 5px; margin: 0; } .desc_img{ width:75px; max-width:75px; } #blog-calendar{ background:white; } /* comment */ div.commentform{ margin-bottom:100px; } #commentform_title { background: url("<a href="http://static.cnblogs.com/images/icon_addcomment.gif">http://static.cnblogs.com/images/icon_addcomment.gif</a>") no-repeat scroll 0 2px; color: #0078d8; font-size:14px; } div.commentform p{ margin-bottom:10px; } .comment_btn { height: 35px; width: 90px; background: none repeat scroll 0 0 #0078d8; border: 0 none; border-radius: 5px; color: white; cursor:pointer; } .comment_btn:hover{ background:#317ef3; } #commentbox_opt,#commentbox_opt + p { text-align:center; } #tbCommentBody{ width:100%; resize:none; } #tbCommentAuthor,#tbCommentBody{ border:1px solid #0078d8; } #tbCommentBody:hover{ border:1px solid #fca021; } #comments > h3 { background: none repeat scroll 0 0 #0078d8; border-radius: 3px; color: white; padding: 8px; border:0 none; font-size:14px; } #comments{ font-size: 13px; } #comments h4{ margin-top:10px; } #comments h4 span { color: #6c6351; font-size: 12px; } .comment_actions { border-bottom: 1px dashed #0078d8; display: block; padding-bottom: 10px; } .blog_comment_body { color: #111; font-size: 13px; margin-bottom: 10px; margin-top: 10px; } #comment_nav { font-size: 14px; margin-top: 10px; text-align: right; } /* header */ #header{ border:1px solid #044e97; background:#0078d8 repeat; box-shadow:0 0 5px; position: fixed; top: 0; width: 95%; } h1{ background: none; border-bottom:0 none; } #main{ margin-top: 95px; border-right:0 none; min-height:1040px; } #Header1_HeaderTitle{ color:white; font-weight:bold; font-size:24px; text-shadow:1px 5px 1px #000; } #Header1_HeaderTitle:hover{ color:#fca021; } #tagline{ color:white; } p.date{ background: none repeat scroll 0 0 #0078d8; border-bottom: 1px solid #aaa; border-radius: 5px; color: white; font-size: 14px; font-weight: bold; margin: 10px 10px 0 50px; padding: 10px; } .postFoot, p.postFoot{ padding-bottom:2px; border-bottom:1px solid #0078d8; } .postTitle{ padding:5px 0; } .postTitle a{ font-size:15px; padding:2px 0; } .post h2{ border-bottom: 1px dashed #0078d8; font-size: 1em; margin-top: 10px; padding: 0 0 10px; } .c_b_p_desc_readmore:hover{ color:#faa123; } #cb_post_title_url{ font-size:18px; } #MySignature{ border: 1px dashed #0078d8; display: block; padding: 5px; } #green_channel{ border: 1px dashed #0078d8; } /* right menu */ #rightmenu{ border:1px solid #0078d8; background:#0078d8; border-radius:10px; } #rightmenu ul{ background:white; } #rightmenu li{ background: none repeat scroll 0 0 #3385ff; border: 1px solid #3385ff; border-radius: 5px; color: white; margin: 10px; padding: 5px; width: 150px; } #rightmenu li a{ color:white; padding-left:10px; } #rightmenu li:hover{ background:#317ef3; } #rightmenu h3{ color:white; padding:2px 0 5px 10px; font-size:18px; border:0 none; } #blog-calendar{ background: white; border: 1px solid #8cbced; padding: 10px; background-color: #f5fafe; } div.commentform{ margin-bottom:100px; } /* advertise */ #site_nav_under,#ad_under_post_holder,#under_post_news,#google_ad_c2,#under_post_kb{ width:0; height:0; display:none; overflow:hidden; } /* calendar */ .Cal{ border:0 none; width:100%; height:200px; font-size:14px; } .CalTitle{ font-size:15px; } .CalTodayDay{ color: #0078d8; } .CalTodayDay a u{ color:#fc6700; text-decoration:none; } .commentbox_title { width: 100%; } .CalTitle { width: 100%; background: #f5fafe; color: #000; border-bottom: 1px solid #666; } * { margin: 0; padding: 0; font-family: '微软雅黑'; line-height: 24px !important; color: #616161; text-shadow: 1px 1px 3px rgba(50,50,50,0.15); }