本博客前端页面的后台设置源码:
1,博客园CSS设置:
@charset "utf-8"; body { font-size: 15px; padding: 0; margin: 0; font-family: "微软雅黑", "宋体", Arial; min- 1200px; } #home { opacity: 0.95; filter: alpha(opacity=95); box-shadow: 0 0 10px #000; margin: auto; 1200px; background: #fff; overflow: auto; border: solid 1px #fff; }/*段落*/ .postBody p, .postCon p { margin: 7px 0; line-height: 24px; } h1 { margin: 0; } h3 { font-size: 15px; font-weight: bold; }/*超链接*/ a { color: #3498DB; text-decoration: none; } a:hover { text-decoration: underline; } a:visited, a:hover { color: #3498DB; } ul { list-style: none; margin: 0; padding: 0; } image { border: none; } #header { padding: 20px; } #HeaderTitle{ top:50px; } #Title{ padding-top:20px; padding-right:30px; font-size: 36px; } #subTitle{ 720px; padding-top:20px; padding-right:20px; color: #f20; } /*博客标题*/ #blogTitle, #blogTitle a { font-weight: bold; color: #666; } #blogTitle .title { margin-top: 7px; height: 100px; line-height: 100px; font-size: 36px; padding-left: 120px; } .headermaintitle { } #blogTitle, #blogTitle a:hover { text-decoration: none; }/*子标题*/ .subtitle { padding-left: 30px; font-size: 14px; color: #999; font-weight: normal; margin: 10px 0; }/*导航栏*/ #navigator { font-size: 16px; height: 48px; background: #f65f57; text-align: center; margin-top: 20px; margin-bottom: 20px; border-radius:20px; box-shadow:0px 10px 5px #999999; -webkit-transition: all 3s ease-in-out; } #navList li { margin: 0; line-height: 48px; display: inline-block; float: left; -webkit-transition: all 3s ease-in-out; } #navList li:hover { display: inline-block; -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); -ms-transform:rotate(10deg); transform:rotate(10deg); } #navList li a { padding: 0 30px; text-decoration: none; line-height: 48px; border: 0; color: #fff; display: -moz-inline-box; display: inline-block; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .blogStats { height: 48px; color: #fff; line-height: 48px; } #main { padding: 20px; left: 60px; top:160px; position: absolute; }/*左边*/ #sideBarMain { padding: 0 10px 0 0; background: #fff; margin: 0 0 20px 0; 190px; font-size: 12px; line-height: 22px; } #sideBarMain a { color: #666; } #leftcontentcontainer { color: #666; } .newsItem { color: #666; }/*公告*/ #profile_block { margin-top: 0px; line-height: 24px; text-align: left; }/*主面板*/ #mainContent { margin-top: 0px; padding-top: 0px; padding-right: 0px; background: #fff; padding-bottom: 0px; float: right; 960px; padding-left: 0px; }/*每日文章列表*/ .day { background: #fff; padding: 0; margin: 0 0 20px 0; }/*博客标题*/ .postTitle a { color:#E74C3C; } .postTitle { padding-bottom: 10px; font-size: 20px; font-weight: bold; color: #464646; padding-left: 30px; } .dayTitle { display: none; }/*摘要*/ .c_b_p_desc { padding: 10px; line-height: 24px; color: #888; } .c_b_p_desc a { color: #888; } .c_b_p_desc a:hover { text-decoration: none; border-bottom- 1px; border-bottom-style: dotted; }/*右侧图片*/ .desc_img { margin-left: 10px; border: solid 1px #fff; box-shadow: 0 0 10px #aaa; }/*博文页*/ #topics .post { background: #fff; } .postCon { padding: 10px 20px 0 20px; } .postDesc { margin: 0 30px; margin-bottom: 2px; padding: 8px 0px; font-size: 12px; color: #aaa; background: #fff; text-align: right; } .postDesc a { color: #AAA; } .postBody { padding: 0; }/*google搜索框*/ #google_q, #q { height: 22px; 120px; border: solid 1px #ccc; box-shadow: inset 0 0 3px #ddd; border-radius: 4px; }/*搜索按钮*/ .btn_my_zzk { font-family: 'Microsoft Yahei'; border: none; height: 26px; 60px; padding: 1px; font-size: 14px; cursor: pointer; position: relative; vertical-align: middle; display: inline-block; background: #159B76; border-radius: 4px; color: #fff; } .btn_my_zzk:hover { background: #159B76; }/*评论按钮*/ #btn_comment_submit { border: none; height: 40px; 90px; }/*评论按钮*/ .comment_btn { font-family: 'Microsoft Yahei'; border: none; height: 40px; 90px; font-size: 18px; cursor: pointer; position: relative; vertical-align: middle; display: inline-block; background: #159B76; color: #fff; } #btn_comment_submit:hover { background: #159B76; }/*评论标题*/ .feedback_area_title { padding: 10px; font-size: 22px; font-weight: bold; color: #159B76; border-bottom: solid 6px #159B76; } .feedbackListSubtitle { font-size: 12px; color: #888; } .feedbackListSubtitle a { color: #888; } .comment_quote { background: #FCFAAC; padding: 15px; border: 1px solid #CCC; } #commentform_title { color: #159B76; background-image: none; background-repeat: no-repeat; margin-bottom: 10px; padding: 10px 20px 10px 10px; font-size: 24px; font-weight: bold; border-bottom: solid 6px #159B76; }/*评论框*/ #comment_form { margin: 10px 0; padding: 0; } .commentform { margin: 10px 0; padding: 10px 20px; background: #fff; }/*评论输入域*/ #tbCommentBody { font-family: 'MIcrosoft Yahei'; margin-top: 10px; 720px; max- 720px; min- 720px; background: white; color: #333; border: 2px solid #fff; box-shadow: inset 0 0 8px #aaa; padding: 10px; height: 120px; 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; }/*分类页*/ .entrylist { padding: 10px 20px; background: #fff; } .entrylistItem { margin: 10px 0; padding: 10px; } .entrylistPosttitle { font-size: 18px; font-weight: bold; padding-left: 30px; } .entrylistPostSummary { padding: 10px; } .entrylistItemPostDesc { font-size: 12px; color: #999; padding-left: 40px; }/*尾部*/ #footer { font-size: 12px; margin: 0px; padding-right:25px; text-align: center; background: #159B76; color: #dad; font-size: 14px; }/*文章内图片*/ #cnblogs_post_body p img { margin: 10px; }/*顶一下*/ .diggnum { font-size: 18px; color: #159B76; font-family: 'Microsoft Yahei'; } #div_digg { position: fixed; border-radius: 5px; background-color: #fff; 50px; padding: 20px; right: 0; bottom: 0; border: solid 1px #ddd; z-index: 200; box-shadow: 0 0 16px 2px #ddd; } /*踩一下(园友反映,这个有点“邪恶”,呵呵,其实是我没来得及设计这个背景图片,就暂时把它隐藏了……可以去掉这句话)*/ .buryit { display: none; } .diggword { display: none; }/*green_channel*/ #green_channel { text:align:center; background:#1E90FF;/*#4ECDC4*/ padding-left: 20px; font-weight: normal; font-size: 15px; 420px; border: none; color: #0ff; padding: 20px; margin:20px auto; position: fixed; border-radius: 5px; right: 150px; bottom: 0; border: solid 1px #ddd; z-index: 200; box-shadow: 0 0 16px 2px #ddd; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }/*最新评论*/ #myposts .PostList { font-size: 14px; line-height: 24px; margin: 10px 0; padding: 20px; background: #F2F2F2; box-shadow: 0 0 5px #aaa; }/* CSS Document */
2,博客园页脚html代码
<style type="text/css"> .Abstract { padding: 15px; border: dotted 2px #999; color: #999; font-family: 'Microsoft Yahei'; border-radius: 4px; } .First { margin: 10px 0; font-family: 'Microsoft Yahei'; text-align: left; padding: 6px 20px; color: #fff; background: #55895B; font-size: 20px; border-radius: 4px; clear: both; } .Second { margin: 10px 0; font-family: 'Microsoft Yahei'; padding: 6px 20px; background: #93C8A2; color: white; font-size: 18px; border-radius: 4px; clear: both; } .Third { margin: 10px 0; padding: 6px 20px; font-family: 'Microsoft Yahei'; margin: 15px 0; font-size: 16px; color: black; background: #C6EFD2; border-radius: 4px; clear: both; } .note { margin: 10px 0; padding: 15px 20px 15px 60px; font-size: 15px; font-family: 'Microsoft Yahei'; box-shadow: 0 0 8px #aaa; clear: both; } .demo { text-align: left; padding: 6px 20px; overflow: auto; border-radius: 4px; background: orange; color: #fff; font-size: 16px; clear: both; } .cnblogs_Highlighter { border: solid 1px #ccc; clear: both; } .cnblogs_code { background: #EFFFF4; border: solid 0px #939393; font-size: 14px; clear: both; padding: 10px 20px; } .cnblogs_code pre { font-size: 14px; } .cnblogs_code span { font-family: Courier New; font-size: 14px; } </style> <style type="text/css"> #cnblogs_post_body { color: black; font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif; font-size: 16px; } #cnblogs_post_body h1 { background: #2B6695; border-radius: 6px 6px 6px 6px; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); color: #FFFFFF; font-family: "微软雅黑" , "宋体" , "黑体" ,Arial; font-size: 17px; font-weight: bold; height: 25px; line-height: 25px; margin: 18px 0 !important; padding: 8px 0 5px 5px; text-shadow: 2px 2px 3px #222222; } #cnblogs_post_body h2{ background: #2B6600; border-radius: 6px 6px 6px 6px; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); color: #FFFFFF; font-family: "微软雅黑" , "宋体" , "黑体" ,Arial; font-size: 13px; font-weight: bold; height: 24px; line-height: 23px; margin: 12px 0 !important; padding: 5px 0 5px 10px; text-shadow: 2px 2px 3px #222222; } </style>