What exactly is the syntax for wiki styles?
Ie what can I put between % and % or >> and <<
how do I achieve the following
%lframe blue bgcolor=yellow text-shadow:"2px 2px #ff0000"% framed blue text
with yellow background and text shadow
|
framed blue text with yellow background and text shadow
|
If I define the colours in config.php using #WikiStyle can I use them in the abve example?
Use $WikiStyleCSS[] = 'text-shadow'; to allow text-shadow, and enclose the definition in quotes. If I may, I'd advice against enabling and using this. A better way is to define a class in pub/css/local.css and to use it everywhere. If someday you decide to change your red shadow to green, you only do it at one place. See below. --Petko September 19, 2012, at 12:43 PM
%mystyle% framed blue text with yellow background and text shadow
|
framed blue text with yellow background and text shadow
|
Margin, padding, border and list-style has all sub-style (like margin-top). QUESTION TO ANSWER: Is there sub-style are recognized or not?
The styles margin, padding, border can have a suffix -left, -right, -top, -bottom in the default installation. See the section "Enabling styles" if you need to enable more styles.
Why use direct style= anywhere
Request and discussion moved to PITS:01173.
why is a color word not a class class, eg
(:div class="frame green"
style="font-size:smaller":)
This text should be small, green, and
surrounded by a frame
(:divend:)
|
This text should be small, green, and surrounded by a frame
|
In a (:div:) or a (:table:) (:cell:) etc., WikiStyles are not used, what you type are regular HTML attributes class and style. So, if you have a "div.green" defined in your local CSS, it should be applied. We do not have it defined on pmwiki.org, so the text shouldn't be green. :-) It can work this way:
(:div class="frame"
style="font-size:smaller; color:
green;":)
This text should be small, green, and
surrounded by a frame
(:divend:)
|
This text should be small, green, and surrounded by a frame
|
why does this not work?
(:div class="blue rframe" style="font-size:smaller":)
This text should be small, blue, and surrounded by a right floated frame
(:divend:)
|
This text should be small, blue, and surrounded by a right floated frame
|
Because, confusingly, rframe is not a class.
(:div class="blue rfloat frame" style="font-size:smaller":)
This text should be small, blue, and surrounded by a right floated frame
(:divend:)
|
This text should be small, blue, and surrounded by a right floated frame
|
In a (:div:) or a (:table:) (:cell:) etc., WikiStyles are not used, what you type are regular HTML attributes class and style. If your local CSS files have defined the classes .blue and .rframe, your browser should apply them. On pmwiki.org these classes are not defined, so your browser shouldn't apply them.
"rframe" is a WikiStyle, not a CSS style or a CSS class. WikiStyles are implemented differently to be combined and applied differently.
Is a wiki style a class
No, it is a WikiStyle, not a CSS style or a CSS class. WikiStyles are implemented differently to be combined and applied differently.
%define=bclass bgcolor=#ddddff
border="1px dotted green"%
(:table:)
(:cellnr bclass:) test one
(:cellnr class="bclass":) test two
(:cellnr:)%bclass% test three
(:cellnr:)
>>bclass<<
test four
>><<
(:cellnr:)
(:div class="bclass":)
test five
(:divend:)
(:tableend:)
|
| test one
| | test two
| | test three
| |
| |
|
|
It would be helpful to provide more consistency.
%define=zclass block bgcolor=#ddddff
border="1px dotted green"%
(:table:)
(:cellnr zclass:) test one
(:cellnr class="zclass":) test two
(:cellnr:)%zclass% test three
(:cellnr:)
>>zclass<<
test four
>><<
(:cellnr:)
(:div class="zclass":)
test five
(:divend:)
(:tableend:)
|
| test one
| | test two
| | test three
| |
| |
|
|
What happened to test 3?
Why does neither of these apply styles to the contents of the DIV?
(:div class='lfloat' font-size='smaller' color='blue' bgcolor='#eee'
clear='left' :)
{*$Name}
(:divend:)
(:div style="font-size:'smaller'; color:'blue'; background-color:'#eee';
float:left; clear:'left';" :)
{*$Name}
(:divend:)
|
|
|
The first example defines HTML attributes of which only "class" is understood by browsers -- if there is a css class "lfloat", it should be respected. The second example contains invalid CSS styles so your browser ignores them -- you should remove the apostrophes.
(:div class='frame lfloat':)
{*$Name}
(:divend:)
(:div style="font-size:smaller; color:blue; background-color:#eee;
float:left; clear:left;" :)
{*$Name}
(:divend:)
|
|
|
... or these
%define=mytrail div font-size='smaller' background-color='#eee'
float='right' clear='right' %
(:div:)
%mytrail%{*$Name}
(:divend:)
(:div mytrail:)
{*$Name}
(:divend:)
|
|
|
Remove apostrophes from style definition like this
(:div style="font-size: smaller ; color: blue ; background-color: #eeeeee ;
" :)
{*$Name}
(:divend:)
|
|
|
How do I specify background-color?
%bgcolor=green% green
%bgcolor=#faf0b4% #faf0b4
%bgcolor:brown% brown
%bgcolor:#b4e6b4% #b4e6b4
%background-color=pink% pink
%background-color:yellow% yellow
%style='background-color:blue;'% blue
%background=green% green
%background=#ffbebe% #ffbebe
%background:brown% brown
%background:#b4e6b4% #b4e6b4
(:table:)
(:cellnr style="background:#faf0b4;" :) Role
(:cell style="background:#ffbebe;" :) Moment, Interval
(:cell style="background:#b4c8d2;" :) Description
(:cell style="background:#b4e6b4;" :) Party, place, thing
(:tableend:)
|
green
#faf0b4
brown
#b4e6b4
pink
yellow
%style='background-color:blue;'% blue
green
#ffbebe
brown
#b4e6b4
| Role
| Moment, Interval
| Description
| Party, place, thing
|
|
With a WikiStyle between %...% or >>...<< :
- If you have a CSS class, eg. "bggreen" defined in local css, use
%bggreen% or >>bggreen<< without quotes.
- If you don't have a CSS class, use:
%bgcolor=green% or >>bgcolor=green<< without quotes or semicolons.
In a HTML attribute class= or style= in (:div:), (:table:), (:head:), (:cell:) or ||-table, use
- If you have a CSS class, eg. "bggreen" defined in local css, use
(:div class=bggreen:).
- If you don't have a CSS class, use
(:div style="background-color:green;":) between quotes and with an ending semicolon.
How can a WikiStyle be used to set, say, the background colour of some cells of a simple table, eg
%define=bg block bgcolor=#ddddff%
||!example ||!%bg%table ||
||%bg%coloured ? ||not coloured ? ||
|
| example | table |
|---|
| coloured ? | not coloured ? |
|
It cannot, but a workaround is to have a special css span container with the property "display:block" which will spread horizontally to the borders of the cell:
%define=bgC display=block bgcolor=#ddddff%
||border=1
||!example ||!%bgC%table%% ||
||%bgC%coloured ? %%||not coloured ? ||
|
| example | table |
|---|
| coloured ? | not coloured ? |
|
http://coll-org-source.us/0-one/pmwiki.php?n=Category.Fonts(approve links)
Here is a link to an example page that has a mouseover to copy font code; a fast way to style nearly four-hundred fonts. Also, it's obvious that many of the fonts do not correspond to their true type. How does one add fonts to the PmWiki database? Who can do that? I would be happy to lend a hand. Note: The page is long, and thus, takes a few seconds to open. Hang on.
