修改博客园css样式

Fantasy      2022-02-13     224

关键词:

看到一款博客园主题,感觉很好看,只是有些css样式不怎么满意,所以自己修改了下,修改的方法在这里记录了下。皮肤连接:https://github.com/BNDong/Cnblogs-Theme-SimpleMemory/tree/v1.1.9
F12查看元素,就可以看到css样式的标签,在这里调试好后,拷贝出来就可以了。

关于css和js的压缩工具网址:http://tool.chinaz.com/Tools/CssFormat.aspx

修改博客园模板样式

...博客园给出的模板不满意时,我们就要对已有的模板进行修改。在这里我采用的模板是SimpleMemory,因为SimpleMemory模板相对简单,便于对样式已有的修改。这是本人修改两句代码后的修改详细步骤:1.寻找自己喜欢的图片,要求图... 查看详情

博客园主题修改中用到的css属性

样式覆盖id选择器大于class选择器。对于原主题中想要覆盖的id选择器,使用!import覆盖。对于原主题中想要取消的css属性,使用inherit.浮动元素将position设置为fixed,为了让组件可以浮动在其他组件之上,设置z-index.fuckmeongithubelement.s... 查看详情

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

 注:这个修改方法需要有些html,css的知识,不然你就要自己去查格式 1,打开你的博客首页比如我的是这个:http://www.cnblogs.com/progor/ 2,右键查看网页源代码,在网页源代码中查找到 3.点开href的连接,即可获得你... 查看详情

博客园背景样式修改

先看整体效果  要实现这个背景效果的代码<scriptsrc="https://files.cnblogs.com/files/siwuxie095/canvas-nest.min.js"></script><canvasid="c_n9"width="1920"height="990"style="position:fixed;top:0px;l 查看详情

博客园主题样式修改教程(代码片段)

实现代码高亮那怎么使用呢?我是先向博客园申请了js代码的权限,申请入口还是在刚刚那个【设置】里:我这里是批准了所以显示支持js代码,你们要想实现这个代码高亮,那就得先申请(希望博客园的管理员别打我—..&mdas... 查看详情

博客园-设置底部个性化签名格式(代码片段)

 设置个性化签名格式,修改成自己喜欢的内容,使我们的签名与众不同,把代码贴在“页面定制CSS代码”框中,当然你可以修改代码,改变样式,代码如下:  页面定制CSS代码:/*设置签名格式定制css样式*/#MySignaturedis... 查看详情

纯css打造bilibili样式博客主题

...,我都在思考如何减少不必要的JS代码,仅通过CSS来实现博客园主题美化。CSS有很多魔法代码,例如:before,iconfont,order,等等,利用好这些技巧,也能实现很好美化效果。这一次带来的是仿制BiliBli制作的纯CSS博客园主题,希望... 查看详情

如何设置博客园好看的标题样式

1.向博客园申请js权限  我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限。【博客园】->【设置】->【博客设置】,点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷... 查看详情

博客园主题修改分享(代码片段)

...年,马上安排!本篇部分知识基于上两篇博客博客园主题修改分享和博客园主题修改分享-脚本篇。先上效果图1.设置全局css变量主要是通过css3的变量设置,统一博客界面的颜色。:root--bg:#f5f7f9;/*--main:#169fe6;--hover:#45bcf9;*/--main:#ff00... 查看详情

自定义博客园主题样式

...园如何设置目录生成&设置目录&设置标题背景色&修改标题背景色在此基础上再加点捣鼓内容,实现主题样式透明化、增加侧边“分享”模块、标题级别显示设置具体代码中会进行注释,可进行相应参考内容比较粗... 查看详情

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

...地即可。图2在GitHub下载高亮主题相应的css源码第三步,修改css代码以适应cnblogs的markdown语法高亮样式???????用UltraEdit编辑器打开刚刚下载的css源码,将.hljs替换为.cnblogs-mark 查看详情

如何设置博客园好看的标题样式(代码片段)

1.向博客园申请js权限  我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限。【博客园】->【设置】->【博客设置】,点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷... 查看详情

如何设置博客园好看的标题样式(代码片段)

1.向博客园申请JS权限我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限。【博客园】->【设置】->【博客设置】,点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷新一... 查看详情

博客园侧边栏样式问题

1问题1.1问题描述  侧边栏目录遮拦后面的文字链接,使其实效。  侧边栏在目录多的时候,不显示二级导航(应该和css设置高度有关系)1.2问题截图如下2解决(问题放这里,先不解决)  查看详情

cnblog博客园自定义样式修改标签页的icon图标

有没有发现大多数的博客园标签右上角都是一个小矿工,千篇一律没有什么特色,想不想设置一个像我一样的个性化icon图标呢?按照以下四步你也可以实现自定义标签图标。From  To 第一步:挑挑拣拣 选一张icon图... 查看详情

博客园codinglife模板手机样式优化

博客园CodingLife模板手机样式优化:用博客园写笔记也有一段时间了,当我用手机浏览我的文章时感觉样式不太完美,主要是个人首页和文章详情的头部宽度太大,原本大屏右侧的模块放在文章下面后宽度和位置不太合适,刚好... 查看详情

自定义博客园样式(代码片段)

页面定制CSS代码需要禁用博客园自带的页面定制CSS代码 @font-facefont-family:‘RainFate‘;font-style:normal;font-weight:normal;src:url("http://blog.zhaishidan.cn/css/font/fontawesome-webfont.eot?#iefix")format(‘embedded-opentype‘),url("http://blog.zhaishidan.cn/css/font/... 查看详情

博客园样式自定义(待更新)(代码片段)

...就知道=>其实就是编辑里面打个勾?步骤二,如果你要修改JS=>在编辑的地方申请一下=>一般都会马上批准的。步骤三,开工了。 查看详情