博客园修改页面显示样式css
2024-06-05 23:04:01
博客园修改页面显示样式css
一、总结
二、 博客园修改页面显示样式css
1、点管理
2、点设置
3、在页面定制css代码中加入你想要改变样式的css代码即可
不会写css的下面有代码示例，直接复制粘贴放到页面定制css代码位置即可
三、代码
1 #cnblogs_post_body h3 {
2 border-left: 5px solid #21759b;
3 border-right: 5px solid #21759b;
4
5 background: transparent
6 url(http://images.cnblogs.com/cnblogs_com/Renyi-Fan/1188097/o_11.png)
7 repeat scroll 0% 0%;
8
9 /* background: linear-gradient(-30deg, rgb(241, 226, 198),
10 rgb(242, 226, 198) 30%, rgb(243, 227, 198) 60%, rgb(244, 230, 189)
11 100%); */
12 border-radius: 6px 6px 6px 6px !important;
13 font-size: 16px;
14 font-weight: bold;
15 height: 22px;
16 line-height: 22px;
17 padding: 5px 0 3px 15px;
18 box-shadow: 0 0 0 1px #5F5A4B, 0px 0px 6px 0px rgba(10, 10, 0, 0.5);
19 }
20
21 #cnblogs_post_body h1 {
22 font-size: 250%;
23 color: #8888FF;
24 /* box-shadow: 0 0 0 1px #5F5A4B, 0px 0px 6px 0px rgba(10, 10, 0, 0.5); */
25 text-shadow: 1px 1px 1px #222222;
26 /* padding: 5px 0 5px 20px; */
27 margin:0px 0px 15px 0px;
28 }
29
30
31
32 #cnblogs_post_body h4 {
33 border-left: 3px solid #8888FF;
34 border-right: 3px solid #8888FF;
35 border-radius: 4px 4px 4px 4px !important;
36 background: #00dd99;
37 color: #8888FF;
38 padding: 3px 0 3px 18px;
39 font-size: 14px;
40 font-weight: bold;
41 height: 17px;
42 line-height: 17px;
43 }
44
45 #cnblogs_post_body h5 {
46 border-left: 3px solid #00dd99;
47 color: #FB02F9;
48 padding: 3px 0 3px 21px;
49 font-size: 12px;
50 font-weight: bold;
51 height: 14px;
52 line-height: 14px;
53 }
54
55 #cnblogs_post_body h2 {
56 background: #2B6695 !important;
57 border-radius: 6px 6px 6px 6px !important;
58 box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
59 color: #FFFFFF;
60 font-family: "微软雅黑", "宋体", "黑体", Arial;
61 font-size: 17px;
62 font-weight: bold;
63 height: 25px;
64 line-height: 25px;
65 margin: 15px 0 !important;
66 padding: 5px 0 5px 20px;
67 text-shadow: 2px 2px 3px #222222;
68 }
69
70 .day {
71 border: 1px solid #E8E7D0;
72 padding-left: 15px;
73 margin-bottom: 20px;
74 background: #fff;
75 min-height: 50px;
76 padding-bottom: 5px;
77 }
78
79 .dayTitle {
80 border-bottom: 0px solid #666;
81 clear: both;
82 color: #666;
83 font-size: 160%;
84 font-weight: bold;
85 line-height: 2em;
86 margin-bottom: 30px;
87 margin-top: 3px;
88 text-align: center;
89 width: 100%;
90 }
91
92 .postTitle {
93 border-bottom: 0px dotted #D2E4B7;
94 padding-bottom: 5px;
95 clear: both;
96 color: #64A038;
97 float: right;
98 font-size: 120%;
99 font-weight: bold;
100 line-height: 1.5em;
101 width: 100%;
102 }
103
104 .postTitle2 {
105 color: #f60;
106 padding-left: 22px;
107 }
108
109 .postTitle {
110 background: transparent
111 url(//www.cnblogs.com/images/cnblogs_com/Terrylee/147338/o_ico.gif)
112 no-repeat scroll 0% 0%;
113 }
114
115 a:link {
116 text-decoration: none;
117 }
118
119 .postTitle a:link,.postTitle a:visited,.postTitle a:active {
120 color: #f60;
121 transition: all 0.4s linear 0s;
122 }
123
124 .postCon {
125 clear: both;
126 float: right;
127 line-height: 26px;
128 padding: 10px 0pt;
129 width: 100%;
130 }
131
132 .c_b_p_desc {
133 margin-left: 10px;
134 margin-right: 15px;
135 }
136
137 .postDesc {
138 border-top: 1px dashed #E8E7D0;
139 clear: both;
140 color: #666666;
141 float: right;
142 margin-right: 20px;
143 margin-top: 5px;
144 padding-top: 8px;
145 text-align: right;
146 width: 96%;
147 }
148
149 .postSeparator {
150 margin-bottom: 30px;
151 }
152
153 #div_digg {
154 right: 20%;
155 width: 46px;
156 bottom: 110px;
157 position: fixed;
158 z-index: 9999;
159 background-color: #fff;
160 font-size: 12px;
161 margin: 10px 0 0;
162 padding: 5px;
163 border: 1px solid #55895b;
164 border-radius: 5px;
165 float: right;
166 }转载于:https://www.cnblogs.com/Renyi-Fan/p/9090084.html
博客园修改页面显示样式css相关推荐
- 博客园修改页面显示样式
博客园修改页面显示样式 一.总结 HTML源码吧(FireBug或审查元素) 火狐浏览器下通过FireBug插件来查看源码 二.打造自己的博客园页面 刚接触博客园时,总有一种要定制打造自己博客页面的冲 ...
- 博客园自定义页面风格设计 后续篇(页面设计模式及代码高亮 鼠标点击效果升级)...
前言 在之前所写过的博客园自定义页面风格设计篇中,我们已经说明了其中两种风格的页面设计,鼠标图案的修改,公告栏的设置,背景音乐的制作,关于CSS以及用Canvas和requestAnimFrame做动 ...
- 博客园登录页面html,打造自己的博客园页面
刚接触博客园时,总有一种要定制打造自己博客页面的冲动,后来感觉原有的模板足够了(博客园提供了大量的模板),没有做这项工作.今天不太忙,稍微研究了下博客园的页面定制功能,记录如下. 首先,园子里大都是技 ...
- 简单博客系统静态页面（html+css+JavaScript+第三方库Jquery mdn）
目录 一.基本构造 1.博客列表页 2.博客详情页 3.登录页 4.博客编辑页 二.文件目录 1.css 文件夹 blog_detail.css blog_edit.css blog_list.css ...
- 博客园定制页面（一）——博客园设置相关参考
一.博客设置相关 1.1.博客园主页设置 参考其他大佬的博客设置: 博客园博客美化相关文章目录(非本人整理) 博客园主页CSS元素名汇总(非本人整理) 1.2.Windows Live Writer客 ...
- 博客园主题页面美化修改
[美化来源] 资料来源:白色泪光 现用皮肤来源:bndong [美化内容] 基本模板 darkgreen 页面定制CSS #home { margin: 0 auto; width: 80%;/*原始 ...
- 前端小白也能快速学会的博客园博客美化全攻略
前端小白也能快速学会的博客园博客美化全攻略 A呦V,博客园er的自我修养是什么?第一条,别只顾收藏和偷师呀,记得点"推荐"或关注本人喔~ 美化方法论简介 一般而言,需要选一个默认的 ...
- 前端小白也能快速学会的博客园博客美化全攻略[附源码]
前端小白也能快速学会的博客园博客美化全攻略[附源码] 文章目录 前端小白也能快速学会的博客园博客美化全攻略[附源码] 美化方法论简介 准备工作 js权限申请 如何模仿一个博客园的自定义风格(样式css ...
- markdown mysql高亮_修改博客园markdown编辑器代码高亮风格的方法
作为一个工程师,追求极致与艺术也应当成为我们生活中的一部分,作为自己的心爱之物--博客,当然也得装扮一下,我对代码高亮有自己所喜欢的风格~还好程序员的世界总是共通的,已经有前辈开发了一些代码高亮的样式 ...
最新文章
- Oracle时间函数
- 自定义Realm实现认证
- linux 打开文件表 文件描述符,文件描述符-mjsc1023-ChinaUnix博客
- 分布式文件系统研究-测试-文件下载测试
- 计算机中专专业是什么意思,计算机专业的中专与大专有什么不同?
- #pragma 的几种用法
- Blend 动画 模板
- cut\grep\awk\sed命令详解
- sass函数：@function
- 高性能迷你React框架anujs1.0.6发布
- 单片机无线串行接口电路设计
- 服务器搭建docker环境的过程
- sp2 xp 英文版序列号_64位 Windows XP SP2 VOL+简体中文语言包+序列号
- ftell函数使用注意事项
- matlab小波滤波详解,基于matlab的振动波形小波分析及小波基础知识学习
- spring中创建excl表的几种方式并导出
- JavaScript初学入门（JS打印9*9乘法表，JS制作简易计算器）
- Pycharm 一键加引号，快速加引号，批量加引号
- 拖拽即可创建HTML5网站的建站平台
- python用七巧板图片画个图_canvas练习 - 七巧板绘制