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 revision Previous revision
Next revision
Previous revision
plugin:cssperpage [2018-09-27 01:21]
turnermm [cssperpage Plugin]
plugin:cssperpage [2018-11-12 06:32] (current)
turnermm [cssperpage Plugin]
Line 2: Line 2:
  
 ---- plugin ---- ---- plugin ----
-description:​ Enables setting of CSS on a per page 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 40: Line 40:
 <​code>​ <​code>​
     ~~cssp_openDIV~~     ~~cssp_openDIV~~
-    ~~cssp_user_defined_name_openDIV~~+    ~~cssp_user-defined-name_openDIV~~
     ~~cssp_closeDIV~~     ~~cssp_closeDIV~~
 </​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 ​mus have a closing ​%%~~cssp_closeDIV~~%%.  The id for these DIVs is ''#​css_per_page''​.  ​o you will have 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>​
Line 56: Line 56:
 </​code>​ </​code>​
  
-You can enclose an entire page between ​and 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  ​bouondary ​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).  ​+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 ===
Line 62: Line 62:
 <file css style.css>​ <file css style.css>​
 /*user defined class */ /*user defined class */
-#​css_per_page.user_defined_name ​{+#​css_per_page.user-defined-name ​{
   font-size:​14pt;​   font-size:​14pt;​
 } }
plugin/cssperpage.1538004066.txt.gz · Last modified: 2018-09-27 01:21 by turnermm