博皮
本人不是前端,见谅;
有BUG或者优化,请使劲评论;
前几天发现默认的皮肤有BUG,样式也不太统一;
所以自行百度一份样式 http://www.jianshu.com/p/23b2bfc9a90d;
不过这份样式和我想象的也有出入,几经修改,分享一下样式;
注意:博客皮肤必须选CodingLife,否则确实部分样式,导致元素错乱😂!!!
博客园后台管理中的设置页面,填写如下样式
页面定制CSS代码
/*推荐和反对*/ #div_digg { padding: 10px; position: fixed; _position: absolute; z-index: 1000; bottom: 20px; right: 0; _right: 17px; border: 1px solid #D9DBE1; background-color: #FFFFFF; filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; } #blog_post_info_block a { text-decoration: none; color: #5B9DCA; padding: 3px; } /*推荐和反对的其他样式*/ #div_digg{ position:fixed; bottom:5px; width:140px; right:12%; border:2px solid #6FA833; padding:10px; background-color:#fff; border-radius:5px 5px 5px 5px !important; box-shadow:0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); } /************************************************** 第一部分: **************************************************/ #EntryTag { margin-top:20px; font-size:9pt; color:gray; } .topicListFooter { text-align:right; margin-right:10px; margin-top:10px; } #divRefreshComments { text-align:right; margin-right:10px; margin-bottom:5px; font-size:9pt; } /*****第一部分结束*******************************/ /************************************************** 第二部:公共样式(全局样式) **************************************************/ * { margin:0; padding:0; } html { height:100%; } body { color:#000; background-color:#e6e6e6; font-family:"微软雅黑","PTSans","Arial",sans-serif; font-size:14px; min-height:101%; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } ul { word-break:break-all; } li { list-style:none; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } a { outline:none; color:#21759b; transition:all .3s ease-in-out .3s; text-decoration:none !important; } a:link { /*color:black;*/ text-decoration:none !important; } a:visited { color:#7cb1d5; text-decoration:none; } a:hover { color:#21759b; text-decoration:none !important; } a:active { color:black; text-decoration:none; } .clear { clear:both; } ::-webkit-scrollbar { width:6px; height:6px; } ::-webkit-scrollbar-track-piece { background-color:#eee; margin:-2px; } ::-webkit-scrollbar-thumb { background:#aaa; min-height:66px; max-height:88px; min-width:150px; border-radius:10px; } ::-webkit-scrollbar-thumb:vertical:hover { background:#555555 } ::-webkit-scrollbar-thumb:horizontal:hover { background:#555555 } /*****第二部分结束*******************************/ /************************************************** 第三部分:各个页面元素的样式。 **************************************************/ /*****home和头部开始**************************/ #home { margin:0 auto; width:62%; background-color:#fff; padding:3%; margin-top:4%; margin-bottom:4%; box-shadow:0 2px 6px rgba(100,100,100,0.3); } #header { letter-spacing:9px; padding-bottom:5px; margin-top:10px; } /*博客标题*/ #blogTitle { height:60px; /*高度*/ clear:both; } /*主标题格式*/ #blogTitle h1 { font-size:26px; font-weight:bold; line-height:1.8em; /*原始 1.6em*/ margin-top:10px; /*原始 15px */ } #blogTitle h1 a { color:#515151; } /*超链接颜色*/ #blogTitle h1 a:hover { color:#21759b; } /*次标题格式*/ #blogTitle h2 { font-weight:normal; font-size:17px; /*原始 16px ;font-size:1.0rem; */ line-height:1.8; color:#757575; float:left; } /*logo图片*/ #blogLogo { float:right; } /*头部导航栏*/ #navigator { font-size:15px; border-bottom:1px solid #ededed; border-top:1px solid #ededed; height:60px; clear:both; margin-top:25px; } /*导航栏设置,可以自定义导航栏的目录*/ #navList { min-height:35px; float:left; } #navList li { float:left; margin:0 5px 0 0; } /*菜单字体格式*/ #navList a { display:block; width:5em; height:22px; float:left; text-align:center; padding-top:19px; } #navList a:link,#navList a:visited,#navList a:active { color:#6a6a6a; font-weight:bold; } #navList a:hover { color:#4C9ED9; text-decoration:none; } /*博客统计*/ .blogStats { float:right; font-size:13px; color:#757575; margin-top:19px; margin-right:2px; text-align:right; } /*****home和头部结束**************************/ /*****主页文章列表开始**************************/ #main { width:100%; text-align:left; margin-top:30px; } #mainContent .forFlow { float:none; width:auto; } #mainContent { min-height:200px; padding:5px 0px 10px 0; -o-text-overflow:ellipsis; text-overflow:ellipsis; /*overflow:hidden; */ word-break:break-all; float:left; word-break:break-all; width:70%; } /*每日文章列表*/ .day { min-height:10px; _height:10px; margin-bottom:25px; padding-bottom:5px; position:relative; } .dayTitle { display:none; border:none; background:azure; border-radius:50%; font-size:14px; height:65px; line-height:1.5; margin:15px; text-align:center; width:63px; margin-left:-100px; clear:both; position:absolute; top:-15px; } .dayTitle a { display:inline-block; color:#21759b; margin-top:15px; width:60px; } /*文章标题*/ .postTitle { border-left:3px solid #21759b; margin-bottom:10px; font-size:20px; float:right; width:100%; clear:both; margin-top:25px; } .postTitle a:link,.postTitle a:visited,.postTitle a:active { color:#21759b; } .postTitle a:hover { margin-left:30px; color:#0f3647; text-decoration:none; } /*文章内容(简介内容)*/ .postCon { float:right; line-height:1.5em; width:100%; clear:both; padding:10px 0; } .day .postTitle a { padding-left:10px; } /*文章附加信息*/ .postDesc { color:#757575; float:left; width:100%; clear:both; text-align:left; font-family:"微软雅黑","宋体","黑体",Arial; font-size:13px; padding-right:20px; /*5px padding-left:90px; posted 发表时间左边距离*/ margin-top:20px; line-height:1.8; padding-bottom:35px; } .postDesc a:link,.postDesc a:visited,.postDesc a:active { color:#666; } .postDesc a:hover { color:#21759b; text-decoration:none; } /*一日内多篇文章分割区域*/ .postSeparator { clear:both; height:1px; width:100%; clear:both; float:right; margin:0 auto 15px auto; } /*****主页文章列表开始**************************/ /*****侧边栏开始********************************/ #sideBar { margin-top:-15px; width:25%; /*min-height:200px; */ padding:0px 0 0px 5px; float:right; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; word-break:break-all; } #sideBar a { color:#9E9E9E; } #sideBar a:hover { color:#21759b; text-decoration:underline; } .div_my_zzk { font-family:"微软雅黑","宋体","黑体",Arial; font-size:14px; position:relative; margin-top:10px; } #btnZzk { background:url("https://files.cnblogs.com/files/GoCircle/search.ico") no-repeat 5px 5px; color:transparent; background-size:15px 16px; } #widget_my_google input[type=button] { background:url("https://files.cnblogs.com/files/GoCircle/google.ico") no-repeat 8px 5px; color:transparent; background-size:10px 16px; } .input_my_zzk { transition:all .3s ease-in-out .3s; border:1px solid #ccc; border-radius:12px; width:80%; padding-right:9.5%; height:25px; padding-left:2%; outline:0; } .input_my_zzk:hover { border-color:#3671A5; } .btn_my_zzk { background-size:10px 16px; height:25px !important; width:25px; border:none; border-radius:30px; font-size:14px; font-family:"微软雅黑",Helvetica,Arial,sans-serif; cursor:pointer; position:absolute; right:8.2%; top:1px; /*颜色反转*/ transition:-webkit-filter 1s,filter 1s; -webkit-filter:invert(0%); background-color:#fff !important; filter:invert(0%); } /*颜色反转*/ .btn_my_zzk:hover { -webkit-filter:invert(100%); filter:invert(100%); } .btn_my_zzk:focus { outline:none; } .newsItem,.catListEssay,.catListLink,.catListNoteBook,.catListTag,.catListPostCategory,.catListPostArchive,.catListImageCategory,.catListArticleArchive,.catListView,.catListFeedback,.mySearch,.catListComment,.catListBlogRank,.catList,.catListArticleCategory { background:#fff; margin-bottom:35px; word-wrap:break-word; } .newsItem .catListTitle { }/**日历控件样式开始**/ #blog-calendar { width:100%; } #blog-calendar td { font-size:14px; font-family:"Comic Sans MS"; } #blog-calendar th { font-size:14px; width: 9%; } #calendar #blog-calendar { box-shadow:none; border:none; margin-bottom:40px; } #calendar .Cal { width:100%; line-height:1.5em; } #calendar td { font-family:"Comic Sans MS"; padding-top:2px; } #calendar td a:hover { color:#3671a5; } .Cal { /**日历容器table**/ border:none; color:#666; } #calendar table a:link,#calendar table a:visited,#calendar table a:active { font-weight:bold; } #calendar table a:hover { color:#3671A5; text-decoration:none; } #blogCalendar td a u { border-radius:30px; display:flow-root; line-height:27px; background-color:#ECFCFF; margin: -4px -1px -4px 0; } .CalTodayDay { /**今天日期样式**/ border-radius:30px; width:27px; background:#3671a5 !important; color:#FFF; font-weight:bold; } .CalWeekendDay { padding-top:4px; padding-bottom:4px; } .CalOtherMonthDay { color:#ccc; padding-top:4px; padding-bottom:4px; } #calendar .CalNextPrev a:link,#calendar .CalNextPrev a:visited,#calendar .CalNextPrev a:active { /**上个月、下个月箭头样式**/ font-weight:bold; padding-left:10px; padding-right:15px; } .CalDayHeader { background:#F8F8F8; font-weight:100; color:#5E5F63; } .CalTitle { /**日历年月头部样式**/ background:#6293bb; width:100%; height:25px; text-align:center; font-size:14px; font-weight:bold; padding:5px 0; color:#FFF; } .CalTitle td { background:#F8F8F8 !important; border:0px !important; color:#5E5F63; font-family:"Comic Sans MS"; } /**日历控件样式结束**/ .catListTitle { font-weight:bold; line-height:1.2; font-size:110%; margin-top:15px; margin-bottom:10px; text-align:left; } .catListComment { line-height:1.5em; } .divRecentComment { text-indent:2em; color:#494949; margin-bottom:20px; } #sideBarMain ul { line-height:1.5em; } #sideBarMain li { line-height:1.8; } /*****侧边栏结束********************************/ /****文章阅读页面***********/ #topics { width:100%; min-height:200px; padding:0px 0px 10px 0; float:left; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; word-break:break-all; } /*单独文章阅读页面的 文章标题*/ #topics .postTitle { border:0px; font-size:150%; font-weight:bold; float:left; line-height:1.5em; width:100%; padding-left:1px; /*原5px*/ } /*文章内容*/ .postBody { color:#000; } /*文章tag区域*/ #EntryTag { color:#666; } #EntryTag a { margin-left:5px; height:20px; line-height:20px; color:#333333; padding:3px 14px; border-radius:10px; margin:2px 5px 0; background:#e7e7e7; text-decoration:none; } #EntryTag a:link,#EntryTag a:visited,#EntryTag a:active { color:#666; } #EntryTag a:hover { color:#f5f5f5; background:#21759b; } /*文章分类的标签:在文章阅读页面最尾部*/ #BlogPostCategory { color:#666; } #BlogPostCategory a { margin-left:5px; height:20px; line-height:20px; color:#333333; padding:3px 14px; border-radius:10px; margin:2px 5px 0; background:#e7e7e7; text-decoration:none; } #BlogPostCategory a:link,#BlogPostCategory a:visited,#BlogPostCategory a:active { color:#666; } #BlogPostCategory a:hover { color:#f5f5f5; background:#21759b; } #topics .postDesc { margin-right:20px; /*新增 padding-left:0px; */ width:100%; font-size:12px; text-align:left; color:#666; margin-top:5px; background:none; } .feedback_area_title { font:normal normal 16px/35px "Microsoft YaHei"; margin:10px 0 30px; border-bottom:2px solid #cccccc; } .louzhu { background:transparent url('images/icoLouZhu.gif') no-repeat scroll right top; padding-right:16px; } .feedbackListSubtitle { color:#A8A8A8; } .feedbackListSubtitle a:link,.feedbackListSubtitle a:visited,.feedbackListSubtitle a:active { color:#21759b; font-weight:bold; } .feedbackListSubtitle a:hover { color:#21759b; text-decoration:underline; } .feedbackListSubtitle b { color:#21759b; } .feedbackManage { width:200px; text-align:right; float:right; } .feedbackCon { border-bottom:1px solid #EEE; padding:10px 20px 10px 5px; min-height:35px; _height:35px; margin-bottom:1em; line-height:1.5; width:100%; } #divRefreshComments { text-align:right; margin-bottom:10px; } .commenttb { padding:10px; margin-bottom:10px; width:50%; color:#555; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:320px; } .commenttb:hover { color:#333; border-color:rgba(82,168,236,0.8); outline:0; -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6); -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6); box-shadow:inset 1px 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6); transition:all 0.4s linear 0s; } .commentTextBox { width:430px !important; margin-top:10px; margin-bottom:10px; } .commentTextBox:hover { color:#333; border-color:rgba(82,168,236,0.8); outline:0; -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6); -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6); box-shadow:inset 1px 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6); transition:all 0.4s linear 0s; } #AjaxHolder_PostComment_btnSubmit { padding:8px 20px; text-align:center; font-size:14px; color:#fff; border:none; background:#21759b; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease; cursor:pointer; display:inline-block; vertical-align:middle; outline:none; text-decoration:none; } #AjaxHolder_PostComment_btnSubmit:hover { background:#333; } #AjaxHolder_PostComment_divCommnentArea tr { margin-top:10px; margin-bottom:10px; } /*博客园评论框*/ .comment_vote { padding-right:10px; } .comment_vote a { color:#999; } .comment_vote a:hover { color:#21759b; } #commentform_title { font:normal normal 16px/35px "Microsoft YaHei"; margin:10px 0 30px; border-bottom:2px solid #cccccc; background-image:none; padding:0; } #comment_form_container .author { padding-left:10px; color:#555; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:45%; height:20px; background-image:none; } #comment_form_container p { font-size:14px; margin-bottom:20px; } .commentbox_title_left { font-size:14px; } .commentbox_title_right { float:left; } #comment_form_container .comment_textarea { width:96%; height:200px; font-size:14px; padding:8px; margin-bottom:10px; color:#555; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #comment_form_container .comment_textarea:hover { border-color:rgba(82,168,236,0.8); outline:0; transition:all 0.4s linear 0s; } #comment_form_container .comment_textarea:focus { outline:0; } .comment_btn { width:100px; height:38px; padding:8px 20px; text-align:center; font-size:14px; color:#fff; border:none; background:#21759b; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease; cursor:pointer; display:inline-block; vertical-align:middle; outline:none; text-decoration:none; } .comment_btn:hover { background:#333; } #comment_form_container { }/****查看文章页面开始*************************/ /****列表页面开始******************************/ .entrylistTitle,.PostListTitle,.thumbTitle { /**几个分类列表的标题样式**/ margin-bottom:25px; height:38px; line-height:38px; font-size:16px; border-bottom:2px solid #e6e6e6; color:#21759b; } .entrylistDescription { color:#666; text-align:right; padding-top:5px; padding-bottom:5px; padding-right:10px; margin-bottom:10px; } .entrylistItem { min-height:20px; _height:20px; margin-bottom:30px; padding-bottom:50px; padding-top:10px; width:100%; } .entrylistPosttitle { padding-left:15px; margin-bottom:10px; border-left:3px solid #21759b; font-size:20px; width:100%; } .entrylistPosttitle a:link,.entrylistPosttitle a:visited,.entrylistPosttitle a:active { color:#21759b; } .entrylistPosttitle a:hover { margin-left:30px; color:#0f3647; text-decoration:none; } .entrylistPostSummary { margin-top:5px; margin-bottom:5px; } .entrylistItemPostDesc { margin-top:20px; text-align:left; color:#757575; padding-left:5px; } .entrylistItemPostDesc a:link,.entrylistItemPostDesc a:visited,.entrylistItemPostDesc a:active { color:#666; } .entrylistItemPostDesc a:hover { color:#21759b; } .entrylist .postSeparator { clear:both; width:100%; font-size:0; line-height:0; margin:0; padding:0; height:0; border:none; } .divRecentCommentAticle a { color:#000; } .pager { text-align:right; margin-right:10px; } .topicListFooter a { padding:2px 7px; border-radius:12px; box-shadow:0 1px 3px #3671a5; border:1px solid #3671a5; background:#3671a5; color:white; } .pager a { padding:2px 7px; border-radius:12px; box-shadow:0 1px 3px #3671a5; border:1px solid #3671a5; background:#3671a5; color:white; } .PostList { border-bottom:1px solid #ccc; clear:both; min-height:1.5em; _height:1.5em; padding-top:20px; margin-bottom:20px; padding-bottom:20px; } .postTitl2 { float:left; padding-top:10px; padding-bottom:10px; font-size:14px; } .postDesc2 { color:#666; float:right; } .postText2 { clear:both; color:#757575; } /*留言*/ .pfl_feedback_area_title { text-align:right; line-height:1.5em; font-weight:bold; margin-bottom:10px; } .pfl_feedbackItem { border:1px dashed #ccc; padding:10px; border-radius:3px; margin-bottom:20px; } .pfl_feedbacksubtitle { width:100%; height:1.5em; } .pfl_feedbackname { float:left; } .pfl_feedbackname a { color:#21759b; font-weight:bold; } .pfl_feedbackManage { float:right; } .pfl_feedbackCon { color:black; padding-top:5px; padding-bottom:5px; } .pfl_feedbackAnswer { color:#F40; text-indent:2em; } .tdSentMessage { text-align:right; } .errorMessage { width:300px; float:left; } #Profile1_panelAdd input[type=text],#Profile1_txtContent { padding:8px; margin-bottom:10px; color:#555; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #Profile1_panelAdd input[type=text]:hover,#Profile1_txtContent:hover { color:#333; border-color:rgba(82,168,236,0.8); outline:0; -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6); -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6); box-shadow:inset 1px 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6); transition:all 0.4s linear 0s; } #Profile1_panelAdd input[type=text]:focus,#Profile1_txtContent:focus { outline:0; border-color:rgba(82,168,236,0.8); } #Profile1_panelAdd input[type=submit] { padding:8px 20px; text-align:center; font-size:14px; color:#fff; border:none; background:#21759b; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease; cursor:pointer; display:inline-block; vertical-align:middle; outline:none; text-decoration:none; } #Profile1_panelAdd input[type=submit]:hover { background:#333; } .feedbackListSubtitle { clear:both; color:#A8A8A8; padding:8px 5px; } .feedbackItem { margin-top:30px; } /****列表页面结束******************************/ /****相册页面开始******************************/ .divPhoto { border:1px solid #ccc; padding:2px; margin-right:10px; } .thumbDescription { color:#757575; text-align:right; padding-top:5px; padding-bottom:5px; padding-right:10px; margin-bottom:30px; } /****相册页面开始******************************/ /*****留言页面开始*****************************/ #footer { color:#686868; text-align:center; min-height:15px; _height:15px; border-top:1px solid #ededed; margin-top:50px; padding-top:10px; margin-bottom:10px; } /*留言查看页面的个人信息*/ .personInfo { margin-bottom:20px; } /*留言分页区域*/ .pages { text-align:right; } /*****留言页面结束*****************************/ /*****第三部分结束*******************************/ /************************************************** 第四部分:文章内容常用标签格式。 **************************************************/ /*文章内部常用标签格式*/ .postBody { line-height:1.8; } .postBody p,.postCon p { text-indent:2em; color:black; font:"微软雅黑","PTSans","Arial",sans-serif; font-size:14px; margin:0 auto 1em auto; } .postBody h2 { font-size:150%; margin:15px auto 2px auto; font-weight:bold; } .postBody h3 { font-size:120%; margin:15px auto 2px auto; font-weight:bold; } .postBody h4 { font-size:110%; margin:15px auto 2px auto; font-weight:bold; color:#333; } .postBody h5 { font-size:100%; margin:15px auto 2px auto; font-weight:bold; color:#333; } .postBody a:link,.postBody a:visited,.postBody a:active { text-decoration:underline; } .postCon a:link,.postCon a:visited,.postCon a:active { text-decoration:underline; } .postBody ul,.postCon ul { margin-left:2em; } .postBody li,.postCon li { list-style-type:disc; margin-bottom:1em; } .postBody blockquote { background:url('images/comment.gif')) no-repeat 25px 0px; min-height:35px; _height:35px; line-height:1.6em; color:#333; } /*****第四部分结束*******************************/ /*****默认样式修改开始*******************************/ /*去广告*/ #comment_form #under_post_news,#comment_form #under_post_kb,#comment_form #ad_t2,#comment_form #ad_c1,#comment_form #ad_c2 { height:0 !important; display:none; } /*去广告*/ .cnblogs_code,.author,#tbCommentBody,.comment_btn { border-radius:8px; } .cnblogs_code_collapse { border-radius:12px; padding:2px 10px; } .headermaintitle { transition:all .3s ease-in-out .3s; } #blog_nav_rss_image,#blog_nav_rss_image img,#cnblogs_c1,#cnblogs_c2 { display:none; pointer-events:none; } /*****默认样式修改结束*******************************/ .myposts_title { font-weight:bold; text-align:center; } #sideBar { font-size:14px; } #sideBar h3 { font-size:14px; } @media screen and (max-width:1200px) { /*当屏幕尺寸小于1200px时,应用下面的CSS样式*/ #home { width:90%; } #sideBar { width:90%; } #mainContent { width:auto; } .input_my_zzk { width:80% !important; } #profile_block,#blog-calendar,#sidebar_topviewedposts,#sidebar_categories { display:none !important; } #sideBar .catListTitle:first-child { display:none !important; } #div_digg{ right:0% !important; } #toTop{ right:85px !important; } #gotop { bottom: 166px !important; } }
博客侧边栏公告(支持HTML代码)(支持JS代码)
<style> #btn_showOrHide{ position: fixed; top: 10px; right: 10px; width: 25px; height: 25px; border-radius: 20px; outline: none !important; cursor: pointer; } .btn_showOrHide_hidden{ border:0px; background: rgb(124, 177, 213); color: rgb(124, 177, 213); } .btn_showOrHide_show{ transition: all .3s ease-in-out .3s; -moz-transition: all .3s ease-in-out .3s; -webkit-transition: all .3s ease-in-out .3s; -o-transition: all .3s ease-in-out .3s; color: rgba(124, 177, 213, 0); background: rgba(124, 177, 213, 0); border: 6px solid rgb(124, 177, 213); } </style> <script type="text/javascript"> var linkObject = document.createElement('link'); linkObject.rel = "shortcut icon"; linkObject.href = "https://files.cnblogs.com/files/GoCircle/paper_plane.ico"; document.getElementsByTagName("head")[0].appendChild(linkObject); //折叠展开所有代码块 function showOrHide(){ if($('#btn_showOrHide').attr('iszk') == "展开所有代码块"){ $('#btn_showOrHide').attr('iszk', '折叠所有代码块'); $('#btn_showOrHide').addClass('btn_showOrHide_hidden'); $('#btn_showOrHide').removeClass('btn_showOrHide_show'); $('.cnblogs_code').click()//展开 }else{ $('#btn_showOrHide').attr('iszk','展开所有代码块'); $('#btn_showOrHide').addClass('btn_showOrHide_show'); $('#btn_showOrHide').removeClass('btn_showOrHide_hidden'); $('.cnblogs_code_hide').each(function(){var n = this.id.substring(18,this.id.length);if($("#cnblogs_code_open_"+n).css("display")!="none"){var i=$("#cnblogs_code_open_"+n);i.hide();$("#code_img_opened_"+n).hide();$("#code_img_closed_"+n).show();i.parent().find("span.cnblogs_code_collapse").show();}})//折叠 } } //随机产生标识 function ri(_this,num) { if(Math.floor(Math.random()*num) == 0){ let IDlist = ['[欢迎转载听雨的人博客cnblogs.com/GoCircle]','[cnblogs.com/GoCircle]','[欢迎转载听雨的人博客]','[Power By听雨的人]','[By cnblogs.com/GoCircle]','[By 博客园 GoCircle]','[By 听雨的人]']; let fd = '<i style="display: -webkit-inline-box;position: relative;top: -75px;left: -1400px;width: 0px;height: 0px;">' + IDlist[Math.floor(Math.random()*6)] + '</i>'; let article = $(_this).html(); let random = Math.floor(Math.random()*article.length-1); $(_this).html(article.slice(0,random) + fd + article.slice(random)); } } jQuery(document).ready(function($) { //为右下角推荐推荐区域添加关注按钮 $('#div_digg').prepend('<div style="padding-bottom: 5px"><span class="icon-xingxing iconfont" style="padding-left: 16px;padding-top: 2px; color: rgba(17, 166, 244, 0.87);"></span><a onclick="follow(\'d7ad2b09-46a6-e611-845c-ac853d9f53ac\');" href="javascript:void(0);" style="font-weight: bold; padding-left:5px;">关注一下我呗~</a> </div>'); //方便界面有很多折叠区域的展开和折叠 $('#cnblogs_post_body').append("<input type='button' class='btn_showOrHide_show' id='btn_showOrHide' iszk='展开所有代码块' onclick='showOrHide()' />"); //返回顶部 $("<div id='toTop'><div style='font-size: 40px;color: rgba(124, 177, 213, 0.78);' class='iconfont icon-fanhuidingbu'></div></div>").appendTo("body"); $("#toTop").css({ bottom:"150px", right:"18%", position:"fixed", cursor:"pointer", zIndex:"999999" }); if ($(this).scrollTop() == 0) { $("#toTop").hide(); } $(window).scroll(function(event) { if ($(this).scrollTop() == 0) { $("#toTop").hide(); } if ($(this).scrollTop() != 0) { $("#toTop").show(); } }); $("#toTop").click(function(event) { $("html,body").animate({ scrollTop:"0px" }, 666); }); //版权标识 if(window.location.search.split('=')[1] != 5){ $("#cnblogs_post_body>*").each(function() { if($(this).hasClass('cnblogs_code') || $(this).html() == " "){} else if($(this).children().length > 0){ $(this).children().each(function(){ri(this,5)}); }else if(Math.floor(Math.random()*2) == 0){ri(this,1);} }); } }); </script> <style> @font-face {font-family: "iconfont"; src: url('iconfont.eot?t=1534407134084'); /* IE9*/ src: url('iconfont.eot?t=1534407134084#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAVIAAsAAAAAB8gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY9GEkKY21hcAAAAYAAAABXAAABhmnt0hJnbHlmAAAB2AAAAXsAAAGkKj9KcWhlYWQAAANUAAAALwAAADYSVem0aGhlYQAAA4QAAAAcAAAAJAfeA4RobXR4AAADoAAAAAwAAAAMDAAAAGxvY2EAAAOsAAAACAAAAAgANgDSbWF4cAAAA7QAAAAfAAAAIAETAGxuYW1lAAAD1AAAAUUAAAJtPlT+fXBvc3QAAAUcAAAALAAAAEEJQiMneJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeLXouwdzwv4EhhrmBoQEozAiSAwDsSwyeeJztkMENgDAMAy8p9IEYoCPwYCBeDMdwdIziprAFli5WnLwMzEASu5jAToyuQ6lFnlgin+Inyw2/r1pag88l0y2Hu0bm1xpzezfvbQ16s7UM8Adv8BAyAHicNZA7SANBEIZ35rK77u5dLjGaRInK5XHxASqG5MDCEN9oaSsIZ62NhSAoSNII2ttraSM2WlkoaQJirWCnYK1pjJzuCc4wOzsz3/4DSxjRZnzjG+FEkijpJmmSISRRimsvO8AdcOJOqhTPga5LZZ4rl6jv+8ETqjNYCk513Pj1OjD/NUwHwTUs18C9D3rhqBZ86fHu+ev55t8aQn4ejTtjTO/JkQ1CCtncOFRhBgbBhihA0Z3QF2ZDinuVIfBSRddLZCeAM/efCvtFXYUoD8lk+DJUKboVr+BVpoaAhmAiyRnEEKXCCMZ6FFC0cL1tstWFVWbetvLHpqomDwsoZhntdKw0mmj3mGg8K/U8Cl2Xnxbd3mJm+1LoSSggW1LYkD7gA3wf+qJCtibRZGsYk/1SGfoUCvbyqE5PlMJM82GFUkfNP1kiuMJGg8XtOakitkzsULrzYYkLjb68KMxfCGvxT2C6KTPG8I9lBSNGRjaDd1tE9Lf9AssNUucAeJxjYGRgYADi6smX1eP5bb4ycLMwgMD12UH3EPT/CywMzNpALgcDE0gUAD4RCwgAeJxjYGRgYG7438AQw8IAAkCSkQEVMAMARwkCbAQAAAAEAAAABAAAAAAAAAAANgDSeJxjYGRgYGBmSGBgYwABJiDmAkIGhv9gPgMAEoUBgAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICZkYmRmZGFgSctMS+jNDMlMy89qZSjAkiBMAMDAHL5CJA=') format('woff'), url('iconfont.ttf?t=1534407134084') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1534407134084#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-fanhuidingbu:before { content: "\e6a2"; } .icon-xingxing:before { content: "\e718"; } </style>
博客园后台管理中的文件页面,上传如下文件
页面有图片两个,请上传至后台
https://files-cdn.cnblogs.com/files/GoCircle/paper_plane.ico
https://files.cnblogs.com/files/GoCircle/search.ico
https://files.cnblogs.com/files/GoCircle/google.ico
有错误的请多多指教,共同进步(๑•ᴗ•๑)
By听雨的人
By听雨的人