Beispiele zur Beitragsgestaltung
Verfasst: 06.11.2015, 09:40
Dieser Beitrag wird bei Bedarf aktualisiert. Immer wieder reinschauen kann sich also lohnen.
Beiträge können mit sogenannten BBCodes gestaltet werden. Diese BBCodes sind zum kleinen Teil über die Iconleiste im Beitragseditor erreichbar oder werden direkt als Text in den Beitrag geschrieben. Bleibt der Mauszeiger auf einem der Icons stehen, so erscheint nach kurzer Zeit ein mehr oder weniger aussagekräftiger Tooltipp.
Ist ein Wort oder Bereich im Beitrag selektiert und wird dann ein Icon angeklickt, so wird das selektierte Wort bzw. der Bereich von dem ausgewählten BBCode eingeschlossen. BBCodes, für die es kein Icon gibt, müssen als Text direkt im Beitrag geschrieben werden.
Die meisten aber nicht alle Codes können miteinander kombiniert werden. Hier hilft nur ausprobieren.
Nachfolgend einige Beispiele. Den Eigentlichen Text des Beitrag bzw. den BBCode seht ihr, wenn Text anzeigen auswählt.
Links
Link zu den TR-Freun.den im gleichen Fenster.
Link zu den TR-Freun.den in neuem Tab oder Fenster.
Link auf ein externes Bild ohne Größenanpassung. Bild anklicken.
Eine Lightbox mit 320 Pixel Breite zur Darstellung externer Bilder. Bild anklicken.
Eine Lightbox mit variabler Breite (hier 160 Pixel) zur Darstellung externer Bilder. Bild anklicken.
Eine Lightbox mit variabler Breite (hier 480 Pixel) zur Darstellung externer Bilder. Bild anklicken.
Text um ein externes Bild herum.
Und hier steht nun der Text neben dem Bild. Das Bild kann leider nicht mit der Lightbox in der Größe skaliert werden. Dieser Code eignet sich also nur für Bilder, die bereits eine passende Größe haben.
Um den Text unter dem Bild fortzusetzen, ist eine entsprechende Anzahl von Leerzeilen einzufügen.
Um Videos zu verlinken, reicht es den Link im Beitrag zu platzieren.
Um Videos aus der Foto Galerie zu verlinken muss zunächst der Pfad zur Videodatei ermittelt werden. Dazu klickt man auf das markierte Icon oberhalb des Videos.
Es öffnet sich ein neues Fenster oder ein neuer Tab in dem nur noch das Video dargestellt wird. Aus der Adresszeile des Browsers wird nun die Adresse kopiert und in den BBCode video eingefügt.
[video]https://tr-freun.de/_albums/userpics/13 ... ediumX.mp4[/video]
Textformatierung
Unterstrichener roter Text.
Glühender Text.
Blauer Text mit Schatten.
Nochmal blauer Text mit Schatten
Unscharfer blauer Text.
Text in gelben Feld.
Texte können auch aus- und eingeblendet werden.
Textmarkierungen
Auch Tooltipps sind natürlich möglich.
Text bzw. Inhalte aus- und einklappen
Tabellen
Tabellen mit bis zu 7 Spalten und 10 Zeilen lassen sich auch mit einem Tabellengenerator erstellen. Dazu ist auf dieses Symbol zu klicken.
Im daraufhin erscheinenden Dialog die Größe der Tabelle auswählen. Dazu das entsprechende Kästchen anklicken. Es wird eine entsprechend der Eingabe dimensionierte Tabelle generiert. Es müssen nur noch die Standardtexte durch die eigenen Texte ersetzt werden.
Auch Tabellen mit mehr als 10 Zeilen können erstellt werden. Dazu wird zunächst eine Tabelle mit 10 Zeilen erzeugt. Direkt danach wird dann eine weitere Tabelle erzeugt. Es muss dann bei jedem neuem Tabellenblock folgender Teil entfernt werden.
Bei Bedarf können auch Tabellen mit mehr als 7 Spalten händisch erstellt werden. Zunächst eine Tabelle mit 7 Spalten und 2 Zeilen (wegen der wechselnden Hintergrundfarbe) mit dem Generator erzeugen. Dann die benötigten Spalten hinzufügen. Anschließend die beiden Zeilen so oft kopieren bis die Anzahl der benötigten Zeilen erreicht ist. Immer darauf achten, dass die Summe der Spaltenbreiten im Bereich [thead] [/thead] 100% beträgt.
Sonstiges
PDF-Dokumente können auch einfach eingebunden werden.
Beachtet bitte die Ladezeit bei größeren Dokumenten. Hier kann es durchaus sinnvoll sein nur einen Link auf das Dokument bereitzustellen und es nicht in den Beitrag einzubinden.
Mit dem gleichen BBCode können auch ganze Webseiten eingebunden werden.
Auch eine individuelle Größe (hier 360* 480) ist möglich
Leider funktioniert diese Form der Einbindung aktuell weder mit Google Maps noch einem anderen mir bekannten Kartendienst.
Aber für die Routendarstellung mittels Motoplaner ist diese Funktion geeignet. Am besten man schaltet sofort in den Vollbildmodus um, dann werden die Bedienelemente ausgeblendet. Und nicht den Link zur Karte vergessen, für den Fall das die Darstellung innerhalb des Beitrags nicht ausreichend ist.
Anmerkungen
Zum Abschluss noch ein paar Hinweise. Viele aber nicht alle BBCodes lassen sich kombinieren. Teilweise kommt es zu Fehlfunktionen, wenn z. B. Umlaute an bestimmten Stellen auftauchen. Auch Leerzeichen können stören. Wenn etwas nicht klappt am besten zunächst mit simplen Text wie ABC ausprobieren und dann nach und nach die gewünschten Texte und Formatierungen einbringen.
Bei Links muss darauf geachtet werden, das der echte Link zur Datei angegeben wird, dieser ist nicht zwingend identisch mit der Adresszeile des Browsers. Dort steht häufig der Link zu einem Skript welches den Link zur eigentlichen Datei erzeugt. Solche Links auf Skripte funktionieren in der Regel nicht mit BBCode. Links auf Skripte erkennt ihr daran, dass sich Zeichen wie : ? php oder cli im Link befinden.
Den richtigen Link zur Datei findet ihr über Quelltext anzeigen im Browser. Falls das so nicht klappt müsst ihr die Doku eures Browser bemühen. Eventuell sind auch Entwicklertools oder Firebug von Nöten.
Ganz wichtig: Wenn ihr komplexe Beiträge wie diesen hier gestaltet solltet ihr in jedem Fall den Text zwischenzeitlich sichern. Es kann beim ausprobieren von BBCodes Kombinationen dazu kommen, dass die Vorschau nichts anzeigt und man keine Chance mehr hat an den bereits eingegebenen Beitragstext zu gelangen. Man kann z. B. in die Titelzeile schreiben - Beitrag noch unvollständig - und den Inhalt einklappen. Wenn der Beitrag fertig ist entfernt man sowohl den Hinweis als auch die Einklappoption.
Und nun viel Spaß bei der Gestaltung von Beiträgen mit BBCode.
Gruß Berthold
Beiträge können mit sogenannten BBCodes gestaltet werden. Diese BBCodes sind zum kleinen Teil über die Iconleiste im Beitragseditor erreichbar oder werden direkt als Text in den Beitrag geschrieben. Bleibt der Mauszeiger auf einem der Icons stehen, so erscheint nach kurzer Zeit ein mehr oder weniger aussagekräftiger Tooltipp.
Ist ein Wort oder Bereich im Beitrag selektiert und wird dann ein Icon angeklickt, so wird das selektierte Wort bzw. der Bereich von dem ausgewählten BBCode eingeschlossen. BBCodes, für die es kein Icon gibt, müssen als Text direkt im Beitrag geschrieben werden.
Die meisten aber nicht alle Codes können miteinander kombiniert werden. Hier hilft nur ausprobieren.
Nachfolgend einige Beispiele. Den Eigentlichen Text des Beitrag bzw. den BBCode seht ihr, wenn Text anzeigen auswählt.
Links
Link zu den TR-Freun.den im gleichen Fenster.
► Text anzeigen
► Text anzeigen
► Text anzeigen
► Text anzeigen
► Text anzeigen
► Text anzeigen
Und hier steht nun der Text neben dem Bild. Das Bild kann leider nicht mit der Lightbox in der Größe skaliert werden. Dieser Code eignet sich also nur für Bilder, die bereits eine passende Größe haben.
Um den Text unter dem Bild fortzusetzen, ist eine entsprechende Anzahl von Leerzeilen einzufügen.
► Text anzeigen
Um Videos zu verlinken, reicht es den Link im Beitrag zu platzieren.
► Text anzeigen
[video]https://tr-freun.de/_albums/userpics/13 ... ediumX.mp4[/video]
► Text anzeigen
Textformatierung
Unterstrichener roter Text.
► Text anzeigen
Ein Text mit mehreren Attributen.
► Text anzeigen
► Text anzeigen
► Text anzeigen
► Text anzeigen
► Text anzeigen
► Text anzeigen
Jetzt mal im roten Balken.
► Text anzeigen
Brennender Text
► Text anzeigen
Flammender Text
► Text anzeigen
Eiskalter Text
► Text anzeigen
Grüner Text
► Text anzeigen
Blümchen Text
► Text anzeigen
Laufschrift geht natürlich auch in allen Richtungen.
► Text anzeigen
► Text anzeigen
Textmarkierungen
! | Dies ist eine Warnung |
► Text anzeigen
► Text anzeigen
► Text anzeigen
► Text anzeigen
► Text anzeigen
► Text anzeigen
► Text anzeigen
Tabellen
Monospaced Text in weißem Feld. Ideal für Tabellen: --------|--------|-------- 111111 | 222222 | 333333 iiiiii | wwwwww | ääääää
► Text anzeigen
Tabellen mit bis zu 7 Spalten und 10 Zeilen lassen sich auch mit einem Tabellengenerator erstellen. Dazu ist auf dieses Symbol zu klicken.
Im daraufhin erscheinenden Dialog die Größe der Tabelle auswählen. Dazu das entsprechende Kästchen anklicken. Es wird eine entsprechend der Eingabe dimensionierte Tabelle generiert. Es müssen nur noch die Standardtexte durch die eigenen Texte ersetzt werden.
Title1 | Title2 | Title3 |
---|---|---|
Text11 | Text21 | Text31 |
Text12 | Text22 | Text32 |
Text13 | Text23 | Text33 |
► Text anzeigen
► Text anzeigen
Bei Bedarf können auch Tabellen mit mehr als 7 Spalten händisch erstellt werden. Zunächst eine Tabelle mit 7 Spalten und 2 Zeilen (wegen der wechselnden Hintergrundfarbe) mit dem Generator erzeugen. Dann die benötigten Spalten hinzufügen. Anschließend die beiden Zeilen so oft kopieren bis die Anzahl der benötigten Zeilen erreicht ist. Immer darauf achten, dass die Summe der Spaltenbreiten im Bereich [thead] [/thead] 100% beträgt.
Sonstiges
PDF-Dokumente können auch einfach eingebunden werden.
► Text anzeigen
Mit dem gleichen BBCode können auch ganze Webseiten eingebunden werden.
► Text anzeigen
► Text anzeigen
Aber für die Routendarstellung mittels Motoplaner ist diese Funktion geeignet. Am besten man schaltet sofort in den Vollbildmodus um, dann werden die Bedienelemente ausgeblendet. Und nicht den Link zur Karte vergessen, für den Fall das die Darstellung innerhalb des Beitrags nicht ausreichend ist.
► Text anzeigen
Zum Abschluss noch ein paar Hinweise. Viele aber nicht alle BBCodes lassen sich kombinieren. Teilweise kommt es zu Fehlfunktionen, wenn z. B. Umlaute an bestimmten Stellen auftauchen. Auch Leerzeichen können stören. Wenn etwas nicht klappt am besten zunächst mit simplen Text wie ABC ausprobieren und dann nach und nach die gewünschten Texte und Formatierungen einbringen.
Bei Links muss darauf geachtet werden, das der echte Link zur Datei angegeben wird, dieser ist nicht zwingend identisch mit der Adresszeile des Browsers. Dort steht häufig der Link zu einem Skript welches den Link zur eigentlichen Datei erzeugt. Solche Links auf Skripte funktionieren in der Regel nicht mit BBCode. Links auf Skripte erkennt ihr daran, dass sich Zeichen wie : ? php oder cli im Link befinden.
Den richtigen Link zur Datei findet ihr über Quelltext anzeigen im Browser. Falls das so nicht klappt müsst ihr die Doku eures Browser bemühen. Eventuell sind auch Entwicklertools oder Firebug von Nöten.
Ganz wichtig: Wenn ihr komplexe Beiträge wie diesen hier gestaltet solltet ihr in jedem Fall den Text zwischenzeitlich sichern. Es kann beim ausprobieren von BBCodes Kombinationen dazu kommen, dass die Vorschau nichts anzeigt und man keine Chance mehr hat an den bereits eingegebenen Beitragstext zu gelangen. Man kann z. B. in die Titelzeile schreiben - Beitrag noch unvollständig - und den Inhalt einklappen. Wenn der Beitrag fertig ist entfernt man sowohl den Hinweis als auch die Einklappoption.
Und nun viel Spaß bei der Gestaltung von Beiträgen mit BBCode.
Gruß Berthold