Dokuwiki模版Vector使用总结

Contents

1 模版介绍
2 增加自定义顶部导航
3 用户自定义样式的使用
4 重定义标题样式
5 参考资料

模版介绍

仿维基百科主题，有侧边栏、用户页、讨论页、标签页功能，支持中文。

可以自定义 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;
}

/*导航条*/

#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，在结尾加入导航代码

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

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

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

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

用户自定义样式的使用

可以调整页面和目录字体

/*重定义页面文字大小*/
#bodyContent {
        font-size:14px;
}

/*重定义目录文字大小*/
.toc .level1 {
        font-size:14px;
}
.toc .level2 {
        font-size:13px;
}
.toc .level3 {
        font-size:12px;
}

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

#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;
}

/*重定义标题样式*/

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

知行近思

知行合一，切问近思

Dokuwiki模版Vector使用总结

模版介绍

增加自定义顶部导航

用户自定义样式的使用

重定义标题样式

参考资料

3 thoughts on “Dokuwiki模版Vector使用总结”

发表回复取消回复

模版介绍

增加自定义顶部导航

用户自定义样式的使用

重定义标题样式

参考资料

相关文章:

3 thoughts on “Dokuwiki模版Vector使用总结”

发表回复 取消回复

发表回复取消回复