博客园皮肤美化
Posted famine
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了博客园皮肤美化相关的知识，希望对你有一定的参考价值。
以下是全站css代码:
1 .topicListFooter{text-align: right;margin-right: 10px;margin-top: 10px} 2 *{margin: 0;padding: 0} 3 html{height: 100%} 4 body{ background: url(https://i.screenshot.net/p/59q7gu4?3e4d445686cb8ab334d4a44c649df999); 5 -webkit-background-size: cover; 6 -moz-background-size: cover; 7 -o-background-size: cover; 8 background-size: cover; 9 background-position:50% 50%; 10 background-repeat: no-repeat; 11 background-attachment:fixed; 12 background-color: #646461;color: #7d8b8d;font-family: "Microsoft YaHei","Open Sans",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;font-size: 14px;line-height: 25px;min-height: 101%;} 13 #toplogo img{border: #FFF solid 8px;display: block;margin: 20px auto;border-radius: 50%;transition: all 2.0s;} 14 #toplogo img:hover{transform: rotate(360deg);} 15 table{border-collapse: collapse;border-spacing: 0;max-width: 850px} 16 #sideBar ul{word-break: break-all;list-style: none} 17 #sideBar li{list-style: none} 18 h1,h2,h3{font-size: 100%;font-weight: normal} 19 a:link{color: #000;text-decoration: none} 20 a:hover{color: #0c0;text-decoration: underline} 21 .clear{clear: both} 22 #blogTitle{clear: both;width: 100%;margin: 50px auto;position: relative} 23 #blogTitle h1{padding-top: 0px;color: #fff;font-size: 40px;font-weight: bold;line-height: 1.5;text-align:center;} 24 #blogTitle h2{text-align: center;position: relative;height: 75px;line-height: 180%;font-weight: normal;top: 0px;left: 0px;font-size: 16px;padding: 20px 0 0 20px;} 25 #blogTitle h1 a,#blogTitle h2{color: #3D9960;} 26 #blogLogo{ 27 background: url(http://images.cnblogs.com/cnblogs_com/famine/1233206/o_2018_06_04_1540139574.png) no-repeat center 21px; 28 -webkit-background-size: cover; 29 -moz-background-size: cover; 30 -o-background-size: cover; 31 background-size: cover; 32 background-position:50% 50%; 33 background-repeat: no-repeat; 34 border: #fff solid 2px; 35 border-radius: 50%; 36 transition: all 2.0s; 37 38 margin:0 auto; 39 height: 180px; 40 clear: both; 41 width: 180px;} 42 #blogLogo:hover{ 43 transform: rotate(360deg); 44 } 45 #navigator{height: 60px;clear: both;position: relative;border-left: none;border-right: none} 46 #navList{border-radius: 5px;border: 1px solid #fff;z-index: 100;letter-spacing: -.02em;background: rgba(255,255,255,.8);margin: 0 auto;padding: 0 10px 0 10px;display: block;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 55px;font-weight: 400;font-style: normal;font-size: 15px;} 47 #navList li{float: left;height: 60px;line-height: 52px;list-style-type: none} 48 #navList a{padding: 0 20px;font-size: 16px;display: block;color: #000;} 49 #navList a:link{color: #000;} 50 #navList a:hover{text-decoration: none;color:#00c000;border-bottom:2px solid #0c0;} 51 .blogStats{display: none} 52 #main{clear: both;border-radius: 5px;position: relative;margin: 20px auto;padding: 20px;max-width: 1366px;background: rgba(255,255,255,.8);border: 1px solid #fff;box-shadow: 0 2px 6px rgba(100,100,100,.3);} 53 .postDesc a:link,{color: #a3a3a3} 54 .postDesc a:hover{color: #9ab26b;text-decoration: none} 55 .postSeparator{border-top: 0px dashed silver;margin: 20px 0;clear: both} 56 .topicListFooter{margin-top: 15px;height: 68px;line-height: 68px;font-size: 16px} 57 #nav_next_page{line-height: 40px} 58 #nav_next_page a{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #99b16b;-webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.09);-moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.09);box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.09);height: 40px;line-height: 40px;color: #fff;display: inline-block;padding: 0 15px;text-decoration: none} 59 #calendar table a:hover{color: #fff;text-decoration: none;background-color: #f60} 60 .catListTag ul li,{margin: .5em} 61 .divRecentComment{margin-top: .5em} 62 #EntryTag a:hover{color: #f60} 63 .feedbackListSubtitle{padding: 0 5px} 64 .feedbackListSubtitle a:hover{color: #9ab26b;text-decoration: none} 65 #divRefreshComments{text-align: right;margin-bottom: 10px} 66 .entrylistItemPostDesc a:hover{color: #f60} 67 .topicListFooter .pager a:hover,.topicListFooter .pager span{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #9ab26b;-webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.09);-moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.09);box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.09);height: 40px;line-height: 40px;margin-top: 14px;color: #fff;display: inline-block;padding: 0 15px;text-decoration: none;border: none} 68 .divPhoto:hover{border-color: #08c;box-shadow: 3px 3px 3px rgba(0,0,0,.3)} 69 #footer{text-align: center;min-height: 15px;_height: 15px;margin-top: 10px;padding-top: 10px;margin-bottom: 10px;padding-bottom: 10px;color: #fff} 70 .pfl_feedback_area_title{margin-bottom: 1em} 71 .pfl_feedbackCon{margin: .5em} 72 .postCon p{} 73 .postCon a:link,{text-decoration: none;color: #9ab26b} 74 body,div,h1,h2,h3,h4,h5,h6,ul,li,img{margin: 0;padding: 0} 75 img{display:block;} 76 77 #home{position: relative;padding: 0;margin: 0 auto;max-width: 1366px;} 78 #BlogMusicPayer,#flashContent,{display: block;left: 719px;position: absolute;top: 45px} 79 #user .user_info a:hover{color: rgba(255,255,255,1)} 80 #mynav li:hover{background-color: #99b16b;color: #fff} 81 #mynav li,#profile_block a,.catListTag ul li,.catListTag ul li:before,.catListPostCategory ul li a,.catListPostArchive ul li a,.recent_comment_title a,.catListView ul li a,.catListFeedback ul li a{-webkit-transition: all .2s ease-in;-o-transition: all .1s ease-out;-ms-transition: all .1s ease-out;transition: all .1s ease-out} 82 #mainContent{float: left;padding-right: 10px;width: calc(100% - 360px);/* border-right: 1px dashed #ccc;*/line-height: 25px;} 83 #mainContent .forFlow{float: none;width: 100%} 84 .day{/*background: #fff;padding: 20px;*//*border: 1px solid #dedede;margin-bottom: -1px*/} 85 /* 86 .day:hover{border: 1px solid #169fe6;position: relative;z-index: 10} 87 .day:hover .postSeparator{border-top: 0px dashed #169fe6}*/.dayTitle a{color: #aaa} 88 .dayTitle a:hover{color: #0c0} 89 .day .postTitle2{font-size: 20px;font-weight: bold;margin-bottom: 10px;color: black;} 90 .day .postTitle{margin-left: -20px;padding-left: 20px;border-left: 3px solid #000;} 91 .postCon{padding: 15px 0;clear: both} 92 .postDesc{clear: both;color: #bcbcbc;float: none;text-align: left;line-height: 200%;font-size: 12px} 93 .postDesc a{color: #999} 94 #topics{overflow: hidden;/*padding: 20px;*//*border: 1px solid #dedede*/} 95 #topics .postTitle{font-size: 28px;font-weight: 400;margin-bottom: 20px;line-height: 1.8;color: #333;border-left:5px solid #0c0;} 96 #topics .postTitle a{color: #333;margin-left:20px;} 97 #topics .postBody blockquote{border: none;border-left: 5px solid #ddd;margin: 0;padding-left: 10px} 98 #topics .postBody blockquote p{margin: 0;padding: 0;color: #777} 99 .postTitle a:link,{color: #000;} 100 .postTitle a:hover{color: #00c000;text-decoration: none} 101 #cnblogs_post_body{color: #333;line-height: 1.8} 102 #cnblogs_post_body h2{margin: 20px 0} 103 #cnblogs_post_body p{text-indent:2em;font-size:1.05rem;} 104 #cnblogs_post_body p a:hover,#cnblogs_post_body ol li a:hover,#cnblogs_post_body ul li a:hover{border-bottom: 1px dotted #9ab26b} 105 #cnblogs_post_body ol,#cnblogs_post_body ul{margin: 0 0 1em;margin-left: 40px;padding: 0} 106 #EntryTag{font-size: 14px;color: #7e8c8d;font-weight: bold} 107 #EntryTag a{text-decoration: none;color: #9fa4a4;font-weight: normal;margin-left: 10px} 108 #BlogPostCategory a{margin-left: 10px} 109 #BlogPostCategory a:hover{color: #ff5e52;border-bottom: 1px dotted #ff5e52} 110 #post_next_prev{line-height: 200%;margin: 10px 0;font-size: 14px} 111 #post_next_prev a{color: #333} 112 #post_next_prev a:hover{border-bottom: 1px dotted #ff5e52;color: #ff5e52} 113 #topics .postDesc{font-size: 14px;color: #777;line-height: 200%;margin: 10px 0} 114 #topics .postDesc a:hover{color: #9ab26b} 115 #mystart ul li a.a,#mystart ul li a.b{float: left;margin-right: 12px;text-decoration: none} 116 #myinfo a:hover{border-bottom: 1px dotted #9ab26b} 117 .feedbackManage{line-height: 26px;float: right} 118 .comment_actions a:hover{color: #9ab26b} 119 .login_tips a:hover{color: #fff} 120 .login_tips_login{background: #9ab26b} 121 .login_tips_regist{background: #49c8f5} 122 .login_tips_home{background: #2b6695} 123 .entrylistItem{margin-bottom: 20px;min-height: 20px;position: relative;background: #fff;position: relative;z-index: 2} 124 .entrylistPosttitle a.desc_img_wrap{margin: 0;margin-bottom: 10px;display: block;position: relative;height: 320px;color:black;} 125 .entrylistPosttitle a:hover{color: #F42;text-decoration: none} 126 .c_b_p_desc{font-size: 14px;color: #333;line-height: 200%} 127 .dayTitle{float: right;display: inline-block;padding: 2px 5px;border: 1px solid #ddd;color: #aaa;text-decoration: none;font-size: 12px;line-height: 24px;} 128 a.c_b_p_desc_readmore{float: right;display: inline-block;padding: 2px 5px;border: 1px solid #ddd;color: #aaa;text-decoration: none;font-size: 12px;line-height: 24px;} 129 .daytitle,a.c_b_p_desc_readmore:hover{color:#0c0} 130 .entrylistItemPostDesc a:hover{color: #9ab26b} 131 #sideBar{float: right;display: block;overflow: hidden;width: 340px;color: grey;font-size: 12px;} 132 #sideBarMain{} 133 #blog-news{overflow: visible;margin-bottom: 20px} 134 #blog-news .share{width: 290px;height: 118px;background: #fff} 135 #blog-news .share li:hover{box-shadow: 0 0 3px rgba(0,0,0,.3)} 136 #profile_block{padding: 20px;color: #7e8c8d;font-size: 13px;line-height: 1.8;margin-top: 0!important;border: 1px solid #dedede} 137 #profile_block:hover{/*border: 1px solid #ff5e52*/} 138 #profile_block a{color: #9fa4a4;text-decoration: none;font-size: 13px} 139 #profile_block a:hover{color: #99b16b;border-bottom: 1px dotted #99b16b} 140 .newsItem .catListTitle{display:none;} 141 #blog-news .social .social_weibo,#blog-news .social .social_github,#blog-news .social .social_envelope{background: #d04341;font-size: 30px;text-align: center;color: #fff;overflow: hidden;width: 63px;height: 58px;display: block;line-height: 58px} 142 #blog-news .social .social_weibo{text-shadow: #b13937 1px 1px,#b13937 2px 2px,#b13937 3px 3px,#b13937 4px 4px,#b13937 5px 5px,#b13937 6px 6px,#b13937 7px 7px,#b13937 8px 8px,#b13937 9px 9px,#b13937 10px 10px,#b13937 11px 11px,#b13937 12px 12px,#b13937 13px 13px,#b13937 14px 14px,#b13937 15px 15px,#b13937 16px 16px,#b13937 17px 17px,#b13937 18px 18px,#b13937 19px 19px,#b13937 20px 20px,#b13937 21px 21px,#b43a38 22px 22px,#b73b39 23px 23px,#bb3c3a 24px 24px,#be3d3b 25px 25px,#c23e3c 26px 26px,#c53f3d 27px 27px,#c9403e 28px 28px,#cc413f 29px 29px,#d04341 30px 30px} 143 #blog-news .social .social_github{background: #34c8f4;text-shadow: #2fb4dc 1px 1px,#2fb4dc 2px 2px,#2fb4dc 3px 3px,#2fb4dc 4px 4px,#2fb4dc 5px 5px,#2fb4dc 6px 6px,#2fb4dc 7px 7px,#2fb4dc 8px 8px,#2fb4dc 9px 9px,#2fb4dc 10px 10px,#2fb4dc 11px 11px,#2fb4dc 12px 12px,#2fb4dc 13px 13px,#2fb4dc 14px 14px,#2fb4dc 15px 15px,#2fb4dc 16px 16px,#2fb4dc 17px 17px,#2fb4dc 18px 18px,#2fb4dc 19px 19px,#2fb4dc 20px 20px,#2fb4dc 21px 21px,#2fb6de 22px 22px,#30b8e1 23px 23px,#30bae4 24px 24px,#31bce6 25px 25px,#31bfe9 26px 26px,#32c1ec 27px 27px,#32c3ee 28px 28px,#33c5f1 29px 29px,#34c8f4 30px 30px} 144 #blog-news .social .social_envelope{background: #f8bc2e;text-shadow: #d3a027 1px 1px,#d3a027 2px 2px,#d3a027 3px 3px,#d3a027 4px 4px,#d3a027 5px 5px,#d3a027 6px 6px,#d3a027 7px 7px,#d3a027 8px 8px,#d3a027 9px 9px,#d3a027 10px 10px,#d3a027 11px 11px,#d3a027 12px 12px,#d3a027 13px 13px,#d3a027 14px 14px,#d3a027 15px 15px,#d3a027 16px 16px,#d3a027 17px 17px,#d3a027 18px 18px,#d3a027 19px 19px,#d3a027 20px 20px,#d3a027 21px 21px,#d7a327 22px 22px,#dba628 23px 23px,#dfa929 24px 24px,#e3ac2a 25px 25px,#e7af2a 26px 26px,#ebb22b 27px 27px,#efb52c 28px 28px,#f3b82d 29px 29px,#f8bc2e 30px 30px} 145 #blog-news .social .social_weibo:hover,#blog-news .social .social_github:hover,#blog-news .social .social_envelope:hover{text-shadow: none} 146 #leftcontentcontainer{margin-top: 20px} 147 .myad{padding: 20px;background: #fff;margin-top: 20px} 148 .mySearch{/*background: #fff*/} 149 .catListTitle{/*font-size: 18px;padding: 10px 20px;background-color: #169fe6;color: #fff;font-weight: normal;border: 1px solid #169fe6*/} 150 #widget_my_zzk{padding: 15px 0 15px 15px;} 151 #widget_my_google{padding: 10px 0 15px 15px;border: 1px solid #dedede;border-top: none;margin: 0!important} 152 .input_my_zzk{width: 160px;height: 35px;border: 1px solid #ddd;outline: none;line-height: 35px;font-size: 13px;padding: 0 12px} 153 input.btn_my_zzk{font-size: 14px;height: 37px;width: 70px;background: #0c0;text-align: center;line-height: 37px;border: none;color: #fff;font-family: "Microsoft Yahei","Simsun",Arial} 154 input.btn_my_zzk:hover{cursor: pointer;cursor: hand} 155 .catListTag ul li:hover{background: #ff5e52;cursor: pointer;color: #fff} 156 .catListTag ul li:hover a{color: #fff} 157 .catListTag ul li a:hover{text-decoration: none;color: #fff} 158 .catListPostCategory{background: #fff} 159 .catListPostCategory ul{/*border: 1px solid #dedede;*/border-top: none} 160 .catListPostCategory ul li{line-height: 44px;/*border-bottom: 1px solid #e9e9e9;*/padding-left: 25px;font-size: 15px;color: #777} 161 .catListPostCategory ul li a,.catListPostArchive ul li a,.catListArticleCategory ul li a,.recent_comment_title a,.catListView ul li a,.catListFeedback ul li a{color: #777;text-decoration: none} 162 .catListPostCategory ul li a:hover,.catListPostArchive ul li a:hover,.catListArticleCategory ul li a:hover,.recent_comment_title a:hover,.catListView ul li a:hover,.catListFeedback ul li a:hover{color: #ff5e52;border-bottom: 1px dotted #ff5e52} 163 .catListPostArchive{background: #fff} 164 .catListPostArchive ul{/*border: 1px solid #dedede;*/} 165 .catListPostArchive ul li{line-height: 44px;border-bottom: 1px solid #e9e9e9;padding-left: 25px;font-size: 15px;color: #7e8c8d} 166 .catListArticleCategory{width: 290px;padding-top: 20px;background: #fff} 167 .catListImageCategory{/*width: 290px;padding-top: 20px;background: #fff*/} 168 .catListComment{background: #fff} 169 .recent_comment_title{color: #7e8c8d;border: none!important} 170 .recent_comment_body,.recent_comment_author{color: #9fa4a4;padding-top: 0!important} 171 .recent_comment_body{border-bottom: none!important} 172 .recent_comment_author{border-bottom: 1px solid #e9e9e9} 173 .catListView{margin-top: 20px} 174 .catListFeedback{background: #fff;margin-top: 20px} 175 .catListFeedback ul li{border-bottom: 1px solid #e9e9e9;padding: 8px 0} 176 .catListLink{display: none} 177 .clearFix:after{clear: both;display: block;height: 0;line-height: 0;content: "";visibility: hidden} 178 #myding{background: #99b16b;display: none} 179 #myadd:hover{opacity: 1} 180 #goto-top:hover{background: url(//images.cnblogs.com/cnblogs_com/Li-Cheng/554829/o_goto-top.png) no-repeat 0 -36px} 181 #blog-comments-placeholder{padding: 20px;border: 1px solid #dedede;padding-top: 0;margin-top: 20px;} 182 .feedbackItem{margin-top: 10px} 183 .feedbackCon{border: 1px dashed #dedede;padding: 10px;margin: 10px 0} 184 #comment_nav{margin: 10px 0} 185 #comment_nav a:hover{color: #9ab26b} 186 #comment_form_container{border: 1px solid #dedede;padding: 20px;} 187 #site_nav_under{border: 1px solid #dedede;padding: 20px;background-color: #fff} 188 #ad_under_post_holder{width: 300px;float: left;margin-bottom: 10px} 189 #under_post_news{width: 528px;height: 160px;margin-left: 0;margin-top: 10px;border: 1px solid #dedede;padding: 10px 20px;background-color: #fff;display:none;} 190 #google_ad_c2{float: left;width: 570px;margin-left: 0;margin-bottom: 10px;clear: right;display:none;} 191 #under_post_kb{clear: left;margin-top: 10px;border: 1px solid #dedede;padding: 10px 20px;background-color: #fff;display:none;} 192 .entrylist h1{height: 50px;line-height: 50px;margin-bottom: 10px} 193 .entrylistItem{background: #fff;padding: 20px;border: 1px solid #dedede;margin-bottom: -1px} 194 .entrylistItem:hover{border: 1px solid #169fe6;position: relative;z-index: 10} 195 .entrylist .postSeparator{display: none} 196 .entrylistItemTitle{color: #555} 197 .entrylistPosttitle{font-size: 21px;line-height: 1.5em;float: left;clear: right} 198 .entrylistPostSummary{padding: 15px 0;clear: both} 199 .entrylistItemPostDesc{clear: both;color: #bcbcbc;float: none;text-align: left;line-height: 200%;font-size: 12px} 200 .entrylistItemPostDesc a{color: #999;float: right} 201 #myposts h3{height: 50px;line-height: 50px;margin-bottom: 10px;font-size: 28px!important} 202 #myposts .PostList{background: #fff;padding: 20px;border: 1px solid #dedede;margin: 0 0 -1px 0!important} 203 #myposts .PostList:hover{border: 1px solid #169fe6;position: relative;z-index: 10} 204 #myposts .PostList a{display: block;font-size: 16px;color: #333} 205 #myposts .PostList a:hover{color: #ff5e52} 206 .cnblogs-post-body{color: #333} 207 .sidebar-block{/*margin-bottom: 20px;background-color: #fff*/margin-bottom: 10px;background: rgba(255,255,255,.5);/* border: 1px solid #fff;*/} 208 .sidebar-block h3{font-size: 14px;color: #000;border-bottom: 1px solid #fff;margin: 0 10px;padding: 5px;font-weight:bold;} 209 .sidebar-block ul{/*border: 1px solid #dedede;*/border-top: none} 210 .sidebar-block ul li{line-height: 2;/*border-bottom: 1px solid #e9e9e9;*/padding: 5px 10px 5px 10px;font-size: 14px;color: #777} 211 .sidebar-block ul li a{color: #777;text-decoration: none} 212 .sidebar-block ul li a:hover{color: #0c0;border-bottom: 1px dotted #0c0;margin-left:0.5em;} 213 #sidebar_search .catListTitle{display:none} 214 #sidebar_postcategory ul li{display:inline-block;clear:both;} 215 #cnblogs_post_body img{max-width: 800px} 216 #cnblogs_post_body a:link{text-decoration: underline} 217 #ad_t2 a:link,#ad_t2 a:active,#ad_t2 a:visited{color: #000} 218 div.commentform textarea{background:rgba(255,255,255,.8);}
如果你要使用，请把博客皮肤设置为BlackLowKey、把博客的rss订阅关闭，否则有可能出现未知的错误。。
以下是弄好的首页，截图记录：
以上是关于博客园皮肤美化的主要内容，如果未能解决你的问题，请参考以下文章