Write in front
In view of the usual visit other great God's blog, often see their blog good-looking background. But I do not know how to do it, feel very magical. Direct degrees Niang tried the previous few found useless. So on the Other People blog Web page source code churn an afternoon, found out some mysterious and heavy things, so hang up to their blog to share a bit, such as invasion and deletion.
The first step, upload the required images to the blog Park server
There are a number of specific methods, the following are listed below:
- Publish a blog (essay), in the blog to upload the background image you want. Then open the blog, open the review element or to the picture point
复制图片地址
.
- Directly to the picture to the album, this method I have not tried, but Baidu said should also be feasible.
This allows you to upload the background to the server in the blog park and get the address of the background image.
Step two, modify the source of the blog
This step is more difficult ... I spent an afternoon and was basically looking for this ... (because they are very weak chickens do not HTML so can only see the existing source of others)
Click on the blog 管理
, point 设置
, and then 页面定制CSS代码
paste the code in this box:
/*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,. Syntax Highlighter table caption,. syntaxhighlighter textarea {font-size:14px!important;} #home {opacity:0.80;margin:0 auto;width:85%;min-width:950px; padding:0px; color:green; > #fff;p adding:30px;margin-top:30px;margin-bottom:50px;box-shadow:0 2px 6px rgba (100, 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; padding:0px; Color:green; " > #f5f5f5;} #ad_under_post_holder #google_ad_c1, #google_ad_c2 {display:none!important;} Body {color: #000; background:url (http://image.mamicode.com/info/201711/20180111005951102084.jpg) 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, Helvetica, Microsoft Yahei, Arial, Soong, sans-serif;text-shadow:0 0 1px #fff;d isplay: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", Helvetica Neue, Helvetica, Microsoft Yahei, Arial,, sans-serif;text-shadow:0 0 1px #fff;d isplay:inline!imp Ortant;} #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 ', Microsoft Yahei, Arial, 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;}
Found it
Body {color: #000; background:url (http://image.mamicode.com/info/201711/20180111005951102084.jpg) fixed; background-size:100%;background-repeat:no-repeat;font-family: "Helvetica Neue", Helvetica,verdana,arial, sans-serif;font-size:12px;min-height:101%;}
This block, http://image.mamicode.com/info/201711/20180111005951102084.jpg
change the paragraph to the address of your own background image.
Here is my own background:
PIXIV id:40180503
"Reprint" How to set the blog background