Forum Style Classes
Posted: 2022-Mar-29 15:18
As a support for styling community content, here's a quick display of CSS style classes available in the WAAPT Forum. These allow for styling text using the tags
First, some styles have their own tags which you may find also in the post box.
Evil text: this is a staple of WAAPT's TvTropes-based history and is basically danger text in a black background.
The true nemesis of WAAPT is timezones.
Text indentation: class "indent" allows for giving a paragraph a small indentation. Ideally, when writing multiple indented paragraphs, each paragraph should carry an indent tag on its own, but it may, perhaps, work well with an encompassing tag. This can be accessed more easily also with the
Some normal lines of text, ideally long enough that they show up a little. This is basically normal narration about our protagonists doing stuff.
Letter / word decoration:
Some specific classes are added to the forum to provide access to common typographical and decoration effects. Here is a(n always incomplete) sample of a few of them.
Some normal affairs here, and some Serious Business affairs over there.
Some normal affairs here, and some Serious Business affairs over there.
Back in the 90's, annoying blinking text was a staple of old personal Geocities, MySpace blogs.
Sometimes you need to elongate your text to exercise it.
If you don't want to reveal who the killer is, you can put it in a spoiler. Viewers will need to activate it to view it, and it will be lost on print or on save-as.
You can also redact text. Normal viewers will need to select it to view it, but print mode or save-as might expose it.
----
[sclass=classname...] [/sclass]. Note that this is a work in progress and more class names may be added in the future. First, some styles have their own tags which you may find also in the post box.
Evil text: this is a staple of WAAPT's TvTropes-based history and is basically danger text in a black background.
Code: Select all
The true nemesis of WAAPT is [EVIL]timezones[/EVIL].
Text indentation: class "indent" allows for giving a paragraph a small indentation. Ideally, when writing multiple indented paragraphs, each paragraph should carry an indent tag on its own, but it may, perhaps, work well with an encompassing tag. This can be accessed more easily also with the
[INDENT] tag.Code: Select all
Some normal lines of text, ideally long enough that they show up a little. This is basically normal narration about our protagonists doing stuff.
[INDENT]Some indented text. Ideally this should be long enough that gets to multiple lines. For example, it could be a narrative indication of an alternate scene description, a flashback, etc.
[/INDENT]
Back to our normal, non-indented text programme.
Some indented text. Ideally this should be long enough that gets to multiple lines. For example, it could be a narrative indication of an alternate scene description, a flashback, etc.
Back to our normal, non-indented text programme.Letter / word decoration:
Some specific classes are added to the forum to provide access to common typographical and decoration effects. Here is a(n always incomplete) sample of a few of them.
Code: Select all
Some normal affairs here, and some [sclass=small-caps]Serious Business[/sclass] affairs over there.
Some normal affairs here, and some [sclass=titling-caps]Serious Business[/sclass] affairs over there.
Some normal affairs here, and some Serious Business affairs over there.
Code: Select all
Back in the 90's, [sclass=blink]annoying blinking text[/sclass] was a staple
of old personal Geocities, MySpace blogs.
Code: Select all
Sometimes you need to [sclass=txt-stretch]elongate[/sclass] your text to exercise it.
Code: Select all
If you don't want to reveal who the killer is, you can [sclass="spoilered"]put it in a spoiler[/sclass]. Viewers will need to activate it to view it, and it will be lost on print or on save-as.
Code: Select all
You can also [sclass="REDACTED"]redact text[/sclass]. Normal viewers will need to select it to view it, but print mode or save-as might expose it.
----