iorz新布景上架,活力亮一夏!

  作者:   浏览: [ 325 ] 次

最近经过上次的网站三岁文章后,我们收到许多表单的回应,其中有网友反应我们的布景太单调了,都单色系。所以就趁着做毕专之余,来改版一下网站了。虽然说还是没达到跳出iNove框架的目标,不过这次配色到是有比较鲜豔一点了,因为夏天到了,要让网站感觉有活力些!

不过每次布景改版就要很龟毛的弄个几天,这回当然也不例外。只是这回比较伤脑筋的是布景名称,想了很久也与天才讨论了很久,最后叫做「iorz」,为什幺要叫做「iorz」?因为布景名称想到很让我Orz,所以就这样子取了。

这回布景主要是以我习惯的架构去设计的,当然尽量达到不使用图片的布景,因为这样网站读取会比较快,而且不会把流量都吃掉,目前布景有使用到的图片应该也只有网站的Logo和显示程式码的小图片而已,其它部分就没有使用到图片了。

偷偷看一下iorz

iorz新布景上架,活力亮一夏!

网站的最底的背景色是浅灰色「#F0F0F0」,会挑选那颜色是为了解决PNG图档在IE6下无法透明的问题,为什幺改成那个颜色可以解决呢?因为我把Logo放到IE6下时,透明背景失效的地方颜色刚好是「#F0F0F0」,所以就这样将底色设定成那个颜色了,算是变相的解决透明背景图的问题吧XD。

iorz新布景上架,活力亮一夏!

另外,因为我习惯文章阅读的部分一定要白色,所以文章下方的背景一样是白色,这样比较适用于一般大众的阅读习惯,另外在首页部分,将分类和时间标的比较亮,因为可以让使用者第一时间辨识文章时间与分类,让他们可以加快了解文章的撰写範围,如果对文章有兴趣再点进去看!

侧边栏与小图示

iorz新布景上架,活力亮一夏!

在侧边栏部分,我们一样使用一区块一区块的设计方式来呈现,另外本来摆色侧边栏的脸书粉丝团收起来了,变成一个小小的图示,如果大家要到我们的粉丝团,可以点一下蓝色的F图案。在F图案旁边还有个WordPress的图案,那就是「免费的喘息」连结,因为喘息专注于WordPress的架设讨论,所以大家如果有WordPress或是其它架站问题,可以上喘息讨论。最后面就是RSS图片了,之前摆在Logo右手边,这回都把它集中在搜寻框下方了。这样的配置方式是参考免费资源网路社群。

iorz新布景上架,活力亮一夏!

侧边栏本来有挂一大堆的东西,尽量都已经删除或是先隐藏了,让侧边栏不要太凌乱,又可以达到统计资料的效果。另外,我们新增了Facebook的建议阅读外挂,让大家知道最近其它读者喜欢哪些文章,这个外挂取代掉之前的热门文章,脸书这个外挂比较即时,可用性比较高。

iorz新布景上架,活力亮一夏!

在文章中的最下方,我们放置了Facebook的讚按钮,如果看完文章您喜欢该篇文章,可以点击﹝讚﹞来推到Facebook与您的朋友分享,这也是脸书的社群工具,还蛮不错用的,大家有兴趣可以装一下来玩玩看喔!另外,如果你发现布景有Bug,怪怪之处,麻烦通报我们一下,感谢。

为什幺我看不到圆角与阴影?

iorz新布景上架,活力亮一夏!

相信有些读者看的网页是如上图一样,和前面介绍网站布景的图不一样,因为前面的图片中,网站的样式让人感觉有阴影与圆角的效果,可是为什幺开启浏览器去看网站时却没有看到呢?这问题非常好,真相只有一个,因为你使用的是微软IE浏览器!

这主要是因为目前到IE8系列的浏览器一律不支援CSS3的圆角、阴影特效,所以透过IE浏览器会发现其实布景感觉很单调,那幺哪个浏览器才会看到圆角和阴影特效呢?基本上除了IE浏览器(包含IE核心的浏览器)都看不到外,其余浏览器应该是都有支援这些特效。

推荐改用:Firefox、Chrome,以取得更棒、更安全、更快速的浏览效果!