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; }
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
/*导航条*/
#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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<
!
--开始设置导航条
--
>
<
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; }
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
/*重定义页面文字大小*/
#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; }
|
1
2
3
4
5
6
7
8
|
/*重定义标题样式*/
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