HELFER MIT HERZ - Das Portal mit Herz

von **Ralf** » So 4. Apr 2010, 18:01

Was ist der BBCode?
Für Foren wird eine vereinfachte Form des HTML-Codes genutzt, die in Buttons über dem Nachrichtenfenster hinterlegt sind. Der BBCode ist dem HTML-Code sehr ähnlich, da alle Tags mit Klammern geöffnet und geschlossen werden (Anfang des Tags und Ende des Tags).

Ich möchte hier die Tags (Befehle) ein wenig erläutern, die ihr beim Öffnen des Nachrichtenfensters ( Auf den Button 'Antworten gehen') seht.

Bild

1. Beitragssymbole

Ihr könnt jedem Thread, den ihr eröffnet ein Symbol (Smilie/Icon) geben, womit ihr verdeutlichen könnt, in welche Richtung der Inhalt geht.
2. Smilies

Ein Klick auf einen der angezeigten Smilies reicht, damit er im Nachrichtenfenster mit seinem Namen angezeigt wird. Wichtig ist, dass ihr nach dem letzten Wort eine Lehrzeile habt!
2.1. Mehr Smilies

Wenn ihr hier rauf klickt, öffnet sich ein PopUp Fenster, in dem ihr über ein Menü die verschiedenen Ordner anklicken könnt und somit alle Smilies, die auf dem Board sind, nutzen könnt.
3. Die Tags/Befehle

Wichtig: Anfang und Ende eines Tags
Jeder Tag fängt mit
Code: Alles auswählen
[Befehlsanfang] an und hört auf mit[/Befehlsende]

und nur dazwischen 'an und hört auf mit' wird mit diesem Befehl ummantelt!
Und wichtig ist, dass der Endbefehl den Schrägstrich enthält!!!

4. Schriftfarbe

Code: Alles auswählen: [color=#800000]Weinrot lässt grüßen![/color]

Weinrot lässt grüßen!

5. Nachrichten

6. Menüpunkte unter dem Nachrichtenfenster

Erklärungen der Tags/BBCodes:

Bild

Fette/Breite Schrift
Code: Alles auswählen
[b]Fett/Breit = mit Klick auf B[/b]

sieht so aus: Fett/Breit = mit Klick auf B
Cursive Schrift
Code: Alles auswählen
[i]Klick auf i und du bist schräg[/i]

sieht so aus: Klick auf i und du bist schräg
Unterstreiche Teile deines Textes
Code: Alles auswählen
[u]Unterstrichen[/u]

sieht so aus: Unterstrichen
Zitiere Teile eines Textes
Code: Alles auswählen
[quote]Herzlich willkommen im BBCode-FAQ[/quote]

sieht so aus:
Herzlich willkommen im BBCode-FAQ

4.1.Zitiere Teile eines Textes mit Usernick
Code: Alles auswählen
[quote="Woelkchen"]Herzlich willkommen im BBCode-FAQ[/quote]

sieht so aus:
Woelkchen hat geschrieben:Herzlich willkommen im BBCode-FAQ

Wie ihr seht, werden durch das Zeichen Gleich (=) und der auf http://www.kunstabunt.de registrierte Nick in Anführungsstriche gesetzt, die Worte der Person zugeordnet, die sie geschrieben hat.
Es geht nur mit UserInnen, die auf dem Board registriert sind!
Zeige einen BBCode, wie er als Befehl aussieht
Jede Erklärung der BBCodes kann ich für euch nur sichtbar machen,
weil ich vorher den Code-Button angeklickt habe. Hier als Zitat (erst Quote angeklickt und dann Code):
Code: Alles auswählen
Hier sind die Befehle, die ich zeigen will [b][i][u][/u][/i][/b]
Listenerstellung
Diesen Punkt behandele ich seperat im Anschluss.
Es gibt geordnete Listen und ungeordnete, also mit Punkten davor oder Zahlen bzw. Buchstaben (z.B. 1,2,3 ect oder a,b,c ect.)
Punkt 6. 7. und 7.1 sind wichtig, solltet ihr eine Liste erstellen wollen!
Bilder einfügen
Die meisten Hoster liefern euch schon den fertigen Link mit
Code: Alles auswählen
[img]Bildlink[/img]

Solltet ihr aber nur die Grafikadresse haben, dann klickt auf das IMG und ihr bekommt den
Anfangs- und Endbefehl im Nachrichtenfeld angezeigt.
Code: Alles auswählen
[img]http://up.picr.de/3726986.jpg[/img]

sieht so aus:

Manche Hoster reichen dir auch einen Link, in dem die URL (Adresse) hinterlegt ist.
Hier werde ich der Linksetzung vorgreifen müssen.

Code: Alles auswählen
[url=http://www.kunstabunt.de/][img]http://up.picr.de/3726986.jpg[/img][/url]

sieht so aus:

Wenn ihr jetzt mit dem Curser auf die Grafik geht, seht ihr in der Taskleiste die Adresse,
zu der euch ein Klick auf die Grafik führt.
Linksetzung
oder wie setze ich eine Internetseite (URL) im Posting ein?
- Automatische Linksetzung:
  Code: Alles auswählen
  [url]http://www.kunstabunt.de/[/url]
  
  sieht so aus: http://www.kunstabunt.de/
- Texte mit Link hinterlegen:
  Code: Alles auswählen
  [url=http://www.kunstabunt.de/]Hier findet ihr das Portal[/url]
  
  sieht so aus: Hier findet ihr das Portal
- Kombinierte Linksetzung:
  Code: Alles auswählen
  [url=Link zur Website][img]Beispiel aus 'Bilder einfügen'[/img][/url]
  
  Alle Tags lassen sich kombinieren. Wichtig ist, dass ihr den zum Schluss gesetzten Tag auch als erstes wieder schließt. Falsch wäre z.B.
  Code: Alles auswählen
  [url=Link zur Website][img]Beispiel aus 'Bilder einfügen'[/url][/img]
  
  Wie ihr seht, wurde das Bild zwar mit IMG eingefügt, aber geschlossen wurde es mit URL. Diese Linksetzung ist unwirksam, ihr werdet keine Grafik sehen können!
  [img]http://up.picr.de/3726986.jpg[/img]
Bild
ist ein auf http://www.kunstabunt.de eingefügter Befehl, der die Bilder auf 500 Pixel Breite verkleinert, in dem statt IMG - BILD gesetzt wird. Dieser Tag geht nur bei Bildern, die in der Horizontalen zu breit sind. Wenn ihr ihn auf andere Bilder anwendet, kann er sie verzerren.

Schöner ist es, wenn ihr euch an die Vorgabe haltet, dass keine Bilder auf XXXXX größer als 500 Pixel an der längsten Seite haben dürfen.
Center - Wie zentriere ich einen Text?
Wenn ihr diesen Tag nutzt, wollt ihr einen Text mittig im Nachrichtenfeld setzen.
Beachtet, dabei, dass er nicht rechts- oder linksbündig ist und somit der Text selber sehr zerplückt aussehen kann, wenn man nicht rechtzeitig einen Tab setzt.

Code: Alles auswählen
[CENTER]Zentrierter Text macht sich manchmal gut, kann aber auch total schlecht wirken, wenn kein Tab gesetzt wurde! Daher macht es sich schöner, wenn man die Zeilenlänge im Auge hat![/CENTER]

sieht so aus:
Zentrierter Text macht sich manchmal gut, kann aber auch total schlecht wirken, wenn kein Tab gesetzt wurde! Daher macht es sich schöner, wenn man die Zeilenlänge im Auge hat!

Und hier mit mehreren Tabs. Dabei achtet darauf, dass die Zeilen fast gleichlang sind:

Zentrierter Text macht sich manchmal gut,
kann aber auch total schlecht wirken,
wenn kein Tab gesetzt wurde!

Listenerstellung (Punkt 6,7 und 7.1)

Wichtig ist, dass ihr vor jeder neuen Zeile den Tag setzt.

Code: Alles auswählen: [*]

Eingerückter Text - linksbündig

Code: Alles auswählen
[list]Liste ohne Zeichen aber linksbündig eingerückt![/list]

sieht so aus:
Liste nummeriert geordnet

Code: Alles auswählen
[list=1][*]Heute [*]Morgen [*]Übermorgen [*]Gestern[/list]

sieht so aus:
1. Heute
2. Morgen
3. Übermorgen
4. Gestern
Liste alphabetische geordnet

Code: Alles auswählen
[list=a][*]Heute [*]Morgen [*]Übermorgen [*]Gestern[/list]

sieht so aus:
1. Heute
2. Morgen
3. Übermorgen
4. Gestern
Liste allgemein

Code: Alles auswählen
[list][*]Heute [*]Morgen [*]Übermorgen [*]Gestern[/list]

sieht so aus:
- Heute
- Morgen
- Übermorgen
- Gestern
Liste in Liste - Überschrift Fett/Breit

Code: Alles auswählen
[list=1][*][b]Heute[/b] [list][*]8.00 Uhr [*]9.00 Uhr [*]10.00 Uhr[/list][/list]

sieht so aus:
1. Heute
  - 8.00 Uhr
  - 9.00 Uhr
  - 10.00 Uhr
Das Sternchen in eckigen Klammern nennt man auch Platzhalter!

von http://www.kunstabunt.de - Tina's Forum

HELFER MIT HERZ - Das Portal mit Herz

Willkommen im Forum - Diese Information schließt sich nach der Registrierung automatisch

Bereits registriert ? Dann jetzt anmelden !

Was sind BBCodes?

Was sind BBCodes?

Wer ist online?