Auswahl von Seiten, die plusgut.ch verwenden




Beispielcode


Sie können Text normal schreiben, aber auch fett - kursiv - durchgestrichen - tiefgestellt - hochgestellt.
Sie können zwischen 6 verschiedenen Grössen von Überschriften auswählen:

Überschrift H1

Überschrift H2

Überschrift H3

Überschrift H4

Überschrift H5
Überschrift H6
Sie können ungeordnete und geordnete Listen erstellen:


  1. Dies ist eine geordnete Liste.
  2. Eine geordnete Liste wird automatisch numeriert.
  3. Natürlich kann man innerhalb einer Liste auch Text formatieren.
  4. Oder z.B. einen [contact.htm|Link] setzen.

Apropos Links: Hier sollte man mit relativen Links arbeiten, solange auf Daten verlinkt wird, die sie selbst hochgeladen oder erstellt haben. Wenn sie also von der Startseite aus (http://beispiel.ch/index.htm) auf die Kontaktseite verlinken möchten, reicht "contact.htm" als Angabe, da sich beide Seiten innerhalb desselben Verzeichnisses befinden. Wenn sie auf Daten des Upload-Ordners verlinken möchten, müssten sie dagegen "uploads/" voranstellen.

Eine Trennlinie wird mit [hr] gesetzt:




Bilder lassen sich bequem über das Bild-Symbol einfügen (vorausgesetzt, sie wurden vorher über die "Dateien hochladen"-Funktion hochgeladen).


Bilder können entweder normal hinzugefügt werden - oder so, dass der Text links oder rechts um sie herumfliesst.

Durch Verknüpfen mit einem grösseren Bild und Hinzufügen von Parametern lässt sich eine Lightbox generieren:
[URLzumgrossenBild|[img]URLzumkleinenBild[/img]|container|LegendezumBild]

("container" bleibt immer gleich, es sei denn, Lightbox-Bilder auf einer Website sollen nicht automatisch zu einem Album verknüpft werden.)
(Auch für die separate Fotogalerie gibt es wahlweise einen Lightbox-Modus.)

Youtube-Videos lassen sich ebenso bequem über das Youtube-Symbol einfügen. Beispiel:


Googlemaps lassen sich mit [googlemap]Google-Embed-URL[/googlemap] einfügen. Beispiel:


Zur Ausrichtung von Text oder anderen Elementen stehen vier Möglichkeiten zur Auswahl: links- und rechtsbündig, zentriert sowie Blocksatz.
Dieses Beispiel ist mittig zentriert.


Tabellen sind manchmal sehr praktisch.  BEISPIELINHALT.   Einzelne Zellen lassen sich auch mit [td style='text-align:right'] rechts ausrichten.
Wenn man z.B. Blöcke bündig ausrichten will.  BEISPIELINHALT.   Natürlich kann man in einer Tabelle ebenso [http://www.plusgut.ch/|Links], Textformatierungen, Bilder, Youtube-Videos und so weiter setzen.





Mit dem style-Attribut können mittels CSS einer Reihe von Elementen verschiedenste Eigenschaften zugewiesen werden - Beispiele:

[block style='color:#fff;background-color:#333;border:2px solid #f00;padding:20px;text-align:center;font-weight:bold']Block-Element[/block] erzeugt:
Block-Element

[inline style='opacity:0.4;background-color:#30f;padding:20px']Inline-Element[/inline] erzeugt: Inline-Element
... [td style='vertical-align:bottom;text-align:right;'] ... erzeugt eine Tabellenzelle, deren Inhalt unten rechts ausgerichtet ist




Mit dem class-Attribut kann einem Element eine Klasse zugewiesen werden, die dann in den Layout-Einstellungen einmal definiert wird und immer wieder verwendet werden kann - Beispiel:

In den Layout-Einstellungen:
.rotundfett {color:#f00;font-weight:bold}

Im Dokument:
[inline class='rotundfett']Dieser Text ist rot und fett.[/inline]