BBCode ist eine spezielle Abart von HTML. Ob du BBCode benutzen kannst, wird vom Administrator festgelegt. Du kannst es auch in einzelnen Beiträgen deaktivieren. BBCode selber ist HTML sehr ähnlich, die Tags sind von den Klammern [ und ] umschlossen und bietet dir große Kontrolle darüber, was und wie etwas angezeigt wird. Für weitere Informationen über den BBCode solltest du dir die Anleitung anschauen, die du von der Beitrag schreiben-Seite aus erreichen kannst.
Die Buttons oberhalb des Eingabefelds für die Nachricht stellen nur eine Auswahl der am häufigsten benutzten Codes dar. Bei fast allen Codes kann einfach ein Stück Text im Eingabefeld markiert werden - ein Klick auf den entsprechenden Button wendet dann den Code auf den markierten Text an. Fährt man mit der Maus über die angezeigten Buttons, wird in der Hilfezeile die Syntax angezeigt.
Manche Codes haben Parameter, einige davon sind Pflicht, andere nicht. Hier alle installierten BBCodes im Überblick, der Übersichtlichkeit halber jeweils in "Spoilern" zum Ausklappen:
Fettdruck
Spoiler:
so wirds gemacht
Code:
normal [b]Fettdruck[/b] normal
so siehts aus
Zitat:
normal Fettdruck normal
kursiv
Spoiler:
so wirds gemacht
Code:
normal [i]kursiv[/i] normal
so siehts aus
Zitat:
normal kursiv normal
unterstrichen
Spoiler:
so wirds gemacht
Code:
normal [u]unterstrichen[/u] normal
so siehts aus
Zitat:
normal unterstrichen normal
Zitat
Spoiler:
so wirds gemacht
Code:
text
[quote="Autor"]Zitat[/quote]
text
so siehts aus
Zitat:
text
Autor gab folgendes von sich:
Zitat
text
Beim Zitieren wird die Zitatbox automatisch eingefügt - verschachtelte Zitate werden allerdings entfernt.
Der Parameter ="Autor" kann weggelassen werden.
Code
Spoiler:
so wirds gemacht
Code:
text
[code]code[/code]
text
so siehts aus
Zitat:
text
Code:
code
text
Code dient zur Ausgabe von Text in einem nicht-proportionalen Font, auch mehrfach Leerzeichen werden ausgegeben. Außerdem wird BBCode innerhalb einer Code-Box nicht umgewandelt sondern als Klartext ausgegeben.
PHP
Spoiler:
so wirds gemacht
Code:
text
[php]echo 'text';[/php]
text
so siehts aus
Zitat:
text
PHP-Code:
1
<?php echo 'text';
text
Funktioniert ähnlich wie das "code"-Tag, markiert PHP-Code aber farbig und mit Zeilennummern.
Aufzählungen
Spoiler:
so wirds gemacht
Code:
text
[list]
[*]punkt 1
[*]punkt 2
[/list]
text
so siehts aus
Zitat:
text
punkt 1
punkt 2
text
Benutzt man "list" mit einem Parameter, wird eine nummerierte Aufzählung draus:
so wirds gemacht
Code:
text
[list=1]
[*]punkt 1
[*]punkt 2
[/list]
text
so siehts aus
Zitat:
text
punkt 1
punkt 2
text
Bilder
Spoiler:
so wirds gemacht
Code:
text [img]URL des Bildes, z.B. http%u3a//www.beehave.de/forum/images/smiles/icon_mrgreen.gif[/img] text
so siehts aus
Zitat:
text text
Bei größeren Bildern kann man das Bild links oder rechts positionieren, um den Text um das Bild "fließen" zu lassen, dafür wird der Parameter "left" oder "right" verwendet:
so wirds gemacht
Code:
[img=right]URL des Bildes[/img] text text text (usw.)
so siehts aus
Zitat:
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
so wirds gemacht
Code:
[img=left]URL des Bildes[/img] text text text (usw.)
so siehts aus
Zitat:
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
Bilder können mit Klick auf den Button "UploadPic" auch hochgeladen werden. Beim Einfügen des Bildes im UploadPic-Fenster wird der nötige BBCode automatisch erzeugt.
Links
Spoiler:
so wirds gemacht
Code:
text [url]URL, z.B. http%u3a//www.beehave.de[/url] text
Die MyVideo-URL ist immer die, die bei MyVideo angezeigt wird, wenn man sich das Video (auf deren Seite) ankuckt.
Schriftfarbe
Spoiler:
so wirds gemacht
Code:
normal [color=red]farbig[/color] normal
so siehts aus
Zitat:
normal farbig normal
Die Farbe kann aus dem Dropdown über dem Eingabefeld ausgewählt werden.
Hintergrundfarbe
Spoiler:
so wirds gemacht
Code:
normal [bg=yellow]farbig[/bg] normal [bg=#33FF66]andersfarbig[/bg] normal [color=white][bg=black]weiß auf schwarz[/bg][/color] normal
so siehts aus
Zitat:
normal farbig normal andersfarbig normal weiß auf schwarz normal
Es können die Standard-Farbnamen wie auch der Hex-Code verwendet werden. Zu beachten: wenn die Hintergrundfarbe zu dunkel wird, u.U. die Schriftfarbe ändern (s.o.).
Schriftgröße
Spoiler:
so wirds gemacht
Code:
normal [size=18]groß[/size] normal
so siehts aus
Zitat:
normal groß normal
Die Größe kann aus dem Dropdown über dem Eingabefeld ausgewählt werden.
durchgestrichener Text
Spoiler:
so wirds gemacht
Code:
normal [s]durchgestrichen[/s] normal
so siehts aus
Zitat:
normal durchgestrichen normal
hochgestellter Text
Spoiler:
so wirds gemacht
Code:
text [sup]hoch[/sup] text
so siehts aus
Zitat:
text hoch text
tiefgestellter Text
Spoiler:
so wirds gemacht
Code:
text [sub]tief[/sub] text
so siehts aus
Zitat:
text tief text
unterschiedliche Schriftarten
Spoiler:
so wirds gemacht
Code:
Standardtext [font=Courier New]Text in der Schriftart "Courier New"[/font] Standardtext
so siehts aus
Zitat:
Standardtext Text in der Schriftart "Courier New" Standardtext
Die Schriftart wird (wie die Schriftgröße und -farbe über ein Dropdown ausgewählt.
Spoiler
Spoiler:
so wirds gemacht
Code:
text
[spoiler]verborgener Text[/spoiler]
text
so siehts aus
Zitat:
text
Spoiler:
verborgener Text
text
Rahmen
Spoiler:
so wirds gemacht
Code:
text [border]irgend etwas[/border] text
so siehts aus
Zitat:
text irgend etwas text
(wurde noch nie verwendet, funktioniert nicht richtig, wenn Zeilenumbrüche im umrandeten Text sind)
Da E-Mail-Adressen automatisch umgewandelt werden, ist dieser Tag eigentlich nutzlos - nur die Formatierung ist etwas anders als bei der automatischen Umwandlung. Da man E-Mail-Adressen aber eh kaum jemals postet, kann man das Ding getrost vergessen ...
Web / IFrame
Spoiler:
so wirds gemacht
Code:
text
[web]https://www.wikipedia.org[/web]
text
so siehts aus
Zitat:
text
text
Dieser Code bettet eine komplette Website über einen IFrame ein. Damit können z.B. Google-Karten oder ähnliches direkt im Forum angezeigt werden, das Protokoll muss aber https sein, sonst blockiert der Browser das Nachladen.
Amazon-Links
Spoiler:
so wirds gemacht
Code:
text [amazon=ASIN]bild und/oder text[/amazon] text
Mit dem amazon-Code kann auf eine amazon-Produktseite verlinkt werden. (Nicht uneigennützig für mich: mein Partner-Tag wird übergeben, der beim anschließenden Kauf Provision abwirft. )
Die anzugebende "ASIN" ist die eindeutige Produktnummer eines Produkts bei amazon. Diese findet sich in der URL, hinter dem Teil "/dp/":
In diesem Fall also "3518390724". Zur Unterscheidung werden Amazon-Textlinks rot dargestellt (blau bei "mouse over"), normale Textlinks genau umgekehrt: amazon, normal
HTML
Spoiler:
HTML-Tags sind grundsätzlich nicht erlaubt - einzige Ausnahme ist das Tag für eine horizontale Linie:
Code:
text
<hr>
text
so siehts aus
Zitat:
text
text
Kombination von Tags
Spoiler:
so wirds gemacht
Code:
text [color=red][b]fett und rot[/b][/color] text
so siehts aus
Zitat:
text fett und rot text
Die Style-Tags (b, u, i, size, color) können recht beliebig kombiniert werden, Format-Tags (quote, code, center) können ebenfalls wieder Style-Tags enthalten.
Zu beachten ist nur, daß die Tags in der richtigen Reihenfolge geöffnet und wieder geschlossen werden, das zuletzt geöffnete Tag muß zuerst wieder geschlossen werden (s.o.).
That's all, folks ...
B.
____________ beehave - home of humbug ... [we can't afford to be neutral]
Zuletzt bearbeitet von boris am Di, 31 Jan 2017, 23:44, insgesamt 3-mal bearbeitet. (0 Prozent)