Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

BBCode - BBCodes - Die Anleitung

Tipps, Tricks und Anleitungen für phpBB2 Foren von http://www.Kostenloses-Forum.be und http://www.phpBB6.de
Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
FollowersFollowers: 1
BookmarksBookmarks: 0
Views: 8080

BBCode - BBCodes - Die Anleitung

Post#1by Incognito » 21.01.2007 21:53

Ich habe hier eine Anleitung für den BBCode geschrieben. (aufs Forum bezogen) Die Anleitung kann gerne in das eigene Forum gesetzt werden. Ich bitte auch um Kritik. Die Anleitung kann gerne erweitert werden :D
----------------------------------------------------------------------------------------------------------------------------------------------
Da ich in anderen Foren bemerkt hatte, das viele Fragen zum BBCode gestellt wurden, habe ich hier eine kleine Anleitung gemacht. Ich würde mich über Kritik freuen.

Warum BBCode
Wir verwenden BBCode, weil es einfacher und kürzer ist. Ausserdem ist es leichter zu verstehen als HTML. So wird aus
Code: Select all
<a href="http://geheim.de.ki" target="_blank""Unser Forum</a"

dieses:
Code: Select all
[url=http://geheim.de.ki]Unser Forum[/url]

Da sieht man gleich, dass BBCode viel kürzer ist.

Zu Beachten:
Zu Beachten gibt es eigentlich nicht viel... Am Anfang des Codes steht statt "<" dieses Zeichen : "["
Am Ende muss man die Klammer wieder schließen.

Funktion:
Nun Erläutere ich, wie man den BBCode bei Texten verwendet verwendet.

1.Beispiel: Kursiver Text:
Um einen Kursiven Text einzufügen(schräg schreiben)muss man zwischen den folgenden Code den Text einfügen:
Code: Select all
[i]Ein Beispiel[/i]

Demo: Kursiver Text

2.Beispiel: Fetter Text:
Um den Text fett zu machen muss man zwischen den folgenden Code den Satz schreiben:
Code: Select all
[b]Ein Beispiel[/b]

Demo: Fetter Text

3.Beispiel: Unterstrichener Text:
Um einen Text zu unterstreichen, muss man zwischen den folgenden Code den Satz schreiben:
Code: Select all
[u]Ein Beispiel[/u]

Demo: [u]Unterstrichener Text[/b]

4.Beispiel: Durchgestrichener Text:
Um einen Text durchzustreichen, muss man folgenden Code zwischen den Satz schreiben:
Code: Select all
[s]Ein Beispiel[/s]

Demo: Durchgestrichener Text

5.Beispiel: Zahlen herauf/herabsetzen
Mit folgendem Code kann man Zahlen herauf oder herabsetzen:
  • Herabsetzen
Code: Select all
[sub]Ein Beispiel[/sub]


  • Heraufsetzen
Code: Select all
[sup]Ein Beispiel[/sup]


6.Beispiel:Zentrieren, Linksbündig, usw...
Mit diesen Codes kann man Texte zentrieren, usw...
1.)Zentrieren:
Code: Select all
[align=center]Text[/align]


2.)Blockschrift:
Code: Select all
[align=justify]Text[/align]


3.)Rechtsbündig:
Code: Select all
[align=right]Text[/align]


4.)Linksbündig:
Code: Select all
[align=left]Text[/align]


5.Beispiel:Texte wandern lassen:
Man kann die Texte nach links, rechts, nach oben oder nach unten wandern lassen. Dazu wird folgender Code benötigt:
1.) Nach Links:
Code: Select all
[marq=left]Text nach links[/marq]


2.) Nach Rechts:
Code: Select all
[marq=right]Text nach rechts[/marq]


3.) Nach oben:
Code: Select all
[marq=up]Text nach oben[/marq]


4.) Nach unten:
Code: Select all
[marq=down]Text nach unten[/marq]



Emails und URL
Wenn man ene URL oder eine Email-Adresse schreiben will kann man das auf zwei Arten machen: Der versteckten und der sichtbaren Art.

URL:
Um eine URL einzufügen ist folgender Code zu schreiben:
1.Art: Sichtbar:
Code: Select all
[url]http://www.geheim.de.ki[/url]

2.Art: Unsichtbar:
Code: Select all
[url=http://geheim.de.ki]UnserForum[/url]


Bei der Unsichtbaren Art, kann man nur den Text sehen, den man nach [/url] eingefügt hat.
Email´s
Um Emails anzugeben muss man folgenden Code verwenden:
Code: Select all
[email][email protected][/email]

Der versteckte Modus:
Code: Select all
[[email protected]]Meine Email[/email]


Bilder verlinken
Das Verlinken von Bildern ist sehr einfach. Dazu wird folgender Code benötigt:
Code: Select all
[img]URL für Bild[/img]


List= und List:
List erstellt eine ungeordnete Liste mit Symbol. Dies schaut dann so aus:
  • Text1
  • Text2

List= erstellt eine geordnete Liste mit wahlweise Zahlen oder Buchstaben. Dies sieht so aus:
  1. Text 1
  2. Text 2

Der Code für beide ist so:
Code: Select all
[list][*]Text1
[*]Text2[/list]
[list=1][*]Text1
[*]Text2[/list]


Quote und Codes:
Um Codes einzufügen, ohne sie verwenden zu wollen, benutzt man folgendes:
Code: Select all
[code]Hier gehören BBCodes oder HTML herein[/code]


Um Quotes(dient dem Zitieren) einzufügen gibt es zwei Arten: Ohne Quellenangabe und mit.
Ohne Quellenangabe:
Dies ist ein Zitat

Mit Quellenangabe:
Unbekannt wrote:Dies ist ein Zitat

Der Code dafür lautet:
Code: Select all
[quote]Zitat[/quote]
[quote="Unbekannt"]Zitat[/quote]


Großer und kleiner Text:
Um einen Text wahlweise größer und kleiner zu machen, gibt es folgende Möglichkeit: (Die Schriftgröße wird hinter dem gleichzeichen angegeben)
Code: Select all
[size=18]Großer Text[/size]
 [size=9]Kleiner Text[/size]


Schriftfarbe
Die Schriftfarbe hebt etwas besonders hervor. Hier sind ein paar Beispiele:
Rosa Farbe
Roter Text

Hier ist der Code zum einfügen von Farben:
Code: Select all
[color=red]Roter Text[/color]
[color=#FF1493]Hellbrauner Text[/color]

Eine Liste mit den Hexadezimalfarbwerten findet ihr hier.
Man muss vor die Werte das Raute-Zeichen machen (#)

Multimediafiles
Um Multimediafiles einzufügen gibt es 6 Arten:
1.)Flash File einfügen:
Um ein Flash-File einzufügen verwendet man folgenden Code:
Code: Select all
[flash width=250 height=250]URL des Files[/flash]
(Width und height geben die Höhe an)

2.)Video-File einfügen:
Um ein Video-File einzufügen, verwendet man folgenden Code:
Code: Select all
[video width=400 height=350]URL[/video]


3.)Audio-File einfügen:
Um Audio-Files einzufügen, gibt es folgenden Code:
Code: Select all
[stream]URL[/stream]


4.) Real Media File einfügen:
Um ein Real Media File einzufügen gibt es diesen Code:
Code: Select all
[ram width=220 height=140]URL[/ram]


5.) Video -ID einfügen:
Um eine Video-ID einzutragen gubt es folgenden Code:
Code: Select all
[video width=400 height=350]http://video.google.com/googleplayer.swf?docId=Video-ID[/video]


6.)Youtube Videos einfügen:
Um ein Video von YouTube einzufügen benutzt man diesen Code:
Code: Select all
[video width=400 height=350]http://www.youtube.com/v/Video ID[/video]
Mein Forum: http://astrofan.kostenloses-forum.be
Das Forum für jedermann. Tiereecke, Reden, Hilfe für Themen und vieles mehr!
User avatar
Incognito
Lehrling
Lehrling
 
Posts: 19
Joined: 01.2007
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified

Post#2by Incognito » 22.01.2007 18:34

Danke :D
Ihr könnt (wenn ihr wollt) die Anleitung gerne in euer Forum kopieren. Wenn ihr dazu das Orginal braucht, (das was man im Editor schreibt) sagt es mir bitte.
Mein Forum: http://astrofan.kostenloses-forum.be
Das Forum für jedermann. Tiereecke, Reden, Hilfe für Themen und vieles mehr!
User avatar
Incognito
Lehrling
Lehrling
 
Posts: 19
Joined: 01.2007
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified

Re: BBCode- Eine Anleitung

Post#3by michi70 » 18.06.2007 01:26

ich habe die suche bemüht, bin dort aber leider nicht fündig geworden:

4.) Real Media File einfügen:
Um ein Real Media File einzufügen gibt es diesen Code:
Code: Select all
[ram width=220 height=140]URL[/ram]


dieser code funktioniert bei mir leider nicht. ich habe es schon mit diversen .ram- und .rm-files ausprobiert - leider wird jedoch immer nur der code angezeigt statt des videofensters. kann mir da jemand raten?
es sieht bei mir folgendermaßen aus:






Diese Signatur ist eine Lüge.

Mein Forum
User avatar
michi70
Auszubildender
Auszubildender
 
Posts: 31
Joined: 06.2007
Cash on hand: 99.80 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified

Re: BBCode- Eine Anleitung

Post#4by Player_M » 18.06.2007 14:13

#ed_op#P#ed_cl#
Incognito wrote:#ed_op#BR#ed_cl#3.Beispiel: Unterstrichener Text:#ed_op#BR#ed_cl#Um einen Text zu unterstreichen, muss man zwischen den folgenden Code den Satz schreiben:#ed_op#BR#ed_cl#
Code: Select all
[u]Ein Beispiel[/u]
#ed_op#BR#ed_cl#Demo: [u]Unterstrichener Text[/#ed_op#STRONG#ed_cl#b#ed_op#/STRONG#ed_cl#]
#ed_op#/P#ed_cl##ed_op#P#ed_cl#Des mit dem #ed_op#U#ed_cl#unterstreichen#ed_op#/U#ed_cl# funktioniert bloß wenn du das #ed_op#STRONG#ed_cl#b #ed_op#/STRONG#ed_cl#gegen ein #ed_op#STRONG#ed_cl##ed_op#U#ed_cl#u#ed_op#/U#ed_cl##ed_op#/STRONG#ed_cl# nimmst :wink:#ed_op#/P#ed_cl##ed_op#DIV#ed_cl##ed_op#/DIV#ed_cl##ed_op#DIV#ed_cl##ed_op#/DIV#ed_cl#
User avatar
Player_M
Auszubildender
Auszubildender
 
Posts: 40
Joined: 05.2007
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified

Post#5by Dominik » 16.03.2008 15:56

Ich habe mal eine Anleitung für den Editor für das phpBB3 geschrieben:
Der Editor
Man braucht ihn, um mit anderen in diesem Forum - zum Beispiel bei dem erstellen von Themen(Threads, Topics), Beiträgen(Postings, Posts) und Privaten Nachrichten(PN[=Private Nachricht] oder PM[=Privat message]) - zu kommunizieren(reden).

Bei "Betreff" muss man man den Titel bei einem neuen Thema oder einer neuen PN(Bei ihr muss man auch noch weiter oben den Empfänger und ein Symbol angeben) eingeben.
Bei Beiträgen kann man einen Titel angeben.
Ein Titel(Betreff) sollte nicht zu lang sein und den Inhalt gut, aber präzise beschreiben.
Unter dem Betreff gibt es eine Reihe mit 10 Buttons und der Schriftgröße. Damit macht man den sogenannten BB-Code. BB-Code ist sowas wie eine Programmiersprache, nur halt sehr einfach und nicht so funktionell.
Um einen von diesen anzuwenden, gibt es 2 Möglichkeiten:
  • 1. Man markiert einen geschriebenen Text mit der Maus (links-unten vom Text klicken und nach recht-oben gedrückt ziehen, dann loslassen) und drückt dann einen Button.
  • 2. Man drückt einfach auf einen Button.

Es erscheint so etwas:
Code: Select all
[b][/b]

oder so etwas:
Code: Select all
[b]Text[/b]

Was zwischen den [eckigen Klammern] steht ist je nach dem gedrücktem Button unterschiedlich. Nach dem Text kommt zwischen den [eckigen Klammern] einfach nur noch ein / dazu.

Nun kommen wir zu den Funktionen der Buttons in der oberen Reihe unter dem Betreff. Ich nummeriere sie von links nach rechts.
1. Text fett machen
Code: Select all
[b]Fetter Text[/b]

2. Text kursiv machen
Code: Select all
[i]Kursiver Text[/i]

3. Text unterstreichen
Code: Select all
[u]Unterstrichener Text[/u]

4. Zitat
Dominik wrote:Dies ist ein Zitat
Code: Select all
[quote="Orginal-Schreiber z.B. Dominik"]Zitat[/quote]

5. Code
Code: Select all
Dies ist ein Code
Code: Select all
[code]In einem Code-Feld wird alles angezeigt, wie es ist. Auch der BB-Code.[/code]

6. Liste ohne Nummerierung erstellen.
  • Hausaufgaben
  • Waschen
Code: Select all
[list]
[*]Hausaufgaben
[*]Waschen
[/list]

7. Liste mit Nummerierung oder Buchstabierung. Es gibt 2 Möglichkeiten.
Einmal eine Liste mit Buchstaben:
  1. Punkt a
  2. Punkt b
Code: Select all
[list=a]
[*]Punkt a
[*]Punkt b
[/list]

Oder eine Liste mit Zahlen:
  1. Punkt 1
  2. Punkt 2
Code: Select all
[list=1]
[*]Punkt 1
[*]Punkt 2
[/list]

8.
  • Listenpunkt
9. Bild einfügen
Code: Select all
[img]Bild-URL[/img]

10. Link
Code: Select all
[url]Ziel-URL[/url]
oder:
Code: Select all
[url="Ziel-URL]Zielbeschreibung[/url]


Dann gibt es noch die Schriftgröße.
Code: Select all
[size=80]Text in der Größe 80[/size]
Alles was über 100 ist, ist größer und alles was unter 100 ist, ist kleiner als normal.

Links vom Textfenster gibt es Smilies. Wenn ihr auf einen klickt erscheint er mit seinem Code da wo der Cursor(Der lange Strich, der da ist wo ihr gerade schreibt oder hinkilckt) ist.

Rechts vom Textfenster gibt es die Schriftfarbe.
Code: Select all
[color=#FF0000]Gefärbter Text[/color]
Ihr könnt den Code nach dem = verändern, so dass es eine neue Farbe gibt.

Unter dem Textfenster gibt es verschiedene Optionen. Die erkären sich von selbst.

Unter den Optionen gibt es vier Buttons.
"Vorschau": So kann man sehen, wie sein Thema, seine Antwort oder PN aussehen würde.
"Absenden": So sendet man sein Thema, seine Antwort oder PN ab.
"Speichern": So speichert man sein Thema, seine Antwort oder PN in den eigenen Entwürfen. Man kann sie im "Persönlichen Bereich" unter "Gespeicherte Entwürfe verwalten" ansehen und löschen.
"Abrechen": So brecht ihr den Vorgang ab und kommt ins Forum, Thema oder in den "Persönlichen Bereich".

Da drunter kann man einen Dateianhang anfügen und/oder eine Umfrage erstellen.
Wie das funktioniert ist aber in einem anderen Thema erklärt.
User avatar
Dominik
Foren Benutzer
Foren Benutzer
 
Posts: 222
Joined: 01.2008
Cash on hand: 0.00 Points
Thanks: 0
Thanked: 0 time in 0 post
Gender: None specified


Return to "phpbb2 - Anleitungen & Tipps"


 

Who is online

Users browsing this forum: No registered users and 1 guest

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

phpbb bbcode einfügen

Audio BBcode für phpBB 3

bbcode phbb 2 einen text wandern zu lassen welcher code phpbb3 bbcodes bild video forum html aus bb code in video einfügen anleitung phpbb bbcode persönliche nachricht bb codes youtube videos phpbb3 einfügen von audio bb code phpbb3 bbcode file phpbb 2 bbcodes erstellen anleitung für user youtube videos einfügen phpbb phpbb bbcodes beispiele wie erstellt man bb-codes für phpbb phpbb3 bbcode html bilder ahref text neben video im forum mit bbcode bbcode phpbb2 phpbb bbcode text einbinden phpbb bbcode zentrieren phpbb bbcode erstellen phpbb3 bbcode text unter bild zweiten phpbb bbcode url phpbb3 bbcodes button codes hinzufügen phpbb 2 forum text zentrieren phpbb2 codes
cron