博客园自定义网页设置代码

• 页首Html代码

<script type="text/javascript">$("#mobile-style").remove();</script>
<link href="//files.cnblogs.com/files/linianhui/lnh.cnblogs.css" rel="stylesheet"/>
<link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>

• 页脚Html代码

<script type="text/javascript" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>

• 页面定制CSS代码

/*配色参考->>->>>*//*https://zh.spycolor.com/color-index,a*/ #home { margin: 0 auto; width: 90%;/*原始65*/ min-width: 980px;/*页面顶部的宽度*/ background-color:rgba(233,214,107,0.3);/*博客主页主体框的颜色*/ padding: 30px; margin-top: 25px; margin-bottom: 50px; box-shadow: 2px 2px 6px #ffff00;/*蛋黄*/ } body { background: rgba(12, 100, 129, 0.8) url('https://files-cdn.cnblogs.com/files/One-Orange/KarakaiJouzuTakagi-san_1500px.gif') fixed no-repeat; background-position: 50% 5%; background-size: cover; } /*<!--主标题栏颜色-->*/ #navigator{ background-color: #ff9966;/*暖红*/ } #navList a:link, #navList a:visited, #navList a:active{ /*<!--标题栏字体颜色-->*/ color: #faebd7;/*淡粉*/ font-size: 18px; font-weight: bold; } .blogStats{ color: #3b7a57;/*墨绿*/ } .postTitle { border-left: 8px solid #9966cc;/*紫色*/ margin-left: 10px; margin-bottom: 10px; font-size: 20px; float: right; width: 100%; clear: both; } .postTitle a:link, .postTitle a:visited, .postTitle a:active { color: #ff9966;/*暖红*//*博客主页内容目录标题字体*/ transition: all 0.4s linear 0s; } .postTitle a:hover { margin-left: 30px; color: #fdee00;/*蛋黄*//*选中标题后字体变化颜色*/ text-decoration: none; } .postCon { float: right; line-height: 1.5em; width: 100%; clear: both; padding: 10px 0; } .day .postTitle a { padding-left: 10px; } /*<!--博客主页内容目录窗口-->*/ .day { background: #faebd7;/*淡粉色*/ } .newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory ,#blog-calendar {/*<!--侧边栏窗口背景-->*/ background: #fbceb1; /*粉色*/ margin-bottom: 35px; word-wrap: break-word; } /*<!--日历标题-->*/ .CalTitle{ color: green; background: #ff9966;/*暖红*/ } /*<!--公告栏标题-->*/ .catListTitle{ color: red; background-color: #ff9966;/*暖红*/ } /*<!--博客文章标题-->*/ #topics{ background: transparent; } .c_ad_block{ /*display: none;*/ } #q{background:transparent; /*rgba(255, 255, 0, 1) url("https://files-cdn.cnblogs.com/files/One-Orange/KarakaiJouzuTakagi-san_1500px.gif") fixed no-repeat;*/} /*<!--日历前进后退-->*/ .CalNextPrev{ background: #ff9966;/*暖红*/ } .cnblogs_code{ background: #7cb9e8;/*浅蓝*/ } .cnblogs_code div{ background:#eee;/*灰色*//*代码查看框背景色*/ } /*<!--工具条-->*/ .cnblogs_code_toolbar{ background: #b284be;/*浅紫*/ } .entrylist{ background: #5d8aa8;/*墨青*/ } /*#<!--评论输入框底色-->*/ #tbCommentBody{ width: 100%; height: 200px; background: transparent;/*rgba(255, 255, 0, 0.5) url("https://files-cdn.cnblogs.com/files/One-Orange/KarakaiJouzuTakagi-san_1500px.gif") fixed no-repeat ;*/ } /*代码框阴影底色*/ #cnblogs_post_body { color: rgba(159,43,104,1); background-color:rgba(250 ,235 ,215,1); font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif; font-size: 15px; box-shadow: -10px -10px 1px rgba(251, 206 ,177,1); } /*页脚设置*/ #footer { background-color:#ff9966;/*暖红*/ color:white; clear:both; text-align:center; padding:5px; }

转载于:https://www.cnblogs.com/One-Orange/p/10615252.html