Quoteoftheday_XH 1.1

For CMSimple_XH >= 1.5.4 or CMSimple 4.x

"Quote of the day" creates a div box in which a quote is placed. This quote comes from one of several quote collections entered by the user in the backend. The quote is exchanged daily, weekly or monthly, at random or in a fixed order.

The quotes are entered as plain text with simplified markup similar to wiki software.

New in version 1.1

New in version 1.0

Update to 1.1

Saving your old installed plugin before updating may always be prudent.

Install the unzipped download into the base folder of CMSimple_XH. This will overwrite your old quoteofthedays plugin, add a file to the filebrowser plugin and add a folder for saving quotes to the userfiles. Your existing quote files should remain intact. Config settings have to be entered again.

In case you made some changes to the css, save you old css file before the update and create later your custom css class as detailed in the next section.

Updates from 0.5 and earlier version need entering after every quote the new quote separator === and the trigger for the author line -.

Quote Frames

Quotes are displayed in a frame, which is a div container with a selectable class. The class name is saved in the quote file header. You can easily create additional frame classes: Just enter a new class in the stylesheet.css, the name has to start with .quote_.

Sometimes it is easier to edit one of the existing frame classes, e.g. by changing the value of max-width or adding a font color with color:black;. To prevent floating images overlapping the bottom quote border, add clear:both;. However in some templates this will affect the design, so a decision has to be made per case.

Calling Quoteoftheday

Entering and editing quotes

Preset is the language specific quote file, e.g. for English quote_en.txt. Instead of selecting "Standard quote file" you can select quote_en.txt, which amounts to the same. You can create or delete quote files via the options menu. File names may not contain accented letters or spaces.

CodeUsage
=== Quotes are separated by === in the quote file.
Empty line A new paragraph in a quote is created via an empty line or via the use of a markup code. Entering a new line in the input will not create a new line in the output.
/ At the end of a line: Line break within a paragraph, e.g. useful for poems.
**...**
//...//
__...__
bold
italic
underlined
paragraph triggers:
-Text...
?Text...
!Text...
%Text...
%%Text...
At the beginning of a line: creates new paragraph with css-class:
— dash and right aligned (for author's name)
smaller font
bigger font
centered (takes 2nd place combined with other codes, e.g. !%)
right aligned (takes 2nd place in code combinations)
* Text...
* Text...
  • Text
  • Text
# Text...
# Text...
  1. Text
  2. Text
2-4 spaces At beginning of a line: Creates new indented line, works also inside of list items, doesn't create a new paragraph.
>
>>
>>>
At start of quote:
If the width of the quote frame is too large for a certain quote, you can narrow down the width for this quote in 3 steps.
[[URL|Text]] Creates a link, e.g.
external: [[http://cmsimple-xh.org|XH-Website]]
internal: [[?Start|to the start page]]

{{image.jpg}}


{{ image.jpg}}
{{image.jpg }}
{{ image.jpg }}

{{image.jpg|width="300"}}
{{ image.jpg |width="300"}}

{{...|style="width:300px"}}
{{...|alt="xxx"}}
%{{image.jpg}}
%%{{image.jpg}}
Image files are inserted with the filebrowser at the position of the cursor. An alt value is generated automatically.

Note: The position of the spaces triggers the floating!
Floating to the right.
Floating on the left.
Centered.

Set to a width of 300px.
Centered and set to a width of 300px.

Alternative way to set width or other css-values.
xxx as alt-value instead of automatically generated one.
Centered image (no float) via paragraph trigger code.
Image right aligned via paragraph trigger.
{{Sound.mp3}} Audio files (mp3, wav, ogg) are entered like image files via the filebrowser and get automatically a title value. On the page the player of the browser is shown, e.g. in Firefox:
player.png, 2,3kB
Usually one will place the player into its own paragraph, i.e. at the start of the quote, or after an empty line, or after a paragraph trigger code, e.g. %, so that the player doesn't overlap any text of the quote.
Floating of the player not implemented as in images. No flash fallback, Internet Explorer 8 won't show anything.
%{{Sound.mp3}}

{{Sound.ogg,mp3}}

{{Sound.mp3|autoplay}}
{{Sound.mp3|loop}}
{{...|autoplay loop}}
{{...|style="background:red"}}
{{...|style="width:200px"}}
% in front put the player in a centered paragraph.
If you have both an ogg- and an mp3 file, you can present Chrome, Firefox, etc. with ogg and Internet Explorer with mp3.

Automatic start
Loop
Both
Colored player (here red)
To 2/3rd shortened player

Acknowledgements

With the help of suggestions from all beta testers, especially mhz, cmb, Ludwig, Tata and oldnema, this plugin has become what it is now.

I would like to thank those unknow designers, on whose work some of the frames of Quoteoftheday are based. You can find innumerable useful frames in the internet, sometimes the same designs on multiple sites, where the original creator isn't mentioned.