如何在博客园中查看别人的自定义样式?
很简单。找到他的主页,如果你用的是google浏览器,鼠标右键点击检查-Sources->customcss
custom英文的意思就是定制的意思。这个就是了。
你可以把这些样式 放到你后台管理的页面定制css代码框里面。
下面是我个人的CSS样式:
/*可折叠的代码区1背景色*/ .cnblogs_code { background-color: #f5f5f5; } /*代码字体*/ .cnblogs_code pre { font-family: Consolas !important; } .cnblogs_code span { font-family: Consolas !important; } /*评论框*/ div.commentform textarea.comment_textarea { line-height: 2; /*外边距*/ color: #0d07effa; background: #dee7de; letter-spacing: 2px; /*字体间距*/ } /*评论按钮*/ .comment_btn:hover { height: 41px; width: 96px; margin: 2px; padding: 4px; line-height: 23px; background-color: lightslategray; border: outset #edb2b2 3px; } /*关注按钮*/ #green_channel #green_channel_follow { background-color: #e33100; -webkit-animation-name: bigAssButtonPulse; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; } /*好文要顶*/ #green_channel #green_channel_digg { background-color: #ff1493; } /*h2*/ #cnblogs_post_body h2 { font-size: 16px; font-weight: bold; line-height: 1.5; margin: 10px 0; } #cnblogs_post_body h2 { color: #fff; background-color: #333; -moz-border-radius: 3px; border-radius: 3px; padding: 3px; margin: 10px 0px; text-shadow: 2px 2px 3px #404040; } /*分类标签样式*/ .catListTag ul li { float: left; margin: 0 0 7px 8px; position: relative; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.75em; font-weight: bold; text-decoration: none; color: #996633; text-shadow: 0px 1px 0px rgba(255, 255, 255, .4); padding: 0.417em 0.417em 0.417em 0.917em; border-top: 1px solid #83a; border-right: 1px solid #f33926c4; border-bottom: 1px solid #83a; -webkit-border-radius: 0 0.25em 0.25em 0; -moz-border-radius: 0 0.25em 0.25em 0; border-radius: 0 0.25em 0.25em 0; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#feda71', EndColorStr='#feba47'); -webkit-box-shadow: inset 0 1px 0 #faeaba, 0 1px 1px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0 1px 0 #faeaba, 0 1px 1px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 0 #faeaba, 0 1px 1px rgba(0, 0, 0, .1); } .catListTag ul li:hover { -webkit-animation-name: bigAssButtonPulse; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; background-image: -webkit-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -moz-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -o-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: -ms-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); background-image: linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#fee18d', EndColorStr='#fec86c'); border-color: #e1b160; } /*隐藏新闻广告*/ .c_ad_block { display: none; } /*顶部背景*/ div#blogTitle { background: url(http://images.cnblogs.com/cnblogs_com/sesefadou/1112130/o_bg-blue.png) left top repeat-x; } /*主题背景色*/ body { background: #eee; } /*Hello world标题样式*/ div#blogTitle .title a { color: #999; font-family: cursive; } div#blogTitle .title { padding-top: 25px; } /*代码块2背景变黑*/ .syntaxhighlighter .line.alt2 { background-color: #333333 !important; } .syntaxhighlighter .line.alt1 { background-color: #333 !important; } /*代码块字体颜色变白#eee*/ syntaxhighlighter .plain, .syntaxhighlighter .plain a { color: #eee !important; } .syntaxhighlighter .plain, .syntaxhighlighter .plain a { color: #eee !important; } .syntaxhighlighter .functions { color: #eeeeee !important; } .syntaxhighlighter .comments, .syntaxhighlighter .comments a { color: #eeeeee !important; } .syntaxhighlighter .value { color: #eee !important; } .syntaxhighlighter .keyword { color: #eee !important; } /*代码块蓝字变浅蓝*/ .syntaxhighlighter .string, .syntaxhighlighter .string a { color: #069 !important; } .syntaxhighlighter .keyword { font-weight: normal !important; color: #069 !important; } /*代码区绿线变红线*/ .syntaxhighlighter .gutter .line { border-right: 2px solid rgb(173, 39, 39) !important; } /*去掉a标签连接下面的下划线*/ .postCon a, .postBody a, .feedbackCon a { border-bottom: none!important; }