10
29
2009
0

使用CSS令Chito的Aeros主题视野更宽(效果见本博客)

本站文章,皆为原创,如需转载,请注明出处,违者必究

 今天在转贴自己过去的几篇文章的时候,发现Chito的主题中文本显示区域都比较窄,一般写代码比较多的朋友(特别是Linux下工作的朋友)都知道,默认的代码宽度都是80个等宽字符的,所以哪怕很美观的代码贴在chito上面也显得很乱,所以自己干脆研究了一下如何修改chito的aeros主题,让代码显示更美观一点。

aeros主题默认是针对800x600分辨率的,但是现在无论是笔记本还是台式机普遍是1024x768以上的分辨率,所以在现代的电脑上也显得太窄了,所以用chrome研究了一下chito的框架结构后,写了下面的CSS补丁,在管理页面里面贴到插件的自定义CSS下面即可:

.storywrap {
  width: 650px;
}

.cornercontent {
  width: 910px;
}

.cornercontentbottom {
  width: 900px;
}

.storycornerwrap {
  width: 690px;
}

.storycornercontent {
  width: 680px;
}

.storycornerwrapbottom {
  width: 690px;
}

.storycornercontentbottom {
  width: 670px;
}

#headmenu {
  width: 920px;
}

#rap {
  width: 920px;
}

#header {
  width: 920px;
}

#content {
  width: 735px;
}

#page_wrap {
  width: 685px;
}

body {
  background: #3fabd9 url(/themes/iTheme/stylesheets/images/main-bg.jpg) repeat-x 0 0;
  background-attachment:fixed;
  color: #000;
  font-family: Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0;
}

 

Category: 程序开发 | Tags: | Read Count: 1310

登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter

Host by is-Programmer.com | Power by Chito 1.3.3 beta | Theme: Aeros 2.0 by TheBuckmaker.com