• Login |
  • Registrieren |
  • Hilfe |
Tellafriend

Beitrag: Formatierungshilfen

Geschrieben von User15 Dirk-Neuss 07.09.2013 22:11h (geändert: 22.01.2017 15:24h) | 195 x gelesen

Themen:

Dies ist eine Hilfestellung für Formatierungen des Textes eurer Treffen mit der bei GROOPS genutzen Textdarstellung TEXTILE.

Textformatierungen mit Textile

Bei der Anwendung der Sonderzeichen müssen diese ohne Leerzeichen vor bzw. nach den Wörtern geschrieben werden.
Beispiel: /text/
Nicht immer funktionieren alle Sonderzeichen, das hängt wahrscheinlich von der Seiteneinstellung der Gruppe ab. Wer weitere Tipps hat, immer her damit.

Fettdruck mit Asterix * vor und nach dem Text.

Dünndruck mit “at” @ vor und nach dem Text.

Kursivdruck mit Unterstrich _ vor und nach dem Text.

Unterstrichener Text mit Plus + vor und nach dem Text.

Durchgestrichener Text mit Minus – vor und nach dem Text.

Das “Hoch ^” vor und nach einem Text ergibt einen hoch gestellten Text.

Die “Welle ~” vor und nach einem Text ergibt einen tief gestellten Text.

Kombinationen sind auch möglich und ergeben hier einen fetten und unterstrichenen Text mit ‘+*’ vor und ‘*+’ nach dem Text.

Ein Prozentzeichen % und eine englische Farbangabe in dieser Form {color:red} vor dem Text, sowie ein abschließendes % danach ergibt einen roten Beispieltext.

Das funktioniert für viele Standardfarben, hier Beispiele:

  • green grün
  • yellow gelb
  • cyan cyanblau
  • blue blau
  • silver silber
  • magenta pink
  • black schwarz
  • grey grau
  • red rot
  • lime hellgrün
  • olive oliv
  • teal blaugrün

Eigene RGB-Farben anhand von HEX Farbcodes wie diese #66AA66 sind z.b. hier zu ermitteln.

Die Aufzählung mit den “Punkten” oben gelingt mit vorweg gestelltem * und nachfolgendem Leerzeichen, dann folgt der Text. Bei # würde eine numerische Aufzählung erscheinen.

  1. Das sieht
  2. dann so
  3. aus.

Die Verdoppelung der Zeichen * bzw # ergibt eine Gliederung in Unterpunkte.

  • Ein Asterisk, erster Punkt
    • zwei * erster Unterpunkt
      • drei * weiterer Unterpunkt
  • und mit einem Asterisk folgt der nächste Punkt.
  1. Eine Raute, erster Punkt
    1. zwei = Unterpunkt 1.1
      1. drei = Unterpunkt 1.1.1
  2. und mit einer Raute folgt der nächste Punkt.

Eine horizontale dünne Trennlinie wird mit 3x “Unterstrich _” erzeugt.


Eine große Überschrift wird durch “h1. Überschriftstext” erzeugt.

Eine kleine Überschrift wird durch “h3. Überschriftstext” erzeugt.

Ein oliver zentrierter Header der Größe 3 wird wie folgt geschrieben:
h3()=[no]{color:olive}. Überschriftstext
und sieht dann so aus:

Überschriftstext

Eine zentrierte normaler Textzeile wird mit p=. und einem nachfolgenden Leerzeichen vor dem eigentlichen Text am Zeilenanfang geschrieben. p<. steht für rechtsbündig und p>. für linksbündig.

Zentrierter fetter Text, eine Zeile.

Linksbündiger unterstrichener Text, eine Zeile.

Rechtsbündiger NORMALER Text, eine Zeile.

Davor und dahinter muss eine Leerzeile eingefügt sein.

Ein Zeilentext mit einer Größe von z.B. 18pt wird so erstellt, natürlich wieder ohne Leerzeichen vor und nach den “%”: % {font-size:18pt}TEXT % und das sieht dann so aus:

Text mit Größe 18pt

Und mit der Kombination % {font-size:16px;color:#66AA66}TEXT % habe ich die Schriftgrößer 16pt mit der Farbe #66AA66 kombiniert.

Außerdem funktionieren auch einige html-Tags, da werden Zeichen in < > gesetzt, dies dann ohne Leerzeichen!

Beispielsweise:
< br > für einen Zeilensprung „blank row“,
< p > für einen Absatz „paragraf“.

Das Verlinken zu anderen Internetseiten wird mit einem Text in "" , einem nachfolgendem : und dann dem kompletten Link http: den beiden // und dann www… (alles ohne jedes Leerzeichen!) dargestellt. Das ist meist farblich unterstützt: Dies ist der Link zu L@R.

Kleine Bilder (das Groops-Logo hier ist nur 12kB klein) und Animationen werden mit !! und dem http-Link dazwischen dargestellt. Bitte eine eigene INSTAGRAM- oder FLICKR-Adresse oder ähnliches verwenden und nicht direkt zum Fundort verlinken. Und unbedingt die möglichen Urheberrechte beachten!

1 Kommentar

  • User35
    Birgit_n, Mittwoch 13.07.2016 19:50h

    Diesen Beitrag finde ich toll, habe zwar einiges herausbekommen, aber du bist der Profi! Vielen Dank, Dirk!

Bitte melde Dich an, bevor Du Kommentare schreibst.

Moderierte Gruppe, Inhalte für alle sichtbar Gruppe jetzt beitreten... Oder melde Dich an, falls Du bereits Mitglied bist.

Aktive Mitglieder » Alle

  • User90 bode
  • User90 sammyjune
  • User90 christine1111
  • User90 hufnagel-anne
  • User90 felj
  • User90 nachtsonne1

Feed_ics

Feed_badge

Feed_json

145429

Bookmark setzen:

  • Misterwong
  • Delicious
  • Yigg
  • Linkarena
  • Twitter
  • Yahoo
  • Oneview
  • Windowslive
  • Google
  • Myaol
  • Facebook
  • Myspace
  • Technorati