DokuWiki Template Vector Usage Summary



Introduction to Vector templates:
Copy Wikipedia theme, with sidebar, user page, discussion page, tag page function, support Chinese.

You can customize logos, CSS styles, Sidebar, tab pages, and so on. All changes are under the Lib/tpl/vector/user directory. Custom Logo: Name the picture as a logo, the extension can be PNG, GIF, JPG. and put it in the user directory. Custom Favicon: Name the picture Favicon.ico and put it in the user directory. (preferably put another in the root directory, convenient search engine included Favicon pictures) Custom CSS: To change the display style of the page, edit the user directory of the Screen.css file. To change the print style, edit print.css custom JavaScript: Edit the User.js file in the user directory. Need to activate in configuration settings--load "vector/user/user.js". Custom Label page: The label page is the top row of "article", "discussion" and the like, you can add your own. Edited in the tabs.php of the user directory, there are examples in the file that can be referenced. Custom Bottom button: In buttons.php in the user directory, there are examples in the file. Customize Sidebar content: You can add your own block, in the user directory in the boxes.php, there are examples in the file.

Apply 1, add custom top navigation
Add CSS code to USER/SCREEN.CSS/* navigation bar/#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 A.

/* navigation bar/* #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;}

Modify main.php, add navigation code <!--at the end set navigation bar--> <ul id= "Diynav" > <li><a href= "http://annhe.net" target= " _blank "> Home </a></li> <li><a href=" http://www.annhe.net "target=" _blank "> Blog </a> </li> <li><a href= "http://wiki.annhe.net" > Wiki </a></li> <li><a href= "/home page? do= Index "> Site index </a></li> <li><a href="/wiki/about "> About </a></li> <li><a href= "Http://www.annhe.net/leave-a-message" target= "_blank" > Message </a></li> <li><a href= "http ://www.annhe.net/about-me "target=" _blank "> Contact me </a></li> <li><a href=" http:// bbs.tecbbs.com/group-281-1.html "target=" _blank "> Forum </a></li> </ul> <!--navigation bar settings End-->

1 2 3 4 5 6 7 8 9

<!--Start setting navigation bar--> < UL id = "Diynav" > < L I > < a href = "http://annhe.net" target = "_blank" > Home </a > </li > < li > < a href = " Http://www.annhe.net "target =" _blank "> Blog </a > </li >   < li > < a href =" Http://wiki . annhe.net "> Wiki </a > </li > < li > < a href ="/home page? Do=index "> Site index </a > </li >   < li > < a href = "/wiki/about" > About </a > </li > < li > < a href = "http ://www.annhe.net/leave-a-message "target =" _blank "> Message </a > </li > < li > < a href =" http:/ /www.annhe.net/about-me "target = _blank" > Contact me </a > </li > < li > < a href = "Http://bbs.tec bbs.com/group-281-1.html "target = _blank" > Forum </a > </li >   </ul >   <! --The navigation bar setting ends-->

Apply 2, user-defined style usage, adjust page and catalog Font/* Redefine page Text size */#bodyContent {FONT-SIZE:14PX}/* Redefine TOC text size/. ToC. Level1 {font-size:14px}. To C. level2 {font-size:13px}. toc. level3 {font-size:12px;}