修改博客园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.com/fan-gx/p/11794765.html

时间: 2024-08-03 23:25:46

修改博客园css样式的相关文章

我的博客园CSS样式分享

过完年又开始上班了,已经从2月25连续加班到现在,晚上11点多才回去,也没时间写文章了. 先分享一下我的博客园的CSS吧. 我的博客皮肤最开始的时候是参考共享一下我的自定义CSS博客皮肤(2012.3) 修改的. 使用的是LessIsMore皮肤 下面是自定义的CSS样式 @charset "utf-8"; body { font-size: 15px; padding: 0; margin: 0; font-family: "微软雅黑", "宋体&quo

修改博客园模板样式

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

自定义博客园主题样式

自定义博客园主题样式 基础实现 之前有记录自己自定义目录以及相关样式功能,感兴趣的可以看下 博客园如何设置目录生成&设置目录&设置标题背景色&修改标题背景色 在此基础上再加点捣鼓内容,实现主题样式透明化.增加侧边“分享”模块.标题级别显示设置 具体代码中会进行注释,可进行相应参考 内容比较粗略,将就看喽~ 透明化 效果 具体实现 ****************************************** 页面定制CSS代码 ************************

博客园CSS代码

本博客前端页面的后台设置源码: 1,博客园CSS设置: @charset "utf-8"; body { font-size: 15px; padding: 0; margin: 0; font-family: "微软雅黑", "宋体", Arial; min-width: 1200px; } #home { opacity: 0.95; filter: alpha(opacity=95); box-shadow: 0 0 10px #000;

博客园css美化

博客园css随鼠标变换的动态线条 http://www.cnblogs.com/Sharley/p/9603129.html https://blog.csdn.net/inuyasha1121/article/details/79309105 http://www.cnblogs.com/lzw123-/p/9394886.html https://www.cnblogs.com/qq597585136/p/7019755.html 原文地址:https://www.cnblogs.com/x

博客园主题样式修改教程

实现代码高亮 那怎么使用呢?我是先向博客园申请了js代码的权限,申请入口还是在刚刚那个[设置]里: 我这里是批准了所以显示支持js代码,你们要想实现这个代码高亮,那就得先申请(希望博客园的管理员别打我 —..— ) 然后复制下面代码到[博客侧边栏公告]里: <script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script> <script type="text/jav

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

注:这个修改方法需要有些html,css的知识,不然你就要自己去查格式 1,打开你的博客首页 比如我的是这个:http://www.cnblogs.com/progor/ 2,右键查看网页源代码,在网页源代码中查找到 3.点开href的连接,即可获得你当前所用皮肤的css 4.ctrl+a,复制下所有文本 5.把刚才复制的文本,粘贴到文本编辑器中[我用notepad++],然后ctrl+f查找我们要修改的部分,比如标题1的标签为h1,搜索 6.找到目标后,修改成我们想要的效果[比如我给我的h1加

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

我们知道,博客园默认的日历样式是灰底的,有点丑. 我想把它改成类似于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

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

有没有发现大多数的博客园标签右上角都是一个小矿工,千篇一律没有什么特色,想不想设置一个像我一样的个性化icon图标呢? 按照以下四步你也可以实现自定义标签图标. From To 第一步:挑挑拣拣 选一张icon图标(尺寸不要太大)不然加载会很慢 如果想通过自己的图片生成favicon,可以使用这个网站: Favicon Generator. For real. 第二步:传文档 在博客园的设置界面选择文档,将你喜欢的图片上传上来 第三步:写代码 在设置中的页脚Html代码中插入以下script脚本