专栏首页青山绿水新版Begin主题侧边栏和两栏标题美化
原创

新版Begin主题侧边栏和两栏标题美化

这个美化教程原先是在朱曙明博客看到的,他文章里提到6.27之后的begin主题无法使用这个教程,我就自己琢磨琢磨,看了下css,对比对比,就让我琢磨出了新版本的美化教程。

侧边栏标题 sidebar h3  位置css修改成如下所示:

  1. #sidebar h3, #sidebar-l h3 {
  2. background: #fff;
  3. height: 37.5px;
  4. line-height: 37.5px;
  5. border-bottom: 1px solid #e2e1e1;
  6. margin: 0 20px 0 20px;
  7. text-align: center;
  8. font-size: 1.8rem;
  9. letter-spacing: 4px;
  10. color: #606777;
  11. }

按照以上css修改后,标题栏位置还多了一个 .title-i  ,后台找到 .title-i  将其隐藏:

  1. .title-i {
  2. float: left;
  3. width: 16px;
  4. display: none;
  5. }

将 .title-i 隐藏后,如下效果图:

然后,如果使用杂志布局的会发现两栏位置前面的标题ICO也会不见了。

接着,将 .cat-box .cat-title a  位置css修改成以下即可。

  1. .cat-box .cat-title a {
  2. float: left;
  3. width: 98%;
  4. margin-left: 20px;
  5. color: #606777;
  6. font-size: 1.8rem;
  7. }

要注意font-size: 1.8rem;是原先的教程中没有的,新版本的Begin主题需要再加入这条代码,不然标题很小。

以上就是美化侧边栏和两栏标题的教程,具体效果请移步至本博客首页查看。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 友情链接:先友情后链接,不是为了链接而链接

    我相信大多数博客圈的博主们都会在自己的博客中开设“友情链接”栏目,与别人交换网站链接,目的是什么?可能有的人说,为了SEO,为了蹭流量,为了蹭权重……但是我认为...

    a老胡
  • 免费?是天上馅饼还是变相传销欺诈?

    最近几天,QQ里的验证消息一直响个不停,打开一看,原来是好几个同学邀我进群,邀我的人达到七八个之多。邀我进两个群:

    a老胡
  • SpringBoot系列教程Web篇之开启GZIP数据压缩

    分享一个真实案例,我们的服务部署在海外,国内访问时访问服务时,响应有点夸张;某些返回数据比较大的接口,耗时在 600ms+上,然而我们的服务 rt 却是在 20...

    一灰灰blog
  • 对网页数据的大数据分析实操案例

    日志中包括很多数据,我们今天只用到IP、帐号、访问的网址作为示例。在真实的项目中(如某宝),通过javascript的事件,可以将你在某个商品链接上停留的时间都...

    希望的田野
  • k8s-ephemeral和init容器

    截止到目前k8s1.18版本,k8s已经支持四种类型的container:标准容器,sidecar容器,init容器,ephemeral容器。

    yaohong
  • k8s-ephemeral和init容器

      截止到目前k8s1.18版本,k8s已经支持四种类型的container:标准容器,sidecar容器,init容器,ephemeral容器。

    yaohong
  • 译文|四个小建议,让你的数字营销更成功!

    本文由CDA数据分析研究院翻译,转载必须获得本站、原作者、译者的同意,拒绝任何不表明译者及来源的转载! 我们都知道该怎么做。为了保持竞争力,现在的品牌企业都知道...

    CDA数据分析师
  • Node.js生态要靠区块链拯救? 以太坊团队这位小哥给出了开源协作的新方案

    2006年秋天,Google 认为要运行现代 Web 应用,浏览器必须有一个性能非常强劲的 Java 引擎,于是开发了一个高性能的开源 Java 引擎,名为 V...

    区块链大本营
  • 其实连Docker公司都把Docker用错啦

    好吧,我承认我标题党了。但是这篇内容应该让你从一个新的角度理解Docker的本质是什么。

    用户2936994
  • 手机三分钟调出INS最火青橙色调

    但是这种配色很适合夏日风光,以及带有天空,水元素之类的图片,今天就用三分钟的时间,妥妥教会你。

    罗罗攀

扫码关注云+社区

领取腾讯云代金券