博客园自定义主题皮肤

https://www.cnblogs.com/jingmoxukong/p/7826982.html?utm_source=gold_browser_extension

我是参考的这个博主，取舍一些，更改一下底色就完成了

博客侧边公告栏

<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone"></a><a href="#" class="bds_tsina" data-cmd="tsina"></a><a href="#" class="bds_tqq" data-cmd="tqq"></a><a href="#" class="bds_renren" data-cmd="renren"></a><a href="#" class="bds_weixin" data-cmd="weixin"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

View Code

页首html代码

<!-- 背景动画 -->
<canvas id="c_n9" width="1920" height="990" style="position: fixed; top: 0px; left: 0px; z-index: -1; opacity: 0.5;"></canvas>
<script src="https://files.cnblogs.com/files/jingmoxukong/canvas-nest.min.js"></script><!-- 标签云相关库 -->
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://files.cnblogs.com/files/jingmoxukong/jquery.engine3D.js" type="text/javascript" charset="utf-8"></script>
<script src="https://files.cnblogs.com/files/jingmoxukong/jquery.particlePhysics.js" type="text/javascript" charset="utf-8"></script>
<script src="https://files.cnblogs.com/files/jingmoxukong/jquery.starfieldTagCloud.js" type="text/javascript" charset="utf-8"></script><style>* { margin: 0; padding: 0 }
body { color: #586F76; background: url("https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-684039.png") no-repeat center 0 #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif, "寰蒋闆呴粦"; font-size: 13px; line-height: 1.8 }
a { color: #399AB2; text-decoration: none }
a:hover { color: #FE4165 }
img { border: none }
li { list-style: none }
p { font-size: 14px }
blockquote { background-color: #AED7ED }
.cnblogs_code { background-color: #F6F8FA !important }
.cnblogs-markdown code { background-color: #F6F8FA !important }
#cnblogs_post_body table,.cnblogs-post-body table { border-collapse: collapse; width: 100%; margin-bottom: 4px; margin-top: 4px }
#cnblogs_post_body th,.cnblogs-post-body th { font-weight: 700; font-size: 16px }
#cnblogs_post_body tr:nth-child(2n),.cnblogs-post-body tr:nth-child(2n) { background-color: #F6F4F0 !important }
#home { margin: 0 auto; text-align: left; max-width: 1200px }
#blogTitle { padding: 16px; text-decoration: none }
.headermaintitle { font-size: 18px; color: #963432 }
#Header1_HeaderTitle { font-size: 24px; color: #DE6F64; font-family: "闅朵功", serif }
#blogTitle h2 { font-size: 18px; font-family: Brush Script MT, serif, "寰蒋闆呴粦" }
#navigator { background: #E8E8E8; height: 40px; line-height: 40px; color: #999; padding-left: 15px; padding-right: 5px; padding-top: 2px }
#navList { float: left }
#navList li { float: none; display: inline; margin-right: 20px; font-size: 16px; font-weight: 700 }
div#navCategory blockquote { padding: 20px; margin-bottom: 25px; background-color: #f5f5f5; border-left: 6px solid #B4B4B4; font-size: 16px; font-weight: 400; line-height: 30px }
.blogStats { float: right; color: #999; margin-right: 16px }
#mainContent { margin-left: auto; width: 78%; float: right }
.forFlow { margin: auto }
.day { border: 1px solid #CCC; margin: 20px 0 }
.dayTitle { display: none }
.postTitle { padding: 10px 0 10px 20px; border-bottom: 1px solid #CCC; font-size: 22px; font-weight: 700 }
.postCon { padding: 20px 20px 20px; border-bottom: 1px solid #CCC }
.postDesc { padding-right: 20px }
.entrylistItemPostDesc,.postDesc { color: #999; text-align: right; padding-top: 10px; padding-bottom: 10px }
#sideBar { width: 20%; float: left; border: none; overflow: hidden; padding: 5px }
#sideBarMain { margin-top: 20px }
#MyIng .ing_title,#sideBar h3 { margin: 10px 0 10px 0; font-size: 14px; text-align: left; padding-left: 10px }
h3.catListTitle { color: #FFF; background-color: #F1AAA6; text-indent: 2px }
#calendar { margin-top: 16px; text-align: center }
#footer { height: 60px; line-height: 60px; color: #586F76; text-align: center; padding: 10px 5px 0 15px }
.postBody { padding: 10px 20px 10px; border-bottom: 1px solid #D9DBE1; background-color: #FCFCFA }
.feedbackItem { padding: 8px; border-bottom: 1px dotted #CCC }
.post { padding-top: 1px; margin-top: 20px; border: 1px solid #D9DBE1 }
#cnblogs_post_body h1 h2 h3 h4 { margin: 1em 0 .5em 0; font-weight: 600; font-family: "Titillium Web", sans-serif; position: relative; line-height: 40px }
#cnblogs_post_body h1 { color: #399AB2; font-size: 22px; border-bottom: 2px solid rgba(53,86,129,.3) }
#cnblogs_post_body h2 { color: #60497C; font-size: 20px; border-bottom: 2px solid rgba(53,86,129,.3) }
#cnblogs_post_body h3 { font-size: 18px; color: #346093 }
#cnblogs_post_body h4 { font-size: 16px; color: #78943A }
#cnblogs_post_body #signature { margin-top: 20px; background-color: #AED7ED; padding: 10px 20px 10px 20px; font-size: 14px }
#div_digg { position: fixed; bottom: 10px; right: 15px; border: 2px solid #ECD7B1; padding: 10px; width: 140px; background-color: #FFF }
.feedbackCon { padding-top: 13px; padding-bottom: 10px; background: 0 0; margin-left: 1em; color: #666; line-height: 1.5 }
.feedbackItem { padding: 8px; border-bottom: 1px dotted #CCC }
.body_right img { width: 50px; height: 50px; margin-right: 20px; background-color: #F5F5F4 }
.feedbackManage { float: right }
.blog_comment_body { border: 1px none #888; padding: 10px; width: 75%; background: linear-gradient(#DBD9CC,#F2F0E4) }
.timeline-comment { position: relative; background-color: #FFF; border: 1px solid #D1D5DA }
.feedback_area_title { font-size: 18px; font-weight: 600; color: #DE6F64 }
div#EntryTag a { display: inline-block; padding: .3em .6em; margin: 0 .5em .5em 0; white-space: nowrap; background-color: #F1F8FF }
div#EntryTag a:hover { background-color: #FFEBCC }
div#BlogPostCategory a { display: inline-block; padding: .3em .6em; margin: 0 .5em .5em 0; white-space: nowrap; background-color: #F1F8FF }
div#BlogPostCategory a:hover { background-color: #FFEBCC }
.c_ad_block { display: none }
#ad_t2 { display: none }</style>

View Code

背景图片的更改有个页首代码有个Background url自己更改喜欢的

转载于:https://www.cnblogs.com/ccxka/p/9588764.html

博客园自定义主题皮肤相关推荐

博客园自定义主题样式
题记对于有强迫症的童鞋来说,一个长得不美观或者不能满足我们日常的审美需求的页面,总会有想要改造它的冲动,好吧,让我们来调试下博客园提供的默认主题样式,让页面更加清爽宜人,简洁大气. Section ...
博客园自定义主题代码
发一下好看的要开通js权限 , 皮肤用simple memory , 最好禁用模板侧边栏: <!DOCTYPE html> <html> <style> /*最 ...
博客园自定义样式主题 -- cnblogs theme
目录博客园自定义样式主题 1. 子标题 2. 导航栏 3. 文章主体样式 4. 引言样式 5. 代码不换行 6. 个性签名 7. 上一篇和下一篇 8. 评论 9. 提交按钮 10. 隐藏广告和搜索框 ...
博客园自定义页面风格设计后续篇(页面设计模式及代码高亮鼠标点击效果升级)...
前言在之前所写过的博客园自定义页面风格设计篇中,我们已经说明了其中两种风格的页面设计,鼠标图案的修改,公告栏的设置,背景音乐的制作,关于CSS以及用Canvas和requestAnimFrame做动 ...
博客园自定义(全部样式分享)
博客园自定义更新后的代码2021.12.08 /*星光*/ .wall{position: fixed;top: 0;left: 0;bottom: 0;right: 0; } div#midgro ...
博客园自定义鼠标样式
博客园自定义鼠标样式: 上传背景图片到服务器(在博客设置-> 文件中上传,上传前将图片后缀改为.ico) 添加代码到相应的位置设置鼠标样式博客设置-> 设置中页面定制 CSS 代码: ...
博客园SimpleMemory主题美化
SimpleMemory主题美化先看下效果一.开通博客园JS权限注册账号后,进入管理>设置>勾选下面的JS权限,然后填写一下开通的理由等待管理员进行审核通过. 我这已经开通了,如 ...
博客园自定义背景图片
自从注册了博客园,整个大学就变得有趣起来了. 每天发发文章,看看他人故事.不亦乐乎. 园里个个都是人才,说话又好听,我超喜欢这里的! 我一开始也是用园里的主题,但是后来自己找到了很好看的图片,就想着想 ...
博客园自定义博客侧边栏公告的过滤漏洞
温馨提示:本文章所提到的相关技术以及代码仅供学习交流,不可用来做违法或违反博客园相关规定的事情哦~而且本文章不许转载哦,请使用超链接. 来博客园已经有些日子了,博客早就申请了下来,在后台偶然看到了可以 ...

博客园自定义主题皮肤

博客园自定义主题皮肤相关推荐

最新文章

热门文章

博客园自定义主题 皮肤

博客园自定义主题 皮肤相关推荐

最新文章

热门文章

博客园自定义主题皮肤

博客园自定义主题皮肤相关推荐