Dokuwiki模版Vector使用总结

Vector模版的介绍：
仿维基百科主题，有侧边栏、用户页、讨论页、标签页功能，支持中文。

可以自定义 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 中，文件里有例子。

应用1、增加自定义顶部导航
在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，在结尾加入导航代码

< ! --开始设置导航条 -- >

< ul id = "diynav" >

< li > < a href = "http://annhe.net" target = "_blank" >主页 < / a > < / li >

< li > < a href = "http://www.annhe.net" target = "_blank" >博客 < / a > < / li >

< li > < a href = "http://wiki.annhe.net" >维基 < / a > < / li >

< li > < a href = "/首页?do=index" >站点索引 < / a > < / li >

< li > < a href = "/wiki/about" >关于 < / a > < / li >

< li > < a href = "http://www.annhe.net/leave-a-message" target = "_blank" >留言 < / a > < / li >

< li > < a href = "http://www.annhe.net/about-me" target = "_blank" >联系我 < / a > < / li >

< li > < a href = "http://bbs.tecbbs.com/group-281-1.html" target = "_blank" >论坛 < / a > < / li >

< / ul >

< ! --导航条设置结束 -- >

应用2、用户自定义样式的使用，调整页面和目录字体

/*重定义页面文字大小*/

#bodyContent {

font-size : 14px ;

}

/*重定义目录文字大小*/

.toc .level1 {

font-size : 14px ;

}

.toc .level2 {

font-size : 13px ;

}

.toc .level3 {

font-size : 12px ;

}

应用3、重定义标题样式

/*重定义标题样式*/

div.dokuwiki h3 {

font-size : 120% ;

margin-left : 40px ;

border-bottom : none ;

padding : 0.2em 0.4em ;

background-color : #DDEFBD ;

}

参考链接：http://www.icomez.com/net/1641.html