zoukankan      html  css  js  c++  java
  • Cnblogs自定义皮肤css样式简易设定

    刚来CNBLOGS,想找几款称心如意的皮肤却始终有些许不满,看到后台支持CSS自定义样式和HTML就开始改造一款比较满意的皮肤 Imetro

    这款皮肤还不错,但是就是字体显得太大了,非常突兀,虽然一眼看过去还算美观,不过看久了会让人产生压抑和混乱的感觉。

    还有一个重要的缺点就是阅读面积默认设置太小,导致会有显示不完全的严重bug,只能拖动滚动条,因此有必要好好改造一下这个主题。

    这边利用Webki的Developer Tools找出控制这些div的css样式,然后再进行修改即可。

    这个工具非常实用和方便,可以方便的追逐到控制DIV的所有css中,并且可以直接修改CSS和其他标签,工具可以直接根据修改的元素实时发生客户端页面改变。

    因此布局前可以随意调整参数查看效果,记下参数后再进入后台CSS添加样式即可。

    本博客CSS参数(根据Imetro改变)

    将主体导航字缩小,并且添加了页面的透明效果,换了张背景,增加阅读面积100px

    #main {
    font-size
    :11px;
    }

    #home
    {
    font-size
    : 8px;
    opacity
    : 0.95;
    width
    :1024px;
    }

    #sideBar
    {
    font-size
    : 10px;
    }

    body
    {
    background-image
    : url("http://p13.freep.cn/p.aspx?u=v20_p13_photo_1203072250411932_0.jpg");
    }

    #mainContent
    {
    width
    : 750px;
    }




    添加之后效果如本博客所示。

  • 相关阅读:
    第二阶段团队冲刺第二天站立会议
    第二阶段冲刺第一天站立会议
    对身边常用的软件进行评价
    学习进度条
    进度条
    团队冲刺第四天站立会议
    用户模板及场景分析
    团队冲刺第一天战略会议
    团队冲刺第九天
    团队冲刺第八天
  • 原文地址:https://www.cnblogs.com/maybreath/p/2384404.html
Copyright © 2011-2022 走看看