如何在博客園中查看別人的自定義樣式?
阿新 • • 發佈:2017-12-01
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; }
如何在博客園中查看別人的自定義樣式?