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:

  • Dies ist eine ungeordnete Liste.
  • Eine Liste kann beliebig viele Punkte enthalten.

  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 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 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]




plusgut.ch ⇒ Beispiele