Not logged in. · Lost password · Register
Forum: General Help and Support Plugins RSS
Floating TOC &/or better themes [SOLVED]
Avatar
sammax1212 #1
User title: sammax1212
Member since Jun 2018 · 15 posts
Group memberships: Members
Show profile · Link to this post
Subject: Floating TOC &/or better themes [SOLVED]
Hey guys n gals, I was wondering if anyone knows of a plugin/ theme that could make the Table of Contents float down the page as you scroll, or would I need a code to put into - conf/userstyle.css  inside the DokuWiki directory? I'm new to coding and dokuwiki.. Also if anyone knows of any good themes that are newer I'd greatly appreciate it. I've tried boostrap3 but cant change the look of it (maybe I just don't know how:/
This post was edited on 2018-06-12, 21:18 by sammax1212.
Avatar
turnermm (Moderator) #2
Member since Oct 2009 · 4803 posts · Location: Canada
Group memberships: Global Moderators, Members, Super Mods
Show profile · Link to this post
Try the tocselect plugin, maybe in combination with the overlay plugin.
Myron Turner
github: https://github.com/turnermm
plugins, templates: http://www.mturner.org/devel
Avatar
sammax1212 #3
User title: sammax1212
Member since Jun 2018 · 15 posts
Group memberships: Members
Show profile · Link to this post
thank you I will give it a try.. i stumbled upon this code, Do you think it would work?
Just put the following code inside  conf/userstyle.css  inside DokuWiki directory.



1 /* Place customisations to screen mode style sheet here */
2
3 /* table-of-content sidebar*/
4 div.toc {
5 position: fixed !important;
6 top: 1em !important;
7 bottom: 3em !important;
8 right: 0px !important;
9 overflow-y: auto !important;
10 display: -moz-box !important;
11 height: 90% !important;
12 width: 16% !important;
13 }
14
15 /* reducing page width to save it from going under toc */
16 div.header, div.bar, div.doc, div.breadcrumbs {width:82% !important}
17 div.page {
18 width: 80% !important;
19 border: 0px #6C9AD0 solid !important;
 20 padding: 1em !important;
21 }
22
23 /* styling the 'Edit' button */
24 input[value="Edit"] {
25 font-weight: bold !important;
26 font-size:1em !important;
27 border-width: 0.2em !important;
28 }
29
I got the code from here Link: http://babilonline.blogspot.com/2010/08/dokuwiki-beautifie…
Avatar
sammax1212 #4
User title: sammax1212
Member since Jun 2018 · 15 posts
Group memberships: Members
Show profile · Link to this post
Hey I didnt get to try the code but I used bootstrap 3 theme and now I have a floating TOC. Thank you turnermm :-D
Close Smaller – Larger + Reply to this post:
Verification code: VeriCode Please enter the word from the image into the text field below. (Type the letters only, lower case is okay.)
Smileys: :-) ;-) :-D :-p :blush: :cool: :rolleyes: :huh: :-/ <_< :-( :'( :#: :scared: 8-( :nuts: :-O
Special characters:
Go to forum
Imprint
This board is powered by the Unclassified NewsBoard software, 20150713-dev, © 2003-2015 by Yves Goergen
Current time: 2020-04-02, 21:31:25 (UTC +02:00)