如何修改博客园的标题,文本,表格等的显示样式



注:这个修改方法需要有些html,css的知识,不然你就要自己去查格式

1,打开你的博客首页

比如我的是这个:http://www.cnblogs.com/progor/

2,右键查看网页源代码,在网页源代码中查找到

3.点开href的连接,即可获得你当前所用皮肤的css

4.ctrl+a,复制下所有文本

5.把刚才复制的文本,粘贴到文本编辑器中【我用notepad++】,然后ctrl+f查找我们要修改的部分,比如标题1的标签为h1,搜索

6.找到目标后,修改成我们想要的效果【比如我给我的h1加了背景色:background-color:#008eb7】,将修改后的那部分复制下来,复制部分从上一个’}’之后复制到修改部分的}

7.复制下来后,到博客园的个人后台管理的设置里面贴上去

修改结果:

修改前:

修改后

原文地址:https://www.cnblogs.com/progor/p/8445441.html

时间: 2024-08-04 13:08:53

如何修改博客园的标题,文本,表格等的显示样式的相关文章

修改博客园模板样式

当我们注册博客园以后,首先是选择自己喜欢的首页模板,当我们对博客园给出的模板不满意时,我们就要对已有的模板进行修改. 在这里我采用的模板是SimpleMemory,因为SimpleMemory模板相对简单,便于对样式已有的修改. 这是本人修改两句代码后的修改 详细步骤: 1.寻找自己喜欢的图片,要求图片足够清晰,以免设置背景时不清楚.博客园首页->管理->相册->设置标题(相册名)->ADD->选择文件(上传图片)->ADD,单击图片进入首页,点击Original Im

修改博客园css样式

看到一款博客园主题,感觉很好看,只是有些css样式不怎么满意,所以自己修改了下,修改的方法在这里记录了下.皮肤连接:https://github.com/BNDong/Cnblogs-Theme-SimpleMemory/tree/v1.1.9 F12查看元素,就可以看到css样式的标签,在这里调试好后,拷贝出来就可以了. 关于css和js的压缩工具网址:http://tool.chinaz.com/Tools/CssFormat.aspx 原文地址:https://www.cnblogs.co

修改博客园markdown编辑器代码高亮风格的方法

???????作为一个工程师,追求极致与艺术也应当成为我们生活中的一部分,作为自己的心爱之物--博客,当然也得装扮一下,我对代码高亮有自己所喜欢的风格~还好程序员的世界总是共通的,已经有前辈开发了一些代码高亮的样式可供我们开箱即用.Highlightjs就是这样一款产品. ???????下面介绍一下我是如何将这款产品应用于博客园markdown编辑器中的. 第一步,找到你所喜欢的高亮主题 ???????打开Hightlightjs的demo页面 选择你所喜欢的高亮主题.我选择的是Atom One

修改博客园日历的默认样式

我们知道,博客园默认的日历样式是灰底的,有点丑. 我想把它改成类似于WIN10的样式. 上代码. #blogCalendar td{ color:#fff; } #blogCalendar td.CalOtherMonthDay{ color:gray; } #blogCalendar td a:link{ color:#fff; background-color:blue; border-radius:2px; } #blogCalendar th.CalDayHeader{ color:#f

博客园使用sublime text风格的代码高亮样式

博客园默认显示代码的风格有点丑,于是就想着能不能使用sublime text3的代码高亮,因为本人使用sublime text3编辑C, js, php, html等时,代码高亮的颜色都是本人比较喜欢的.于是就搜到了大神 [刘哇勇] 的博客,按照大神的博客,确实是能设置成功了. 不过设置完成以后,感觉代码的字体和行间距有些不美观.既然都到这一步了,咱们就自己动手,丰衣足食.于是本人首先在div.highlight里设置{font-family:consolas, courier new; lin

使用JS代码打印 修改博客园(或网站)的title

title在html中属于特殊的节点元素. 因为它可以使用doucment.getElementsByTagName("title")[0]来获取它的标题,但却无法用doucment.getElementsByTagName("title")[0]用更改它的值. 但是,总有解决的方法. 在javascript中,修改title的方法是: <script type="text/javascript"> document.title =

修改博客园推荐人数增加W效果

今天逛园子,偶然看到最多推荐,有点好奇. F12查看元素,发现是在css中加了一个after,内容中增加了一个"w". 本着娱乐至上的准则,自己也试试.复制以下css到设置自定义css中 #digg_count:after{ content: 'w'; } :after, :before { webkit-box-sizing: border-box; moz-box-sizing: border-box; box-sizing: border-box; }

博客园自定义主题样式

记录我在定制个人blog页面效果时遇到的技巧及方法等. 基本流程 设定博客皮肤为BluSky 定制首页代码:引入外部CSS 页顶博主名字及副标题 在首页html内输入以下代码可添加博主名到页面顶端,也可添加副标题: <header class="main-header" id="site-head"> <div id="top" class="vertical"> <div id="si

自定义博客园皮肤:暗色流体响应式布局

博客园的皮肤模板虽然有100多套,但我需要的作品却没几套,从布局上看,大多是固定布局,有的使用表格布局,有的将侧边栏在HTML页面的代码顺序放在主内容的前面.这些布局方式不利于页面缩放和不同屏幕尺寸与分辨率的设备浏览,尤其是在当今网页浏览设备屏幕尺寸与分辨率多样化的时代,流体与响应式布局才是最佳的选择.从配色上看,博客园有3款还不错的暗色皮肤,但不符合我布局的要求. 我想要自己的博客皮肤满足以下要求: 模版选择:不能使用表格布局,侧边栏在HTML页面的代码顺序放在主内容 的后面,页面结构和样式简