使用CSS代码修改博客模板
2016-09-02 01:03
232 查看
在修改设置使公告栏里的头像更新为新的头像时发现里边还有“页面定制CSS代码”这一选项,查了一下发现这东西可以对页面做一些个性化的调整。正好目前我使用的这个模板标题和导航栏的字体实在难看,顺手修改了一下。
因为我之前是对CSS这方面完全不了解,所以只能连蒙带猜。首先,这CSS代码估计就是设置一下某些参数的值,应该跟.ini之类的文件形式比较类似。看了一下别人写的一些简单的代码,大概了解了一下格式,跟预想的差不多。接下来是要找到模板本身自己的CSS代码,不然我怎么知道要修改谁呢?一开始我是直接从浏览器里查看网页源代码,结果打开的东西完全摸不着头脑,就放弃了这种尝试,转而使用另一种形式,名字叫不上来,就是360浏览器按下F12之后出来的那个东西。大致翻了翻,找到这样一个东西,看它行文的风格估计就是模板的设置了:
View Code
修改的内容如下:
默认的代码字体大小;
大标题的字体种类和大小,并取消加粗;
副标题的字体种类和大小,并设置颜色为黑色;
页面字体的种类和大小;
因为我之前是对CSS这方面完全不了解,所以只能连蒙带猜。首先,这CSS代码估计就是设置一下某些参数的值,应该跟.ini之类的文件形式比较类似。看了一下别人写的一些简单的代码,大概了解了一下格式,跟预想的差不多。接下来是要找到模板本身自己的CSS代码,不然我怎么知道要修改谁呢?一开始我是直接从浏览器里查看网页源代码,结果打开的东西完全摸不着头脑,就放弃了这种尝试,转而使用另一种形式,名字叫不上来,就是360浏览器按下F12之后出来的那个东西。大致翻了翻,找到这样一个东西,看它行文的风格估计就是模板的设置了:
.cnblogs_code pre { font-family: Courier New!important; font-size: 16px!important; word-wrap: break-word; white-space: pre-wrap; } .cnblogs_code span { font-family: Courier New!important; font-size: 16px!important; line-height: 1.5!important; } body { color: #000; background: #eee; font-family: Microsoft YaHei!important; font-size: 10pt; min-height: 101%; } #header h1 { font-weight: normal; font-size: 30px; line-height: 1; } #header h1 a { font-family: "Microsoft YaHei"; } #header h1 a:hover { color: #F60; text-decoration: none; } #blogTitle h2 { font-weight: normal; font-size: 18px; color: #000000; line-height: 1.5em; margin-top: 10px; margin-left: 30px; width: 50%; margin-left: 10em; float: left; }
View Code
修改的内容如下:
默认的代码字体大小;
大标题的字体种类和大小,并取消加粗;
副标题的字体种类和大小,并设置颜色为黑色;
页面字体的种类和大小;
相关文章推荐
- 黄聪:C#代码生成工具:文本模板初体验 使用T4批量修改实体框架(转载)
- MyEclipse使用总结——修改MyEclipse默认的Servlet和jsp代码模板
- 本博客样式CSS,在BlackLowKey模板基础上修改
- Eclipse使用总结——修改(My)Eclipse默认的Servlet和jsp代码模板
- 在使用VS2010时修改CSS代码后无效的解决方法
- 查看博客模板的css代码
- MyEclipse使用总结——修改MyEclipse默认的Servlet和jsp代码模板
- 博客园博客修改模板的CSS
- 【旺铺2012分享】导航CSS代码使用修改技巧!
- 用flask开发个人博客(11)—— 模板中代码的重复使用
- 黄聪:C#代码生成工具:文本模板初体验 使用T4批量修改实体框架(Entity Framework)的类名
- 使用CSS/JS代码修改博客模板plus
- 【原创】使用Css修改自己博客的版面显示
- [导入]C#分析数据库结构,使用XSL模板自动生成代码
- 博客模板的使用技巧『博客帮助』
- Csdn Blog模板CSS代码(7):蓝色天空
- C#分析数据库结构,使用XSL模板自动生成代码
- C#分析数据库结构,使用XSL模板自动生成代码
- ASP使用FSO读取模板的代码
- Csdn Blog模板CSS代码(5):蓝色海洋