DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:cssperpage

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Last revision
plugin:cssperpage [2018-09-27 01:43]
turnermm [Syntax]
plugin:cssperpage [2019-11-29 12:14]
Dr-Yukon
Line 1: Line 1:
-====== cssperpage Plugin ======+====== CSSPerPage Plugin ======
  
 ---- plugin ---- ---- plugin ----
-description: Enables setting of CSS on a per page, per section basis.+description: Enables setting of CSS on a per page, per section basis
 author     : Myron Turner  author     : Myron Turner 
-email      : turnermm03@shaw.ca +email      : turnermm02@shaw.ca
 type       : syntax type       : syntax
-lastupdate : 2018-09-17+lastupdate : 2018-09-15
 compatible : Elenor of Tsort,Frusterick Manners,Greebo compatible : Elenor of Tsort,Frusterick Manners,Greebo
 depends    :  depends    : 
Line 14: Line 14:
  
 downloadurl: https://github.com/turnermm/cssperpage/archive/master.zip downloadurl: https://github.com/turnermm/cssperpage/archive/master.zip
-bugtracker : # eg. http://github.com/turnermm/dokuwiki-plugin-cssperpage/issues +bugtracker : https://github.com/turnermm/cssperpage/issues 
-sourcerepo : # eg. http://github.com/turnermm/dokuwiki-plugin-cssperpage/+sourcerepo : https://github.com/turnermm/cssperpage
 donationurl:  donationurl: 
  
Line 27: Line 27:
 ===== Examples/Usage ===== ===== 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.+''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 references these divs and/or their classes. 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. 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.
Line 33: Line 33:
 ---- ----
  
-{{  https://i.imgur.com/nPoR7gf.png?direct&510  }}+{{  https://i.imgur.com/nPoR7gf.png?direct&500  }}
  
 ---- ----
Line 44: Line 44:
 </code> </code>
  
-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:+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''.  The HTML will look like this:
  
 <code> <code>
plugin/cssperpage.txt · Last modified: 2020-07-26 15:45 by turnermm