zoukankan      html  css  js  c++  java
  • cnblogs 博客园模板技巧

          注册一个blog,首先要解决的就是样式问题,每个人会根据自己的爱好,选择合适自己的风格,但默认的模板并非一定能够满足自己。刚注册博客园,今天解决了模板的我问题,一时高兴,就写下来,就当做个总结吧。

          原来一直看Terrylee的博客,不但技术好,博客给人的感觉也很清爽,而且在开始还能加入自己的照片,说明...等一些自定义的模块,在博客园的使用帮助http://space.cnblogs.com/g roup/help/ 里面发现了公告的用处,其实现在的博客园不支持自定义模块,但是我们可以好好的利用一下公告,在公告里面写上html就可以了。

    image

          图中的例子是在公告处加上了一个图片,显示的效果如下,当然,我们也许不仅仅是加一个图片这么简单,但区别仅仅是在公告处写上相应的代码,如果不知道怎么写,查看自己首页的源文件,就能看到系统的写法了,照猫画虎……

    image

          

      

         

          知道公告的用处还需要解决的是模板样式。在博客园中没有找到自定义上传模板之类的地方,系统原来的模板也很有限,怎样才能“偷”到别人的样式呢?我们只需要知道对方使用的css样式即可。只要查看源文件,就会看到css的地址,或者直接写好的css样式。我们只需要将这一部分放到自己的header就可以了。还是拿Terrylee做例子吧,谁让他是老大了,呵呵……

          首先要知道目标模板用了哪些css,进入Terrylee的首页,查看源文件,我们就会看到下图,在其中我们能很容易的找到很多css样式。

    image

         将其中的css样式代码拷出来放到“首页Html代码”中

    image

          点击保存,这样我们就能看到风格类似的样式了,为什么说类似呢?因为这里还有一些东西可能会影响你blog的样式,就是选择的模板。如果你选择了模板,就会影响你现在的样式,在我们选择模板时,页面的右边有这样一句话“注: Custom是标准模板,大家设计时基于这个模板进行设计”,所以我们要做的就是将模板选择为Custom,这样应该就万事大吉了……(我这个没有经过筛选,还能看到有一些无用的信息,自己要选出对模板起作用的css即可)

          如果需要修改样式,只要将现在的css地址换成修改后的css代码即可!

          今天难得自己这么认真的写一个blog,主要是想看看Windos Live Writer怎么使用,效果还不错……

  • 相关阅读:
    ThinkPHP 3.2 调用自定义函数库
    phpstorm 2017版代码提示功能开启解决方案
    phpstorm 2017激活
    JavaScript返回上一页和返回上一级页面并刷新
    PHP处理Ajax请求与Ajax跨域
    13个能快速开发android的经典项目
    分享6款优秀的 AR/VR 开源库
    Android-----购物车(包含侧滑删除,商品筛选,商品增加和减少,价格计算,店铺分类等)
    Android------视频播放器(包含全屏播放,快退,快进,腾讯新闻的列表播放等)
    吴恩达课后作业学习2-week1-2正则化
  • 原文地址:https://www.cnblogs.com/shelley/p/1494826.html
Copyright © 2011-2022 走看看