Dokuwiki主题:Vector

用作Wiki和笔记的话,强烈推荐使用。不仅仅是因为它模仿了Mediawiki,更主要的是它的自定义能力,不但强大而且简单。而且很多自定义的内容作者已经提供好了,你只需Copy and Paste就行了。

官方说明请走:http://www.dokuwiki.org/template:vector

基本设置

“管理”——“配置设置”——“Vector模板设置”里有基本的设置选项。多数情况下,你只需要在这里进行修改。

定制

你可以添加自己的LOGO、CSS样式、侧栏、标签页等。所有修改都应在lib/tpl/vector/user目录下进行。

  • 自定义LOGO:将图片命名为logo,扩展名可以是png、gif、jpg。然后放入user目录下。
  • 自定义favicon:将图片命名为favicon.ico,放入user目录。
  • 自定义CSS:要改变页面的显示样式,编辑user目录下的screen.css文件。要改变打印样式,编辑print.css
  • 自定义JavaScript:编辑user目录下的user.js文件。需要在配置设置里激活——载入“vector/user /user.js“?
  • 自定义标签页:标签页就是上面那一排“文章”、“讨论”之类的,可以添加自己的。在user目录的tabs.php里编辑,里面有例子可以参考。
  • 自定义底部按钮:在user目录下的buttons.php中,有例子。
  • 自定义侧栏内容:可以添加自己的区块,在user目录下的boxes.php中,有例子。

一些示例

增大侧栏宽度,并居中LOGO。比如增大到16em宽:

  div#footer {
      margin-left:16em;
  }
  #head-base{
      margin-left:16em;
  }
  #left-navigation{
      left:16em;   }
  div#content  {
      margin-left:16em;
  }
  div#panel {   width:16em;
  }
  #p-logo{
      width:16em;
  } 
  #p-logo a{
      width:16em;
  }

为侧栏的无序列表添加缩进:

  div#panel div.portal ul {
      margin-top: 0.5em !important;
      margin-left: 0.8em !important;
  }
  div#panel div.portal ul ul{
      margin-left: 2em !important;
  }

为侧栏的导航列表添加列表样式。默认为无,这里添加square样式,类似的也可以为其他的添加:

  div#panel ul li {
     overflow: visible !important;
  }
  div#panel #p-navigation ul {
      list-style-type: square !important;
      margin-left:2.0em !important;
  }

<code>标签默认是白色背景,有时和其他元素结合使用时很难看,可以改为透明:

  code{
      background-color:transparent !important;
  }
  • 你好。 我也是装这个模板。
    可是,一选这个模板的时候。整个网站的样式都没了。
    但选择默认的又全好的。在网上查好久了,也没解决掉。
Posted in 主题安装.

发表评论