美化博客CSS



title: 美化博客CSS

date: 2019/01/19 14:28:59

---

美化博客CSS

  1. 可以去这里看下好看的样式
  2. 修改下文档的css,博客园是在页面定制CSS代码,我这里修改了下标题,删除了下广告,这样就有横条的标题了
    #ad_t2, #cnblogs_c1, #under_post_news, #cnblogs_c2, #under_post_kb {
        display: none;
    }
    
    h2, h3, h4 h2{/*增加标题属性的修改*/
      background: #159957;
      color:#ffffff;
      padding:  0.5em  1em;
      margin-bottom:2em;
    }
  3. typora也可以修改下这个标题,在C:\Users\xxx\AppData\Roaming\Typora\themes,其实也可以打开设置> 高级设置中定位到文件夹,修改css.我这里修改了默认的主题,添加了几行.
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    /*add*/
     background: #159957;
     color:#ffffff;
     padding:  0.5em  1em;
    /*end*/    
    
        position: relative;
        margin-top: 1rem;
        margin-bottom: 1rem;
        font-weight: bold;
        line-height: 1.4;
        cursor: text;
    }

原文地址:https://www.cnblogs.com/zongzi10010/p/10291650.html

时间: 2024-10-13 01:30:02

美化博客CSS的相关文章

自定义美化博客园

最近发现,好多排名靠前的技术博客,首先是排版特别美观,然后博客CSS布局也是自定义设置的,故在网上找了些例子,对自己博客进行了小小改动,将部分代码及链接分享给大家! 美化博客内容 1 /* 设置博客正文一二三级标题格式 */ 2 /* 一级标题 */ 3 #cnblogs_post_body h1 { 4 font-size: 28px; 5 font-weight: bold; 6 line-height: 1.5; 7 color: black; 8 margin: 10px 0; 9 }

博客园美化博客随笔目录

博客园美化博客随笔目录 基于孤傲苍狼在2014-5-11写的目录代码基础上进行改进 一.js代码 <!--目录--> <script type="text/javascript"> var BlogDirectory = { /* 获取元素位置,距浏览器左边界的距离(left)和距浏览器上边界的距离(top) */ getElementPosition:function (ele) { var topPosition = 0; var leftPosition

[美化] 博客园美化历程

目录 开端 具体的css 净化页面 标题的蜜汁动画 改一下主页的比例 另一些改动 侧边栏的html js代码的添加 在没有目录的情况下不显示目录 在url存在 article 的时候不显示版权声明 js附带的css js完整代码 结语 标题上写着美化,但怎么看自己的界面,仿佛每条线都在呐喊着:"实际上是简化吧!" /扶额 在入驻博客园的一周时间里,我使用各种课上时间抽空研究了一下博客园的页面定制CSS代码.HTML和JS这些看了半天也搞不明白的东西,并将原来的模板"Simpl

博客园博客css样式一

样式一      1.页面定制css代码 博客背景可以在body{}中添加background:#205424 url('http://mat1.gtimg.com/www/mb/theme/qqfs/one_lhj/wrapBg.jpg') no-repeat top center fixed; 1 <style type="text/css"> 2 .Abstract 3 { 4 padding: 15px; 5 border: dotted 2px #999; 6 c

我的博客CSS

博客皮肤选定:Custom  禁用模版默认CSS,添加代码,OK. @charset "utf-8"; /* CSS Document */ /* By cnblogs.com/blogg /*全局特性*/ body { font-family: Arial, "微软雅黑", \5B8B\4F53, sans-serif; background-image: url(http://images.cnblogs.com/cnblogs_com/blogg/676186

博客园博客css样式二

样式二    1.页面定制css代码 博客背景可以在body{}中修改background:#205424 url('http://mat1.gtimg.com/www/mb/theme/qqfs/one_lhj/wrapBg.jpg') no-repeat top center fixed;   1 /*公用*/ 2 body { 3 font-size:15px; 4 padding:0; 5 margin:0; 6 font-family:"微软雅黑","宋体"

我的博客css得到别人的认可

1 你好 在吗?? 2 3 本消息来自QQ临时会话,如果您收到骚扰信息,可点击以下网址中的"停用服务"关闭临时会话: http://shang.qq.com/widget/set.php 4 5 20:48:21 6 王峰 2015/6/30 20:48:21 7 你好 请问怎么装扮自己的博客园中的博客 装扮最好看的那种 8 20:55:04 9 a 2015/6/30 20:55:04 10 ?\\ 11 12 a 2015/6/30 20:55:11 13 在吗? 14 15 王峰

博客css样式定制

每次看到那么宽的屏幕却不铺满就感觉真是暴殄天物,代码都被挤的自动换行了很难看的好吧,然后就看到后台有一个css定制的功能,然后就试了一下,发现这功能果然很强大. 技巧: 使用F12查看源码,会发现其实人家早给设计得很方便定制了,而且还有注释,如下: 但是想吐槽的是为什么宽度都是固定px的啊,有点怀疑是不是用js探测然后设置的不然太耳鼻了也... 搞了好几个小时,效果还算满意,我的定制如下: /* 约定: 1. 被注释的是原来的属性,下方是新的属性. 2. 如果上方为空注释说明下方是新增属性. *

使用LAMP+wordpress搭建并美化博客

准备篇 一个域名 可以去万网,新网,...,... 一个云空间(最好买香港主机,或者外国的,不用备案) 然后将域名添加解析到自己的云空间的ip地址即添加一条A记录 安装篇 下载wordpress安装包. 安装lamp: CentOS 6: httpd, php, mysql-server, php-mysql  service httpd  start  service  mysqld  start CentOS 7: httpd, php, php-mysql, mariadb-server