DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:cssperpage

This is an old revision of the document!


cssperpage Plugin

Compatible with DokuWiki

Elenor of Tsort,Frusterick Manners,Greebo

plugin Enables setting of CSS on a per page, per section basis.

Last updated on
2018-09-17
Provides
Syntax

This extension has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues.

Tagged with css, html, style

Installation

Install the plugin using the Plugin Manager and the download URL above, which points to latest version of the plugin. Refer to Plugins on how to install plugins manually.

Examples/Usage

Cssperpage enables setting of CSS styles for an entire page or for sections of a page by placing HTML divs around either the entire page or sections. The CSS must be placed in the style.css file of the plugin directory.

This is a screen shot of a page which uses cssperpage to create styles. The demo folder of the cssperpage plugin has a sample dokuwiki page that will produce these styles in combination with the style.css file bundled with the plugin.



Syntax

    ~~cssp_openDIV~~
    ~~cssp_user-defined-name_openDIV~~
    ~~cssp_closeDIV~~

Each openDIV form will create an open HTML div tag with a class name. In the case of ~~cssp_openDIV~~ the class name will be opencss. In the case of a user defined name, the class name will be the user defined name. Each openDIV must have a closing closeDIV. The id for these DIVs is #css_per_page. The default class is opencss, and the user defined class is the user_defined_name. These will create HTML that looks like this:

<div id="#css_per_page" class="opencss">
  --your page data
</div>

<div id="#css_per_page" class="user_defined_name">
  --your page data
</div>

You can enclose either an entire page between an openDIV and a closeDIV or a part of the page. But if you are enclosing a part of the page, the open and close DIVs cannot cross over edit section boundaries. An edit section boundary is marked by DokuWiki's in-page edit buttons (as opposed to the edit button or link found outside the page, in the tool bars, top of the page, etc).

The CSS

The CSS for these DIVs will look something like this:

style.css
/*user defined class */
#css_per_page.user_defined_name {
  font-size:14pt;
}
 
/* css_per_page default class: opencss */
#css_per_page.opencss{
    ul {
        list-style-image: url(images/image.gif);
    }
    font-size: 12pt;
}

Change Log

plugin/cssperpage.1538004984.txt.gz · Last modified: 2018-09-27 01:36 by turnermm

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki