Deutsche Leser bitte zu: joomla.

Using Quotes in

This page describes how to use random quotations from www.zitat-service.de in CMS Joomla!. Free and w/o ad's you can display randomized quotes from whole collection, only from selected author, only from selected category or from your own uploaded quotes. Most quotes are in German, but you have a nice selection of English quotations with category 'English'.

Joomla! Version 3

Module version 1.4.2 from October, 4th 2019 uses TLS (https) and supports the automatic update mechanism. Open Joomla! administration, switch to the extension manager and install module from following URL:

https://www.zitat-service.de/joomla/mod_zitat_service_de_1.4.2.zip

Next go to Modules in Extensions and choose module zitat-service.de. Select desired 'Position', e.g. atomic-sidebar. Change 'Status' to 'Published' and assign module to pages, e.g. 'On all pages'. Save & Close.

With base options you can:

Display only quotes from one author (e.g. Goethe),
Display only quotes from ony category (e.g. English) or
Use only your own uploaded quotes with your user name.

Advanced parameters are:

Give window name to open authors or source links in new window (e.g. quote)
Choose asynchronous JavaScript communication or direct request. Asynchronous JavaScript request is recommended (as it is faster) and is needed if allow_url_fopen is disbled in PHP.
You can set a minimal module height (e.g. 20ex or 100px). For testing you can use the category WebDesignTest which contains the shortest and largest quotation.

Styling Quotations Look

Look and formating of the displayed quotation can be customized with cascading stylesheets (CSS). Class quote div container enclosed the whole quotation. Inside are two div containers with classes quotation for the quote itself and source for quotations author and source. The following sample removes standard underline link formating, uses larger font size for the quotation and uses font color gray for quotations author and source.

div.quote * a {
  text-decoration:none;
  color: black;
  font-size: larger;
}
div.quote div.source, div.quote div.source a {
  color: gray;
}

You have to add the CSS lines to your Joomla template (i.e. for beez the file templates/beez/css/template.css).

Examples

Are you using English quotes? Please let me know to add your site as sample.

Errors or Enhancements

Did you find an error? Or do you wish to have a new feature? Please open a GitHub issue.