博客园更改主题css样式js特效
阅读目录

1.页面定制css样式
2.博客侧边栏公告
3.页首Html代码
4.页脚Html代码

一.申请js权限

1.进入博客园设置

2.进入博客设置

3.下拉,找到,博客侧边栏公告,有个申请j权限

上图为申请后样式.

注意:此权限仅对部分老用户开放,我本人申请了四次才通过,注册时间段的人多申请几次

二.更换官方主题
修改设置里可以修改官方提供的多种主题,可根据自己爱好挑选

三.自定义样式
将代码复制到对应栏,网上有各种牛人设计的样式,可以搜搜,我这里也是一个搬运工

在下面每个代码栏都贴上了一个小功能作为演示:

回到顶部
1.页面定制css样式

!--此处自定义标题背景色-->

cnblogs_post_body h1 {

background: #265B8A;
border-radius: 6px 6px 6px 6px;
color: #FFFFFF;
font-family: FZShuTi；
font-size: 23px;
font-weight: bold;
height: 25px;
line-height: 25px;
margin: 18px 0 !important;
padding: 12px 0 8px 5px;
text-shadow: 2px 2px 3px #222222;
text-align:center;
margin-bottom: 20px;

}

cnblogs_post_body h2 {

background-color: #008FC6;
border-radius: 3px;
text-align:center;
color: white;
text-shadow: 1px 1px 2px #222222;
padding-left: 15px;
margin-bottom: 12px;
}

cnblogs_post_body h3 {

background-color: #51C332;
border-radius: 3px;
text-align:center;
color: white;
text-shadow: 1px 1px 2px #222222;
padding: 5px 15px;
margin-bottom: 10px;
width:50%
}

cnblogs_post_body h4 {

background-color: #5bc0de;
border-radius: 3px;
text-align:center;
color: white;
text-shadow: 1px 1px 2px #222222;
padding: 5px 15px;
margin-bottom: 10px;
width:25%

}
code {
padding: 1px 3px;
margin: 0 3px;
background: #ddd;
border: 1px solid #ccc;
font-family: Menlo,Monaco,Andale Mono,lucida console,Courier New,monospace;
word-wrap: break-word;
font-size: 14px;
}

cnblogs_post_body table {

text-align: center;
width: 100%;
border: 1px solid #dedede;
margin: 15px 0;
border-collapse: collapse;

}

cnblogs_post_body table thead tr {

background: #f8f8f8;

}

cnblogs_post_body table tbody tr:hover {

background: #efefef;

}
h1 a:visited,
h1 a:link {
color : green;
}

top

{
color : red;
}

回到顶部
2.博客侧边栏公告

!-- 爱心特效 -->

回到顶部
3.页首Html代码

<canvasid="c_n9"width="1920"height="990"style="position: fixed; top: 0px; left: 0px; z-index: -1; opacity: 0.5;">

回到顶部
4.页脚Html代码

好文要顶关注我收藏该文
北寒-
关注 - 21
粉丝 - 9
+加关注
7 0
« 上一篇： Web ----- JavaScript 一语言基础(二)
» 下一篇： JQuery
posted @ 2018-09-07 19:33 北寒- 阅读(1048) 评论(0) 编辑收藏
刷新评论刷新页面返回顶部
注册用户登录后才能发表评论，请登录或注册，访问网站首页。
【推荐】超50万C++/C#源码: 大型实时仿真组态图形源码
【推荐】零基础轻松玩转云上产品，获壕礼加返百元大礼
【推荐】华为IoT平台开发者套餐9.9元起，购买即送免费课程

相关博文：
· 在博客添加网页背景动画效果，跟随鼠标移动的线条
· 原生js添加博客点击鼠标出小心心效果~~
· js实现鼠标吸附线条效果
· 博客园美化大全
· 博客园博客排版（js样式实例）

最新 IT 新闻:
· 他用染料制出史上第一种商业化抗菌药，斩获诺奖却被国家拒收
· 紫光旗下长江存储预计年底量产64层堆栈3D闪存
· 全世界有多少软件开发人员?
· AMD的AI策略与Intel和Nvidia有何不同？
· 地球的黑化兄弟突然就火了！各国宇航局跃跃欲试探索金星
» 更多新闻...
昵称：北寒-
园龄： 1年6个月
粉丝： 9
关注： 21
+加关注
< 2019年8月 >
日一二三四五六
28 29 30 31 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
1 2 3 4 5 6 7
搜索

找找看

谷歌搜索
常用链接
我的随笔
我的评论
我的参与
最新评论
我的标签
随笔档案
2018年12月(1)
2018年11月(4)
2018年9月(12)
2018年8月(8)
2018年7月(24)
阅读排行榜

博客园更改主题css样式js特效(1048)
python 打印扑克牌练习题(482)
python 进程同步(锁LOCK,信号量Semaphore,事件Event),生产者消费模型(341)
DRF的序列化(291)
python 迭代器生成器列表推导式和生成器表达式(88)
推荐排行榜

来源：https://www.cnblogs.com/abdm-989/p/11405604.html

标签

博客园

css

js特效

css样式