模版介绍
仿维基百科主题,有侧边栏、用户页、讨论页、标签页功能,支持中文。
可以自定义 LOGO、CSS 样式、侧栏、标签页等。所有修改都在 lib/tpl/vector/user 目录下。
- 自定义 LOGO:将图片命名为 logo,扩展名可以是 png、gif、jpg。然后放入 user 目录下。
- 自定义 Favicon:将图片命名为 favicon.ico,放入 user 目录。(最好再放一个在根目录,方便搜索引擎收录 favicon 图片)
- 自定义 CSS:要改变页面的显示样式,编辑 user 目录下的 screen.css 文件。要改变打印样式,编辑 print.css
- 自定义 JavaScript:编辑 user 目录下的 user.js 文件。需要在配置设置里激活——载入“vector/user /user.js“?
- 自定义标签页:标签页就是上面那一排“文章”、“讨论”之类的,可以添加自己的。在 user 目录的 tabs.php 里编辑,文件里有例子可以参考。
- 自定义底部按钮:在 user 目录下的 buttons.php 中,文件里有例子。
- 自定义侧栏内容:可以添加自己的区块,在 user 目录下的 boxes.php 中,文件里有例子。
增加自定义顶部导航
在user/screen.css中添加css代码
/*导航条*/
#diynav {
width: 450px;
height: 20px;
background: transparent url(http://localhost/wiki/lib/images/back.png) top left no-repeat;
position: absolute;
top: 0;
left: 36%;
margin-left: -225px;
padding: 0;
font: 14px Arial;
list-style-type:none;
}
#diynav a {
display: block;
text-align:center;
}
#diynav a:link {
color:#666;
text-decoration:none;
}
#diynav a:visited {
color:#666;
text-decoration:none;
}
#diynav a:hover {
color:#9AC0CD;
text-decoration:none;
font-weight:bold;
}
#diynav li {
float: left;
}
#diynav li a:hover{
background:#D9D9D9;
}
#diynav li:hover ul {
left: auto;
}
#diynav li.sfhover ul {
left: auto;
}
修改main.php,在结尾加入导航代码
用户自定义样式的使用
可以调整页面和目录字体
/*重定义页面文字大小*/
#bodyContent {
font-size:14px;
}
/*重定义目录文字大小*/
.toc .level1 {
font-size:14px;
}
.toc .level2 {
font-size:13px;
}
.toc .level3 {
font-size:12px;
}
重定义标题样式
/*重定义标题样式*/
div.dokuwiki h3 {
font-size:120%;
margin-left:40px;
border-bottom:none;
padding:0.2em 0.4em;
background-color:#DDEFBD;
}
参考资料
[1]. http://www.icomez.com/net/1641.html
Pingback: Dokuwiki模版Vector使用总结 | Dokuwiki中文网
Pingback: 简单免费的文档中心——dokuWiki搭建指南 - 奇诺分享 | ccino.org
Pingback: Dokuwiki使用感受 | 知行近思