自从发掘Arthemia 这款WordPress 杂志型,我就对它爱不释手,对于优秀的主题,比如我现在用的inove 主题,我总要不断的修改,最后捣腾成我满意的效果。经常做客Sino Blog 的博友也许知道,原始的inove 主题是灰色调,而过年的时候我把它修改为喜庆的红色调,不久前却又被我修改成当前的绿色调,绿色代表春天嘛。

前些天浏览新浪博客,发现新浪博客的文章页面sidebar 侧栏由之前居左改为现在的居右布局,而在《我想要的WordPress 主题是这样子》这篇博文中,我就提到我更推崇sidebar 侧栏居左的布局,长河兄的10kn.com 亦是如此,。

所以,这次对Arthemia 的修改,主要也是sidebar 侧栏的调整。只要编辑Arthemia 主题下的style.css,将以下给出的left 和right 互换。

  1. #headline {
  2. width:590px;
  3. float:left;
  4. background:#fff;
  5. padding:10px;
  6. font-size:1.05em;
  7. line-height:1.5em;
  8. margin:0;
  9. }
  10.  
  11.  
  12. #featured {
  13. width:300px;
  14. background:#fff;
  15. float:right;
  16. padding:10px 10px 9px 10px;
  17. }
  18.  
  19.  
  20. #front-list {
  21. width:590px;
  22. background:#fff;
  23. padding:10px;
  24. font-size:1.05em;
  25. line-height:1.75em;
  26. float:left;
  27. }
  28.  
  29. #sidebar {
  30. width:320px;
  31. float:right;
  32. margin:0px 0px 0px 0px;
  33. }
  34.  
  35. #content {
  36. width:590px;
  37. background:#fff;
  38. padding:10px;
  39. font-size:1.05em;
  40. line-height:1.75em;
  41. float:left;
  42. min-height:400px;
  43. }

经测试,在IE 7.0/Firefox 3.0/Google Chrome 浏览器,1280*800 分辨率下没有发现错位。就是不知道在IE 6.0 下会不会出问题,因为Sino Blog 使用的inove 在IE 6.0 下导航条右边的搜索栏就有点错位而我还没找到解决方法。

修改之后的Arthemia 杂志型主题可以在十三点瑜伽网站预览 :-)

Comments are closed.