[Tutorial] BBCodes

Funktioniert etwas nicht wie es soll? Verbesserungsvorschläge? Einfach nachfragen. Auch Lob ist erlaubt. ;)
Antworten
Benutzeravatar
ZET
Beiträge: 1002
Registriert: 24.07.09 15:28
Land: Deutschland
Wohnort: Sulzbach-Rosenberg

[Tutorial] BBCodes

Beitrag von ZET » 28.11.09 14:00

Das ist ein Tutorial für die Benutzung der Buttons und BBCodes. Hier gibt es ein weiteres Tutorial, von dem ich vorher leider nichts gewusst habe.
Fast alle Codes sind gleich aufgebaut: [DerCode]TEXT[/DerCode]
  1. breit / kursiv / unterstrichen
  2. quote
  3. code
  4. list
  5. list=
  6. Bild einfügen
  7. Links einfügen
  8. Schriftgröße / Farbe
  9. hide
  10. duchstreichen
  11. YouTube
  12. Mischen von Funktionen

1. breit / kursiv / unterstrichen
Die ersten 3 Buttons dienen nur dazu, die Schrift zu verändern:
breit:

Code: Alles auswählen

[b]breit[/b]
kursiv:

Code: Alles auswählen

[i]kursiv[/i]
und unterstrichen:

Code: Alles auswählen

[u]unterstrichen[/u]

2. quote
Das nächste ist quote, also Zitieren, das kannst du entweder so :
ich mache das aus spaß

Code: Alles auswählen

[quote]ich mache das aus spaß[/quote]
oder, wenn man wissen soll, von wem das Zitat ist, so:
(!ZET!) hat geschrieben:Ich mache das aus Spaß

Code: Alles auswählen

[quote="(!ZET!)"]Ich mache das aus Spaß[/quote]
Achte hier auf das = und die "Anführungszeichen" vor und nach dem Namen!


3. code
Dann kommt die Code-Funktion, die braucht man nicht so oft, ich benutzte sie aber hier die ganze Zeit.
Das ist das hier:

Code: Alles auswählen

[code]Mir fällt nichts ein
[/code]


4. list
Zuerst die normale list-Aufzählung. Sie funktioniert so:
  • Hier
  • kommt
  • der
  • Text
  • hin
Zuerst den list-Button anklicken, und dann für jede einzelne Aufzählung den list-Eintrag-Button anklicken: [*]

Code: Alles auswählen

[list][*]Hier [*]kommt [*]der [*]Text [*]hin[/list]

5. list=
Die geordnete list (list=) funktioniert fast genauso, nur mit dem Unterschied, dass man alles in der Liste nach Zahlen oder Buchstaben ordnen kann:
  1. Hier
  2. kommt
  3. der
  4. Text
  5. hin

Code: Alles auswählen

[list=1][*]Hier [*]kommt [*]der [*]Text [*]hin[/list]
oder
  1. Hier
  2. kommt
  3. der
  4. Text
  5. hin

Code: Alles auswählen

[list=A][*]Hier [*]kommt [*]der [*]Text [*]hin[/list]
Hier einfach nach dem = eintragen, wie man es geordnet haben will (1, A oder a):

Code: Alles auswählen

[list=1][/list]

Code: Alles auswählen

[list=A][/list]

Code: Alles auswählen

[list=a][/list]

6. Bild einfügen
[img]http://forum.penspinning.de/styles/ps/i ... c_logo.jpg[/img]

Code: Alles auswählen

[img]http://forum.penspinning.de/styles/ps/imageset/gpc_logo.jpg[/img]
Beachte, dass das Bild nicht zu groß sein darf :!:


7. Links einfügen
Der URL-Code, der ist etwas komplizierter:
Wenn du willst, dass die URL nicht so aussieht: http://forum.penspinning.de/viewtopic.php?f=15&t=41, sondern SO, musst du folgendes machen:

Code: Alles auswählen

[url=http://forum.penspinning.de/viewtopic.php?f=15&t=41]SO[/url]
Zwischen den beiden Klammern den Text hinschreiben, wie der Link heißen soll und in der linken Klammer ein = und nach dem = den Link einfügen:


8. Schriftgröße / Farbe
Schriftgrößen funktionieren ganz einfach:
Einfach gewünschte Schriftgröße anklicken und dann den Text wieder zwischen den Klammern hinschreiben.
Riesig
Groß
Normal
Klein
Sehr klein

Code: Alles auswählen

[size=50]hier muss dein text stehen[/size]
Schriftfarbe funktioniert genauso wie Schriftgröße:
Farbe

Code: Alles auswählen

[color=#BF40FF]Farbe[/color]

9. Hide
Diesen Code kannst du genauso wie "quote" vewenden:
Block: anzeigen
Wenn du einen langen Text hast, kannst du "hide" benutzen

Code: Alles auswählen

[hide]Wenn du einen langen Text hast, kannst du "hide" benutzen[/hide]
Oder wieder mit Namen:
Block: anzeigen
Hier wieder auf die "Anführungszeichen" achten

Code: Alles auswählen

[hide="ZET"]Hier wieder auf die "Anführungszeichen" achten[/hide]

10. Durchstreichen
Durchstreichen funktioniert wieder ganz einfach, wie breit, kursiv oder unterstrichen:

Code: Alles auswählen

[s]Durchstreichen[/s]

11. YouTube

Anstatt den ganzen link:

Code: Alles auswählen

http://www.youtube.com/watch?v=l8iZOCYVQ6E
nur alles nach dem = einfügen:

Code: Alles auswählen

[youtube]l8iZOCYVQ6E[/youtube]

12. Mischen von Funktionen
Es gibt auch die Möglichkeit, Funktionen zu mischen, z.B um groß und bunt auf einmal zu schreiben:
Ich bin groß und grün

Code: Alles auswählen

[size=150][color=#008000]Ich bin groß und grün[/color][/size]
oder große bunte Links:
Ich bin groß, grün und ein Link

Code: Alles auswählen

[url=http://forum.penspinning.de/index.php][size=150][color=#00BF00]Ich bin groß, grün und ein Link[/color][/size][/url]
Man kann auch ein Bild als Link vewenden: [img]http://forum.penspinning.de/styles/ps/i ... c_logo.jpg[/img]

Code: Alles auswählen

[url=http://forum.penspinning.de/index.php][img]http://forum.penspinning.de/styles/ps/imageset/gpc_logo.jpg[/img][/url]
Man kann eigentlich fast alles mischen: Code Tutorial

Code: Alles auswählen

[url=http://forum.penspinning.de/viewtopic.php?f=5&t=20241][b][size=150][color=#0000FF]C[/color][/size][/b][u][size=150]o[/size][/u][i][size=150][color=#FF00FF]d[/color][/size][/i][b][size=150][color=#408000]e[/color][/size][/b] [u][size=150][color=#FF0000]T[/color][/size][/u][i][size=150][color=#FFFF00]u[/color][/size][/i][b][size=150][color=#FFBF00]t[/color][/size][/b][u][size=150][color=#000000]o[/color][/size][/u][i][size=150][color=#00FFFF]r[/color][/size][/i][u][size=150][color=#800000]i[/color][/size][/u][i][size=150][color=#FF4000]a[/color][/size][/i][b][size=150][color=#00FF00]l[/color][/size][/b][/url]
xD

Ich hoffe, es hilft.
Wer Rechtschreibfehler findet, kann sie mir via PN mitteilen.
Vielen Dank an Easyboy für die Verbesserung der Rechtschreibfehler
mfg
(!ZET!)
und Easyboy
Zuletzt geändert von ZET am 29.11.09 17:28, insgesamt 18-mal geändert.

Benutzeravatar
Dunn_Star
Beiträge: 434
Registriert: 02.02.08 18:57
Penspinner seit: 1. Feb 2008
Postleitzahl: 07422
Land: Deutschland
Wohnort: Wickersdorf
Kontaktdaten:

Re: code tutorial

Beitrag von Dunn_Star » 28.11.09 14:20

oder man spart sich das getippe und benutzt einfach die buttons für die ganzen sachen ;-)

is aber doch ein sehr schönes und ausführliches tut, gut und einfach erklärt

kannst ja damit schön wird noch ne tolle gliederrung machen, so mit inhaltsverzeichniss und unterpunkten und so, aber ansonsten top
S/ash Donk
Matrix-Chan hat geschrieben:ich hab mir ebend ca. 20 min gedacht "wär geil, wenn du Chips hättest..." dabei lagen die ganze Zeit welche neben mir
darkfreak94 hat geschrieben:du bist mein absolutes vorbild und ich chatte sau gern mit dir
Ilasor mobbt kleine Spammer!!!!

Benutzeravatar
ZET
Beiträge: 1002
Registriert: 24.07.09 15:28
Land: Deutschland
Wohnort: Sulzbach-Rosenberg

[Tutorial] BBCodes

Beitrag von ZET » 28.11.09 14:26

Dunn_Star hat geschrieben:oder man spart sich das getippe und benutzt einfach die buttons für die ganzen sachen ;-)
Aslo das ist ja das problem, manche wissen nicht gnau wie sie diese Buttons bnutzen sollen.
Und eine Gliderung werde ich machen, danke für den Tipp
mfg
(!ZET!)
Zuletzt geändert von ZET am 29.11.09 17:21, insgesamt 1-mal geändert.

Benutzeravatar
mnjopp
Beiträge: 1994
Registriert: 01.03.07 18:37
Postleitzahl: 0

Re: code tutorial

Beitrag von mnjopp » 28.11.09 14:29

http://forum.penspinning.de/faq.php?mode=bbcode :mrgreen:

Da kommt man übrigens hin, wenn man beim erstellen eines Beitrags rechts unter den Smilies auf "BBCode" klickt (PS-Style).

Grüße
Inaktiv

Benutzeravatar
|DesTinY|
Beiträge: 155
Registriert: 26.11.09 20:33
Penspinner seit: 1. Nov 2009
Postleitzahl: 54497
Land: Deutschland
Wohnort: Idar-Oberstein
Kontaktdaten:

Re: code tutorial

Beitrag von |DesTinY| » 28.11.09 15:47

Man kann auch die Buttons benutzen. aber wenn mandie Codes kann geht es einigermaßen schneller :D
Achja & Das YouTube Video ist Klasse :D
Danke für die Codes helfen einem :D :spin:
Zuppi 4-Ever <3 :3

Benutzeravatar
Düsseldorfer
Beiträge: 514
Registriert: 26.08.09 16:20
Penspinner seit: 20. Aug 2009
Postleitzahl: 41516
Land: Deutschland
Wohnort: Grevenbroich
Kontaktdaten:

Re: code tutorial

Beitrag von Düsseldorfer » 28.11.09 16:25

Das Tutorial ist mMn eher unnötig.
Zum einen gib es sowas wie von mnjopp schon gepostet bereits,
zum anderen ist es sehr unübersichtlich aufgrund fehlender Gliederung und Formatierung.
Und von Rechtschreib-/Grammatikfehlern brauch ich gar nicht erst anfangen!
ICh würde mal die Shift-Taste benutzen, vor allem wenn es sich um ein Dokument handelt, dass ernst genommen werden soll und nicht um Umgangssprache.
Cheers, Düsseldorfer..
_______________________________________________________________
GPL - German PenSpinning Liga

Eher inaktiv vom 04.07 - 01.12!

Benutzeravatar
ZET
Beiträge: 1002
Registriert: 24.07.09 15:28
Land: Deutschland
Wohnort: Sulzbach-Rosenberg

[Tutorial] BBCodes

Beitrag von ZET » 28.11.09 17:58

So ich habe es versucht zu ordnen, ich hoffe es ist jetzt übersichtlicher. Außerdem Habe ich noch einen weiteren Schritt eingefügt: Mischen von Funktionen
mfg
(!ZET!)
Zuletzt geändert von ZET am 29.11.09 17:21, insgesamt 1-mal geändert.

Benutzeravatar
ibd
Moderator
Beiträge: 1694
Registriert: 20.06.07 16:07
Penspinner seit: 6. Jun 2007
Land: Deutschland
Kontaktdaten:

Re: code tutorial

Beitrag von ibd » 29.11.09 10:53

Huhu ich glaube du musst nochmal bei "List=" nachschauen, da scheint dir ein Fehler unterlaufen zu sein.:-)
Ansonsten: Schön viel Arbeit gemacht, vielleicht hilft das Tutorial ja manchen.

Benutzeravatar
ZET
Beiträge: 1002
Registriert: 24.07.09 15:28
Land: Deutschland
Wohnort: Sulzbach-Rosenberg

[Tutorial] BBCodes

Beitrag von ZET » 29.11.09 14:58

So ich habe es gändert. Anstatt aus dem anderen Tutorial zu zitieren habe ich es versucht selber zu erklären. Hoffentlich stimmt jetzt alles :D
e/ Easyboy hat die Rechtschreibfehler verbessert, vielen Dank.
mfg
(!ZET!)

togo
Beiträge: 51
Registriert: 22.11.09 15:34
Penspinner seit: 15. Jun 2009
Postleitzahl: 0
Land: Deutschland

Re: [Tutorial] BBCodes

Beitrag von togo » 21.02.10 15:09

muss dass aber auch mal ausprobieren:

Durchstreichen
[url]http://penspinning.de%20%20hier[/url]
Zuletzt geändert von togo am 21.02.10 15:14, insgesamt 3-mal geändert.
Wieder back aus der Versenkung^^

Benutzeravatar
Skiller
Trinkgeldgeber(in)
Beiträge: 328
Registriert: 23.05.09 12:12
Postleitzahl: 0

Re: [Tutorial] BBCodes

Beitrag von Skiller » 22.02.10 23:42

In der ersten Codebox unter Punkt 12 ist ein Fehler.

Gruss
ich bin skiller und ihr könnt mir glauben

Benutzeravatar
Robert
Site Admin
Beiträge: 4475
Registriert: 19.11.05 20:30
Penspinner seit: 0-11-2005
Postleitzahl: 52074
Land: Deutschland
Wohnort: Aachen
Kontaktdaten:

Re: [Tutorial] BBCodes

Beitrag von Robert » 23.02.10 07:56

Skiller hat geschrieben:In der ersten Codebox unter Punkt 12 ist ein Fehler.
Hab ich korrigiert.
mfG,
Robert Heim

Trick Threads - Übersicht
Keine Penspinning-Fragen per PN - dafür ist das Forum da!

Antworten