成品图

讯享网

设置流程

博客园　　→　　管理　　→　　设置　　→　　博客皮肤　　→　　SimpleMemory

页面定制CSS代码

禁用模板默认css不用勾选

body { background: none; } .postTitle { border-bottom: 0px solid #; border-left: 0px solid #; color: #; display: inherit; font-size: 18px; font-weight: 700; line-height: 1.5; padding: 0; } .postTitle a:link, .postTitle a:visited, .postTitle a:active { color: #; font-family: -apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif; } .postTitle a:hover{ color: #; text-decoration: underline; } .c_b_p_desc { margin: 0 0 8px; font-size: 13px; line-height: 24px; color: #999; } .dayTitle { display: none; } .day { padding: 15px 2px 20px 0px; border-bottom: 1px solid #f0f0f0; } .c_b_p_desc_readmore{ display:none; } #navList a:link, #navList a:visited, #navList a:active { padding: 13px 20px; font-size: 15px; font-weight: 700; color: #; line-height: 25px; } #navList a:hover { color:#; text-decoration: none; } #navList a { margin:0; } #navigator { background-color: #fff; margin-top: 0px; border-bottom: 1px solid #f0f0f0; } .postDesc { text-align: left; } #sideBar { background: #ffffff; } .sidebar-block { border-bottom: 1px solid #f0f0f0; } .catListEssay h3, .catListLink h3, .catListNoteBook h3, .catListTag h3, .catListPostCategory h3, .catListPostArchive h3, .catListArticleArchive h3, .catListImageCategory h3, .mySearch h3, .catListComment h3, .catListView h3, .catListFeedback h3, #blog-sidecolumn .catListTitle { background: #ffffff; margin-bottom: 10px; font-size: 14px; color: #; } .newsItem .catListTitle { display: none; } a:link { color: #333; text-decoration: none; } a:visited { color: #333; text-decoration: none; } a:hover { color: #333; text-decoration: none; } #footer { color: #a3a3a3; } .main-top { margin: 0 auto; width: 980px; box-sizing: border-box; padding-left: 20px; padding-top: 80px; } .main-top .avatar { float: left; width: 80px; height: 80px; margin-left: -2px; } .avatar img { width: 100%; height: 100%; border: 1px solid #ddd; border-radius: 50%; } .main-top .title .name { display: inline; font-size: 21px; font-weight: 700; vertical-align: middle; } .main-top .title { padding: 5px 0 0 100px; } #blogTitle { display: none; } .info { color: #999; font-size: 13px; font-weight: 700; vertical-align: middle; padding: 20px 0 0 100px; } .fa { padding: 0 2px 0 2px; } #topics .postTitle { border-bottom: 0px; } #ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb { display: none; } .pager { color: #; } .pager a { border: 0px solid #9aafe5; } div.commentform textarea { padding: 0px; width: 100%; height: 80px; font-size: 13px; border: 1px solid #dcdcdc; border-radius: 4px; background-color: hsla(0,0%,71%,.1); resize: none; display: inline-block; vertical-align: top; outline-style: none; } #btn_comment_submit { padding: .2em; margin-top: .5em; float: right; width: 100px; margin: 10px 0; padding: 8px 18px; font-size: 16px; border: none; border-radius: 20px; color: #fff!important; background-color: #3db922; cursor: pointer; outline: none; display: block; height: auto; } #homepage_top_pager { display: none; } #BlogPostCategory,#BlogPostCategory>a { color: #c8c8c8; font-size: 12px; } #comment_nav { display: none; } #commentbox_opt>a { display:none; } #comment_form_container>div:first-child{ display:none; } .commentbox_title { width: 100%; } #div_digg { display:none; } #author_profile { width: 100%; background-color: hsla(0,0%,71%,.1); border: 1px solid #e1e1e1; border-radius: 4px; font-size: 12px; } .author_avatar { vertical-align: top; float: left; margin-right: 5px; padding-top: 0px; padding-left: 0px; border: 0; border: 1px solid #ddd; border-radius: 50%; } #author_profile_info { padding: 20px; } #author_profile_detail { padding-left: 20px; } #author_profile_detail a{ color: #; text-decoration: none; } #author_profile_detail a:first-child { color:#333; margin-right: 3px; line-height: 1.8; vertical-align: middle; } #commentform_title { display:none; } #green_channel { border: 0px; } #green_channel #green_channel_digg { display:none; } #green_channel #green_channel_follow { display:none; } #green_channel #green_channel_favorite { display:none; } #green_channel { width: 100%; text-align: right; } #post_next_prev { margin-bottom: 20px; margin-top: 20px; } .postBody { border-bottom: 1px solid #f0f0f0; } #topics .postDesc { margin-top: 20px; } .commentbox_title_left { display:none; } #tip_comment + p { display:none; } #tip_comment2 + p { display:none; } .feedback_area_title { color: #; border-bottom: 1px solid #ccc; } .feedbackCon { border-bottom: 1px solid #f0f0f0; } #cnblogs_post_body p { font-size: 16px; } #cnblogs_post_body ul li { font-size: 15px; } #author_profile_follow { float: right; padding-right: 30px; padding-bottom: 10px; } #author_profile_follow a { color: #; text-decoration: none; } /*生成博客目录的CSS*/ #uprightsideBar{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; position:fixed;/*将div的位置固定到距离top:50px，right:0px的位置，这样div就会处在最右边的位置，距离顶部50px*/ top:50px; right:0px; width: auto; height: auto; } #sideBarTab{ float:left; width:30px; border:1px solid #e5e5e5; border-right:none; text-align:center; background:#ffffff; } #sideBarContents{ float:left; overflow:auto; overflow-x:hidden;!important; width:200px; min-height:108px; max-height:460px; border:1px solid #e5e5e5; border-right:none; background:#ffffff; } #sideBarContents dl{ margin:0; padding:0; } #sideBarContents dt{ margin-top:5px; margin-left:5px; } #sideBarContents dd, dt { cursor: pointer; } #sideBarContents dd:hover, dt:hover { color:#A7995A; } #sideBarContents dd{ margin-left:20px; } /*溢出隐藏设置*/ #topics, #mainContent { overflow: visible; } #postDesc { float: none; }