动手给自己的Blog做了个整容手术,决定在优快云上安家了

本文分享了作者在使用优快云博客一年半后的心得体会,并详细介绍了如何通过自定义CSS样式和JavaScript来实现博客界面的个性化设置,包括滚动条颜色修改、自动滚屏功能等。

       动手给自己的Blog做了个整容手术,决定在优快云上安家了

      

       使用优快云 Blog已经差不多1年半的时间了,但是优快云 给我的感觉却很不好,很不稳定,在这1年半的时间的里面,优快云 Blog没有太大的动作,也就是有些小的修修补补而已,不过这几天登陆blog发现blog的后台做了一点调整,有点点惊喜,但是功能上没有几乎没有什么改动。不过这个世界就是这个样子,天下没有免费的午,优快云 BLOG毕竟是免费的,所以我们不能够对它要求太多,况且优快云 毕竟是个赢利的机构,向钱看才是它们的目的,毕竟不能够和ChinaUnix比较。

       不管怎么评价优快云 BLOG,我都要承认一个事实,那就是我有点不舍得放弃这个BLOG了,毕竟在上面花了太多的时间,尽管不太好但是也可以将就。 因为我毕竟不是发烧级Iter,非得要自己去买个域名,空间,建立自己的个人网站。尽管曾经有这样的想法,但是对我来说完全没有必要。所以我决定从此以后一直用这个BLOG了,不过优快云 BLOG的界面确实不用提了,看了一年多了没有什么变化,有点看烦了,还是自己动手整容吧。

       OK,废话少说,现在就动手吧。

 

1. 更改滚动条颜色

CSS

<STYLE>

BODY {

SCROLLBAR-FACE-COLOR: #fcfcfc;

 SCROLLBAR-HIGHLIGHT-COLOR: # 6c 6c 90;

 SCROLLBAR-SHADOW-COLOR: #fcfcfc;

 SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;

 SCROLLBAR-ARROW-COLOR: #240024;

 SCROLLBAR-TRACK-COLOR: #fcfcfc;

 SCROLLBAR-DARKSHADOW-COLOR: # 48486c ;

 SCROLLBAR-BASE-COLOR: #fcfcfc

}

</STYLE>

 

2.增加自动滚屏的功能,当用户双击空白的时候自动滚屏或者停止滚屏

JavaScript

<SCRIPT>

try{

       var currentpos,timer;

       function initialize()

       {

              timer=setInterval('scrollwindow()',10);

       }

       function sc(){

              clearInterval(timer);

       }

       function scrollwindow()

       {

              currentpos=document.body.scrollTop;

              window.scroll(0,++currentpos);

              if (currentpos != document.body.scrollTop)

              sc();

       }

       document.onmousedown=sc;

       document.ondblclick=initialize;

} catch (exceptionObj) {

}

</SCRIPT>

 

4.去掉以前的花哨的图片,增加更多的有用的链接

 

5.更改CSS样式,更换成绿色风格

优快云 BLOG确实有写让人头痛,它的不同的风格输出的HTML居然不一样,在改css的时候相当麻烦,毕竟我不是专门的美工,还好,原来网上的牛人就是多,居然有别人已经做好了的,那就直接拿来了。感谢http://blog.youkuaiyun.com/cnhaha上提供的样式,我的这个blog的样式都是从他的 bloghtml的源代码中研究出来的。

 

       不过利用了这个新的样式了以后又带来了新的麻烦,那就是如果文章中如果有比较大的图片的话,老是把正文的内容给排挤到最下面去了,看来还应该去仔细研究一下该怎么解决了哦!

 

 

 

 

评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值