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.
Capture 2015-06-17_09-06-09_nachm.png
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.
[Lightbox]https://upload.wikimedia.org/wikipedia/commons/3/39/Triumph_TR6_(2).jpg[/Lightbox]
Bei Problemen erst einmal die Anmerkungen zu Links beachten.
Eine Lightbox mit variabler Breite (hier 160 Pixel) zur Darstellung externer Bilder. Bild anklicken.
[lightboxFlex=160]https://upload.wikimedia.org/wikipedia/commons/3/39/Triumph_TR6_(2).jpg[/lightboxFlex]
lightboxFlex=??? Breite der Darstellung des Bildes in Pixel
Bei Problemen erst einmal die Anmerkungen zu Links beachten.
Eine Lightbox mit variabler Breite (hier 480 Pixel) zur Darstellung externer Bilder. Bild anklicken.
[lightboxFlex=480]https://upload.wikimedia.org/wikipedia/commons/3/39/Triumph_TR6_(2).jpg[/lightboxFlex]
lightboxFlex=??? Breite der Darstellung des Bildes in Pixel
Bei Problemen erst einmal die Anmerkungen zu Links beachten.
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.
[imageleft]https://i.auto-bild.de/ir_img/5/6/0/7/2/8/Triumph-TR6-474x316-47baa7bb5e9af931.jpg[/imageleft] Und hier steht nun der Text neben dem Bild.
Alternativ kann [imageright]{URL}[/imageright] verwendet werden. Dann erscheint das Bild auf der rechten Seite.
Um Videos zu verlinken, reicht es den Link im Beitrag zu platzieren.
https://www.youtube.com/watch?v=7uw0vFFmPew
Funktioniert mit vielen Diensten und Nachrichtenkanälen. Einfach ausprobieren.
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.
Capture 2016-01-27_02-10-06_PM.png
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]
Bedeutung der Parameter
[size=130]Tabellentitel[/size] - Textgröße 130% u. Tabellentitel - Zeile kann auch gelöscht werden
[table=45,null] - Tabellenbreite 45% (max. 98%) - Ausrichtung null oder tleft,tcenter, tright
bei tleft und tright wird der Titel und der der Tabelle folgende
Inhalt neben der Tabelle dargestellt
[thead] - Definition Titelzeile
[tr=textleft] - Ausrichtung textleft, textcenter, textright
[th=33,null]Title1[/th] - Titel Spalte 1 - Ziffern stehen für die Spaltenbreite
[th=33,null]Title2[/th] - Titel Spalte 2 - Summe muss 100% sein
[th=34,null]Title3[/th] - Titel Spalte 3
[/tr]
[/thead]
[tbody] - Beginn des Tabelleninhaltes
[tr=bg2] - Hintergrundfarbe der Zeile bg1 oder bg2
[td=null,1]Text11[/td] - Text Spalte 1 Zeile 1
[td=null,1]Text21[/td] - Text Spalte 2 Zeile 1
[td=null,1]Text31[/td] - Text Spalte 3 Zeile 1
[/tr]
[tr=bg1] - Hintergrundfarbe der Zeile bg1 oder bg2
[td=null,1]Text12[/td] - Text Spalte 1 Zeile 2
[td=null,1]Text22[/td] - Text Spalte 2 Zeile 2
[td=null,1]Text32[/td] - Text Spalte 3 Zeile 2
[/tr]
[tr=bg2]
[td=null,1]Text13[/td]
[td=null,1]Text23[/td]
[td=null,1]Text33[/td]
[/tr]
[/tbody] - Ende des Tabelleninhaltes
[/table] - Ende der Tabelle
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.
Zunächst das Ende der ersten Tabelle suchen. Im Beispiel nur 4 Zeilen.
Dann den markierten Bereich (Ende Tabelle 1 und Beginn Tabelle 2) löschen.
[size=130]Tabellentitel[/size]
[table=45,null]
[thead]
[tr=textleft]
[th=33,null]Title1[/th]
[th=33,null]Title2[/th]
[th=34,null]Title3[/th]
[/tr]
[/thead]
[tbody]
[tr=bg2]
[td=null,1]Text11[/td]
[td=null,1]Text21[/td]
[td=null,1]Text31[/td]
[/tr]
[tr=bg1]
[td=null,1]Text12[/td]
[td=null,1]Text22[/td]
[td=null,1]Text32[/td]
[/tr]
[tr=bg2]
[td=null,1]Text13[/td]
[td=null,1]Text23[/td]
[td=null,1]Text33[/td]
[/tr]
[tr=bg1]
[td=null,1]Text14[/td]
[td=null,1]Text24[/td]
[td=null,1]Text34[/td]
[/tr]
-------- diesen Teil entfernen -----------------------------
[/tbody]
[/table]
[size=130]Tabellentitel[/size]
[table=45,null]
[thead]
[tr=textleft]
[th=33,null]Title1[/th]
[th=33,null]Title2[/th]
[th=34,null]Title3[/th]
[/tr]
[/thead]
[tbody]
--------------------------------------------------------------
[tr=bg2]
[td=null,1]Text11[/td]
[td=null,1]Text21[/td]
[td=null,1]Text31[/td]
[/tr]
[tr=bg1]
[td=null,1]Text12[/td]
[td=null,1]Text22[/td]
[td=null,1]Text32[/td]
[/tr]
[tr=bg2]
[td=null,1]Text13[/td]
[td=null,1]Text23[/td]
[td=null,1]Text33[/td]
[/tr]
[tr=bg1]
[td=null,1]Text14[/td]
[td=null,1]Text24[/td]
[td=null,1]Text34[/td]
[/tr]
[/tbody]
[/table]
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.
[pdfviewflex=360,480]https://tr-freun.de/_albums/userpics/13470/Fotogalerie_Anleitung.pdf[/pdfviewflex]
Bitte an die mobilen Geräte denken und die Breite nicht zu groß wählen.
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,
Capture 2015-08-03_06-28-26_nachm.png
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.
[pdfviewflex=860,860]https://www.motoplaner.de/#51.16662,7.13729;1,51.15491,7.15116;1,51.15302,7.18143;1,51.1471,7.23836;1,51.14468,7.2714;1,51.13509,7.25046;1,51.11985,7.24986;1,51.07829,7.27814;1,51.04502,7.25927;1,51.05424,7.1733;1,51.0603,7.12294;1,51.09827,7.11013;1,51.11504,7.11026;1,51.14926,7.07992;1&&0[/pdfviewflex]
Link zur Karte:
[link_open=https://www.motoplaner.de/#51.16662,7.13729;1,51.15491,7.15116;1,51.15302,7.18143;1,51.1471,7.23836;1,51.14468,7.2714;1,51.13509,7.25046;1,51.11985,7.24986;1,51.07829,7.27814;1,51.04502,7.25927;1,51.05424,7.1733;1,51.0603,7.12294;1,51.09827,7.11013;1,51.11504,7.11026;1,51.14926,7.07992;1&&0;]Karte[/link_open]
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.
Capture 2015-08-02_09-26-02_nachm2.png
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
Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.