自定义博客页面样式

今天记录一下关于如何更改博客页面样式:

1.首先我们要进入一个管理页面:管理->设置

之后你会看到如下信息:

yes,对的就是这个页面,用户可以自定义css样式,我这里还是在系统默认css基础上进行修改的,(大牛完全可以禁用默认css)。

2.以我的博客皮肤为例->我用的是simplememory.这里用到我们浏览器的F12开发者管理工具

可以看到我的页面是这样的:

我们上传自己喜欢的背景图片,或者想要修改字体样式,都可以在开发者工具里找到相应的位置。

背景图片的位置:

当然这里用的是网络文件夹里的图片,你不能上传你本机的图片!

方法就是:博客园有上传图片到相册的功能,把你喜欢的图片上传到相册之后就可以找到该图片的位置(通过右键点击复制图片地址或者是用F12区找到图片地址)。

找到之后将body里background-imae:url(),地址改为你的图片的地址就可以了。

3.修改字体,背景透明度,颜色等都可以通过开发者工具进行调试,调试好之后再将要修改的css样式写入你的设置栏里就可以了。

   

     总体来说就是:先通过开发者工具进行调试修改(可借助w3c查询)->再将确定好后的css代码粘贴到你的设置栏里。over!

原文地址:https://www.cnblogs.com/xhj928675426/p/8855326.html