eee digg 鼠标右键 bsp span big log 自定义样式 custom
很简单。找到他的主页,如果你用的是google浏览器,鼠标右键点击检查-Sources->customCSS
custom英文的意思就是定制的意思。这个就是了。
你可以把这些样式 放到你后台管理的页面定制css代码框里面。
下面是我个人的CSS样式:
- /*可折叠的代码区1背景色*/
- .code {
- background - color: #f5f5f5;
- }
- /*代码字体*/
- .code pre {
- font - family: Consolas ! important;
- }
- .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*/
- #post_body h2 {
- font - size: 16px;
- font - weight: bold;
- line - height: 1.5;
- margin: 10px 0;
- }
- #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/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;
- }
如何在博客园中查看别人的自定义样式?
eee digg 鼠标右键 bsp span big log 自定义样式 custom
原文:http://www.cnblogs.com/sesefadou/p/7944381.html
来源: http://www.bubuko.com/infodetail-2413834.html