微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

博客园美化

放上自己的博客美化的css代码,复制后放进自己的css页面定制里边就可以了,里边相应数据还可以改,有汉字说明。

先放个预览图

分享图片

div[id^="ad_"] {
    display: none;
}
div[class^="c_ad"] {
    display: none;
}
div[id^="under_post"] {
    display: none;
}
/*simplememory*/
#google_ad_c1,#google_ad_c2 {display:none;}
.SyntaxHighlighter a,.SyntaxHighlighter div,.SyntaxHighlighter code,.SyntaxHighlighter table,.SyntaxHighlighter table td,.SyntaxHighlighter table tr,.SyntaxHighlighter table tbody,.SyntaxHighlighter table thead,.SyntaxHighlighter table caption,.SyntaxHighlighter textarea {
font-size: 14px!important;
}
#home {
opacity: 0.95;//不透明度
margin: 0 auto;
width: 85%;
min-width: 950px;
background-color: #fff;
padding: 30px;
margin-top: 30px;
margin-bottom: 50px;
Box-shadow: 0 2px 6px rgba(100,100,0.3);
}
#blogTitle h1 {
font-size: 30px;
font-weight: bold;
font-family: "Comic Sans MS";
line-height: 1.5em;
margin-top: 20px;
color: #515151;
}
#navList a:hover {
color: #4C9ED9;
text-decoration: none;
}
#navList a {
display: block;
width: 5em;
height: 22px;
float: left;
text-align: center;
padding-top: 18px;
}
#navigator {
font-size: 15px;
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
height: 50px;
clear: both;
margin-top: 25px;
}
.catListTitle {
margin-top: 21px;
margin-bottom: 10.5px;
text-align: left;
border-left: 10px solid rgba(82,168,236,0.8);
padding: 10px 0 14px 10px;
background-color: #f5f5f5;
}
#ad_under_post_holder #google_ad_c1,#google_ad_c2{  
display: none !important;
}
body {
color: #000;
background: url(https://i.loli.net/2019/02/04/5c585c12136d0.jpg//背景  要用到图片外链 推荐个网址:https://www.365cent.com/img/
) fixed;
background-size: 100%;
background-repeat: no-repeat;
font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
font-size: 12px;
min-height: 101%;
}
#topics .postTitle {
border: 0px;
font-size: 200%;
font-weight: bold;
float: left;
line-height: 1.5;
width: 100%;
padding-left: 5px;
}

div.commentform p{
margin-bottom:10px;
}
.comment_btn {
padding: 5px 10px;
height: 35px;
width: 90px;
border: 0 none;
border-radius: 5px;
background: #ddd;
color: #999;
cursor:pointer;
font-family: "Lato",Helvetica Neue,Microsoft Yahei,宋体,sans-serif;
text-shadow: 0 0 1px #fff;
display: inline !important;
}
.comment_btn:hover{
padding: 5px 10px;
height: 35px;
width: 90px;
border: 0 none;
border-radius: 5px;
background: #258fb8;
color: white;
cursor:pointer;
font-family: "Lato",sans-serif;
text-shadow: 0 0 1px #fff;
display: inline !important;
}
#commentform_title {
background-image:none;
background-repeat:no-repeat;
margin-bottom:10px;
padding:0;
font-size:24px;
}
#commentBox_opt,#commentBox_opt + p {
text-align:center;
}
.commentBox_title {
width: 100%;
}
#tbCommentBody {
font-family:‘Microsoft Yahei‘,sans-serif;
margin-top:10px;
max-width:100%;
min-width:100%;
background:white;
color:#333;
border:2px solid #fff;
Box-shadow:inset 0 0 8px #aaa;
// padding:10px;
height:250px;
font-size:14px;
min-height:120px;
}
.FeedbackItem {
font-size:14px;
line-height:24px;
margin:10px 0;
padding:20px;
background:#F2F2F2;
Box-shadow:0 0 5px #aaa;
}
.FeedbackListSubtitle {
font-weight:normal;
}

#blog-comments-placeholder,#comment_form {
padding: 20px;
background: #fff;
-webkit-Box-shadow: 1px 2px 3px #ddd;
Box-shadow: 1px 2px 3px #ddd;
margin-bottom: 50px;
}
.Feedback_area_title {
margin-bottom: 15px;
font-size: 1.8em;
}
.FeedbackItem {
border-bottom: 1px solid #CCC;
margin-bottom: 10px;
padding: 5px;
background: rgb(248,248,248);
}
.color_shine {background: rgb(226,242,255);}
.FeedbackItem:hover {-webkit-animation-name: color_shine;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;}
#comment_form .title {
font-weight: normal;
margin-bottom: 15px;
}

/*
Date: 24 Fev 2015
Author: Pedro Oliveira <[email protected] . com>
*/

.cnblogs-markdown.hljs {
  color: #a9b7c6;
  background: #282b2e;
  display: block;
  overflow-x: auto;
  padding: 0.5em;
}

.hljs-number,.hljs-literal,.hljs-symbol,.hljs-bullet {
  color: #6897BB;
}

.hljs-keyword,.hljs-selector-tag,.hljs-deletion {
  color: #cc7832;
}

.hljs-variable,.hljs-template-variable,.hljs-link {
  color: #629755;
}

.hljs-comment,.hljs-quote {
  color: #808080;
}

.hljs-Meta {
  color: #bbb529;
}

.hljs-string,.hljs-attribute,.hljs-addition {
  color: #6A8759;
}

.hljs-section,.hljs-title,.hljs-type {
  color: #ffc66d;
}

.hljs-name,.hljs-selector-id,.hljs-selector-class {
  color: #e8bf6a;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}


.cnblogs_code pre {                       //代码字体大小
font-family: Courier New!important;
font-size: 13px!important;
word-wrap: break-word;
white-space: pre-wrap;
}

.cnblogs_code span {
font-family: Courier New!important;
font-size: 13px!important;
line-height: 0.5!important;
}

//代码风格
.SyntaxHighlighter .preprocessor {/*头文件、预编译部分*/
    color: #CD5C5C!important;
}

.SyntaxHighlighter .keyword,.SyntaxHighlighter .keyword {/*关键字(for/if...else/while/return...)*/
  //  font-weight: normal!important;
    color: #6495ED!important;
}

.SyntaxHighlighter .comments,.SyntaxHighlighter .comments a {/*注释*/
    color: #3CB371!important;
}

.SyntaxHighlighter .color1,.SyntaxHighlighter .color1 a {/*int等变量类型名*/
    color: #FFA500!important;
}
.SyntaxHighlighter .string,.SyntaxHighlighter .string a {/*字符串*/
    color: #1bbb38!important;
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。