当前位置: 首页 > news >正文

怎么自定义修改CnBlogs博客园主题模板css样式

首先,怎么写了这么个名字呢?标题重复了那么多关键词,强迫症又犯了,原来做过几天蹩脚的SEO总会想覆盖更多的关键词。。。好了废话不多说,下面是图文说明;

 

一、进入博客设置

 

 

二、选择一个博客皮肤

 

 

三、自定义布局、样式;

 

四、重点说下怎么怎么来自定义吧:

 

1、所有自定义的样式,会覆盖原有的样式,你也可以勾选上,‘’禁用模板默认css‘’自己重写所有样式;

2、如果只是小改动,改改颜色什么的,就直接用审查元素的方式,找到想改的模块相应的id名或class名来重新定义样式;

3、如果有点前端你可以添加一些自定义模块,和添加一些悬浮窗、回到顶部的小火箭、自动生成目录等,需要申请js权限

 

五、你所看到的这个博客的布局和样式:

1、页面定制CSS代码:

#header{
background-color: black;
}
#navList li a{
background-color: black;
}
#main{
background-color:transparent;
width:80%;
margin:20px auto;
}
#mainContent{
float:right;
width: calc( 100% - 280px);
}
#sideBar{
width:230px;
border-radius:5px;
background-color:rgb(245, 245, 245);
}
#footer{
display:none;
}
.footer-des{
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
color: white;
font-size: 12px;
background-color:black;
}
.postTitle, .postTitl2, .entrylistPosttitle{
border-left-width:8px;
border-left-color:black;
}
a:link, a:visited{
/*color:#396;*/
color:rgb(174,18,29);
}

2、页脚Html代码

<div class="footer-des">Copyright ©2017 你的博客名</div>

 

好了,点击保存,大工告成!

转载于:https://www.cnblogs.com/aredleave/p/7586917.html

相关文章:

  • selenium之 chromedriver与chrome版本映射表(更新至v2.32)
  • 简易RPC框架-私有协议栈
  • apt软件管理
  • SPSS超详细操作:分层回归(hierarchical multiple regression)
  • position: absolute;绝对定位水平居中问题
  • Java 深复制和浅复制
  • 【highlight.js】页面代码高亮插件
  • mxnet的训练过程——从python到C++
  • Nengo 神经网络
  • Linux正则和grep命令
  • Azure 中 Linux 虚拟机的大小
  • 【bzoj1758】[Wc2010]重建计划
  • ros 如何使用 openni2_launch
  • Git应用实践(二)
  • 软件项目管理第2次作业:豆瓣测评
  • DataBase in Android
  • Javascript弹出层-初探
  • JavaScript工作原理(五):深入了解WebSockets,HTTP/2和SSE,以及如何选择
  • markdown编辑器简评
  • SpringCloud(第 039 篇)链接Mysql数据库,通过JpaRepository编写数据库访问
  • TCP拥塞控制
  • ViewService——一种保证客户端与服务端同步的方法
  • Vue小说阅读器(仿追书神器)
  • 编写符合Python风格的对象
  • 服务器之间,相同帐号,实现免密钥登录
  • 简单实现一个textarea自适应高度
  • 简单数学运算程序(不定期更新)
  • 前端路由实现-history
  • 前端之Sass/Scss实战笔记
  • 微服务核心架构梳理
  • 微信开放平台全网发布【失败】的几点排查方法
  • 你对linux中grep命令知道多少?
  • #etcd#安装时出错
  • #FPGA(基础知识)
  • #Linux(Source Insight安装及工程建立)
  • #QT(智能家居界面-界面切换)
  • #stm32整理(一)flash读写
  • (4)Elastix图像配准:3D图像
  • (附源码)springboot“微印象”在线打印预约系统 毕业设计 061642
  • (附源码)springboot课程在线考试系统 毕业设计 655127
  • (附源码)ssm教材管理系统 毕业设计 011229
  • (亲测成功)在centos7.5上安装kvm,通过VNC远程连接并创建多台ubuntu虚拟机(ubuntu server版本)...
  • (转)ABI是什么
  • .bat批处理(七):PC端从手机内复制文件到本地
  • .gitignore文件_Git:.gitignore
  • .Net MVC + EF搭建学生管理系统
  • .net连接MySQL的方法
  • @Bean有哪些属性
  • @Repository 注解
  • @Transactional 详解
  • [100天算法】-每个元音包含偶数次的最长子字符串(day 53)
  • [2019/05/17]解决springboot测试List接口时JSON传参异常
  • [ai笔记3] ai春晚观后感-谈谈ai与艺术
  • [c++] 自写 MyString 类
  • [C++]类和对象【上篇】