改变了一下blog的主题,很开心
2014-11-13 17:51
218 查看
调整了一下博客的样式,之前一直想改变下,一直不会这次终于摸索出来一点,不过是最简单的,就是在管理里面的设置,可以定制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); }
相关文章推荐
- iOS 取出RGB设置UIColor的RGB值, 有时为了跟其他控件一个主题色但是想改变一下透明度
- 改变CMD窗口提示符前的默认路径位置(翻译,顺便测试一下Blog)
- win7系统中如何改变半透明窗口的颜色(已使用Aero主题)
- 测试一下用Live Writer 写 csdn 的 Blog
- blog 开通了,庆祝一下!
- 找回了Blog的用户名和密码,赶紧测试一下
- 哈哈!blog能用咯 庆祝一下浏览数突破10000
- 更改Sublimetext3的主题文件,改变某些不喜欢的颜色
- 决定在blog中讨论一下微软的所有Application Block
- 整理一下blog
- jQuery EasyUI-动态改变主题
- 测试一下csdn blog的代码高亮
- 今天无意中发现“心静思远”上了CSDN的“热点BLOG”,发个贴,就算庆祝一下:)
- 4.30 记录一下。我的blog又起死回生了
- 需要改变一下观念
- 记录一下WPF开发(一)-- 基于xaml的界面UI主题
- 又开了一个BLOG,发个贴纪念一下
- 记录一下,开始Blog
- Eclipse如何快速改变主题颜色
- csdn的blog太慢了,想换个空间,大家推荐一下把