当前位置: 代码迷 >> Web前端 >> Monobook改动左边栏宽度
  详细解决方案

Monobook改动左边栏宽度

热度:173   发布时间:2012-11-23 00:03:29.0
Monobook更改左边栏宽度
wiki的Monobook插件使用起来不错。不过左边栏太窄了。标题过长就很多就看不到了。
更改的时候需要找到main.css(在wiki下的lib/tpl/monobook/monobook/main.css)。
在main.css中找到

   1.
      .portlet {
   2.
          border: none;
   3.
          margin: 0 0 .5em;
   4.
          padding: 0;
   5.
          float: none;
   6.
          width: 11.6em;
   7.
          overflow: hidden; 



修改width这个宽度为你想要的宽度值
   1.
      #content {
   2.
          margin: 2.8em 0 0 12.2em;
   3.
          padding: 0 1em 1.5em 1em;
   4.
          background: white;
   5.
          color: black;
   6.
          border: 1px solid #aaa;
   7.
          border-right: none;
   8.
          line-height: 1.5em;
   9.
          position: relative;
  10.
          z-index: 2;
  11.
      } 


修改margin: 2.8em 0 0 12.2em;中的12.2这个值,需要比上面修改的portlet值要大
同时需要找到column-content也找到他的margin修改其中的-12.2为你要更改的值。
修改完毕,保存,就可以看到效果了。
  相关解决方案