Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Plugins & Atahualpa »

Hackdalic's Table Of Contents Box Plugin -- is a Yes!

Old Jun 29, 2009, 02:43 AM
149 posts · Apr 2009
Dev Env't: XP Pro SP3, IIS 5.1, MySQL 5.1, PHP 5.2.x, WP 2.7.1, Atahualpa 3.3.3, IE 7, FF 3.0.x
My site will have quite a few long technical articles (in MS Word, with images, they are 20 - 30 or more pages long and that is after breaking them up into logical sub-subjects)

Even paired down these are too long, in my opinion, to have my readers scanning downward and downward and ...

Part of the solution was to use the <!--nextpage--> tag ... judiciously.

The other part was to find a good working TOC that I could add to each post so the reader could jump to any header in the doc desired.

After a fair amount of research and experimenting, I chose Hackadelic's.

I did so, in part, because after installing it, it both worked was very presentable out of the box and was customizable.

The other reason was because I can pair it up with the nextpage tag (the toc tag can go after it) so that you have a TOC on each page of a multi-page Post. This was critical. The reader can be on page 4, click on a heading link in the TOC and be back on Page 2 instantly.

I won't go into all the details here, you can read them for yourself. However, a few tips are in order as some of the install and usage instructions were a little unclear.

In the Plugin Management Page:
  1. Shortcode Parameter Defaults --> "The Default CSS class ...": you can set either "toc-right" or "toc-left" as a parameter. Don't add any class=, quotes, boxes, or anything else. There's no reason to set toc, that is the default.
  2. Shortcode Parameter Defaults --> "The default inline CSS Style ...": currently this only takes a max-width:XXpx or max-width:xx% property. I chatted with Hackadelic about this via e-mail and there's a glitch somewhere -- it should take an entire string of CSS styles. He's looking into it. However, it is not really an issue as the styling can all be done via the CSS Insert. ... Speaking of which:
CSS Insert:

On his site you will find a CSS Template file with default, workable, style settings. This must be downloaded and inserted into ATO --> HTML/CSS Inserts --> CSS Inserts. You drop it in, it works as is, then tweak to taste. By the way, Flynn assured me there is plenty of room for it as the CSS Inserts are stored in the database.

Aside from changing the colors to match my theme colors, I added a couple of mods to his CSS template that you may or may not have use for:

1. I added hover logic for the unordered list in the body of the TOC:

/* added hover logic */
div.toc li a:hover {
    text-decoration: underline;
2. I added a fifth level to the list as, yes, some of my posts go down that far and Hackadelic only has four defined:

/* added fifth level */
div.toc li.toc-level-5 {
    padding-left: 1.0em;
Hope this helps.
Old Jun 29, 2009, 04:48 AM
juggledad's Avatar
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Nice write-up!
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Old Jun 29, 2009, 04:49 PM
149 posts · Apr 2009
Dev Env't: XP Pro SP3, IIS 5.1, MySQL 5.1, PHP 5.2.x, WP 2.7.1, Atahualpa 3.3.3, IE 7, FF 3.0.x
Thank you, Juggledad.

I figure with all the help I've gotten on this forum, it is only fair to give some back.


multi-page, plugin, posts, table of contents, toc

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to Override Table CSS? jkestler Atahualpa 3 Wordpress theme 18 Apr 13, 2015 02:34 PM
[SOLVED] Problem with table styling Edu_Sanzio Atahualpa 3 Wordpress theme 3 Jul 9, 2009 05:22 AM
[SOLVED] HTML table below the header ZioRiP@gmail.com Header configuration & styling 8 Apr 27, 2009 06:19 AM
Big gap before my table renders shilldiy Atahualpa 3 Wordpress theme 4 Apr 14, 2009 02:40 AM
Colors in table do not display correctly MrCardinal Atahualpa 3 Wordpress theme 1 Feb 20, 2009 12:57 PM

All times are GMT -6. The time now is 07:46 AM.

Powered by vBulletin® Copyright ©2000 - 2023, Jelsoft Enterprises Ltd.