So Rom wollte ja wie gesagt eine Liste mit den wichtigsten BB Codes. Ich Liste hier mal die wichtigsten auf und zwar auch in HTML Schreibweise, für die, die das eben bevorzugen wie z.B ich.
Einen Text fett schreiben: - Code:
-
[b]Text[/b]
oder in HTML:
- Code:
-
<b>Text</b>
Einen Text unterstreichen: - Code:
-
[u]Text[/u]
oder in HTML:
- Code:
-
<u>Text</u>
Einen Text kursiv schreiben: - Code:
-
[i]Text[/i]
oder in HTML:
- Code:
-
<i>Text</i>
Einen Text durchstreichen: - Code:
-
[strike]Text[/strike]
oder in HTML:
- Code:
-
<strike>Text</strike>
- Code:
-
<s>Text</s>
Ein Bild einbinden:Bei dieser Disziplin scheitern ja einige schon...
- Code:
-
[img]Grafikadresse[/img]
oder in HTML:
- Code:
-
<img src="Grafikadresse" border="0" alt=""/>
oder wenn ihr unabhängig von der Größe des Bildes die angezeigte Größe und Breite selbst angeben wollt:
- Code:
-
<img src="Grafikadresse" width="Breite" height="Höhe" border="0" alt=""/>
Schriftart ändern: - Code:
-
[font=Schriftart]Text[font]
oder in HTML:
- Code:
-
<div style="font-family:Schriftart;">Text</div>
Ein Wort mit einem Link unterlegen:Links sind ja meistens sehr lang und habt ihr bestimmt schonmal gesehen, dass wenn man auf Wort klickt, man auf einmal auf eine andere Seite geleitet wird. Das sieht cooler aus und spart auch Platz.
- Code:
-
[url=Link]Text[/url]
oder in HTML:
- Code:
-
<a href="Link">Text</a>
Schriftgröße ändern: - Code:
-
[size=Größenangabe]Text[/size]
oder in HTML:
- Code:
-
<div style="font-size:Größenangabe;">Text</div>
Schriftfarbe ändern: - Code:
-
[color=#Hex Code für farbe]Text[/color]
oder in HTML:
- Code:
-
<div style="color:#Hex Code;">Text</div>
Zu den Hex Codes:
Jeder Hex Code besteht aus 6 Stellen. Schwarz ist 000000, Weiß ffffff. Der Hex Code ist so geteilt:
ff ff ff.
Die ersten beiden Stellen geben den also roten Anteil der Farbe an, die zweiten 2 Stellen den grünen, die letzten beiden den blauen. Es gibt von 00 über 11, 22 usw. bis 99, danach gehts mit aa weiter, bis ff. Und so müsst ihr eben eure Farben mischen. Z.B 99aaff. Vor dem Hex Code der Farbe muss stets ein # stehen.
Einen Text ausrichten:Rechtsbündig: - Code:
-
[right]Text[/right]
oder in HTML:
- Code:
-
<div align="right">Text</div>
Linksbündig: - Code:
-
[left]text[/left]
oder in HTML:
- Code:
-
<div align="left">Text</div>
Zentriert: - Code:
-
[center]Text[/center]
oder in HTML:
- Code:
-
<div align="center">Text</div>
Blocksatz: - Code:
-
[justify]Text[/justify]
oder in HTML:
- Code:
-
<div align="justify">Text</div>
Einen Text höher stellen:Das hochstellen von Wörtern hat keinen bestimmten Sinn. Wenn man ein Wort hervorheben will kann man andere Formatierungen wie z.B Fettschreibung oder Kursivschrift verwenden. Dennoch bringt es wenn wenn man etwas als Potenz schreiben, denn auf das Tastatur gibt es von Natur aus nur die Exponenten 2 und 3.
- Code:
-
[sup]Text[/sup]
oder in HTML:
- Code:
-
<sup>Text</sup>
Einen Text Tiefer stellen:Einen Text tiefer stellen bringt ähnlich viel wie einen Text höher zu stellen: Nicht viel. Einziger Sinn wäre es, eine Zahl als Index zu schreiben.
- Code:
-
[sub]Text[/sub]
oder in HTML:
- Code:
-
<sub>Text</sub>
Einen Text größer als normal machen:BB Code dafür existiert nicht.
In HTML:
- Code:
-
<big>Text</big>
BB Code könnte man hier nutzen, dann muss man den für normalen Änderung der Größe benutzen, denn das
big-Tag vergrößert den text ja nur um ein wenig ohne genauere Angabe einer Größe, quasi ohne viel Aufwand.
Einen Text kleiner als normal machen:BB Code existiert nicht.
In HTML:
- Code:
-
<small>Text</small>
Hier kann man genau den BB Code verwenden um die Schriftgröße zu ändern. Da einfach eine kleinere Angabe als 12px (Standardgröße) geben.
Tabellen und Listen erstellen:Listen mit BB Code zu erstellen ist Schwachsinn, deshalb sag ich gleich: Macht das mit HTML, es geht da sowieso mehr wie mit BB Code.
Eine Tabelle: - Code:
-
<table border="0">
<tr>
<td>1.</td>
<td>2.</td>
</tr>
</table>
Mit
tr definiert ihr eine Zeile, mit
td die jeweiligen Spalten.
table leitet die Tabelle ein,
border gibt die Randbreite an.
Spaltenbreiten selbst angeben: - Code:
-
<table border="0">
<colgroup>
<col width="Breite 1">
<col width="Breite 2">
<col width="Breite 3">
</colgroup>
<tr>
<td>1. Zeile, 1. Spalte</td>
<td>1. Zeile, 2. Spalte</td>
<td>1. Zeile, 3. Spalte</td>
</tr>
<!-- usw. --//>
</table>
Mit
colgroup definiert ihr die Anzahl der Spalten mit spezifischen Breiten. Hier im Beispiel sind es 3 Stück.
Eine ungeordnete Liste: - Code:
-
<ul>
<li>1. Punkt</li>
<li>2. Punkt</li>
</ul>
Grundsätzlich wird bei der ungeordneten Liste jede Zeile mit einem Quadrat begonnen, ihr könnt das ändern, indem ihr ins
ul-Tag etwas einfügt:
- Code:
-
<ul type="circle">
<li>1. Punkt</li>
<li>2. Punkt</li>
</ul>
Bei dieser Liste wird jede Zeile mit einem Kreis begonnen.
Eine geordnete Liste: - Code:
-
<ol>
<li>1. Punkt</li>
<li>2. Punkt</li>
</ol>
Die geordnete Liste fängt bei 1. an, geht dann mit jeder Zeile automatisch weiter. Man kann sie aber z.B so schreiben, dass sie bei 1337 anfängt anfängt zu zählen:
- Code:
-
<ol start="1337">
<li>1337</li>
</li>1338</li>
</ol>
Etwas als Code schreiben: - Code:
-
[code]Text[/code]
Am Besten ihr macht das mit BB Code, weil mit HTML ist das hier sehr umständlich.
Ein YouTube Video einbetten: - Code:
-
[youtube]Video URL[/youtube]
Das youtube-Tag wird hier aber dann in ein flash-Tag umgewandelt.
Das Ganze geht auch mit HTML, ist aber sehr umständlich und auch nichts das man sich merken kann. Ein YouTube Video über HTML einbetten würde so aussehen:
- Code:
-
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/_m3gitYccuY&hl=de_DE&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/_m3gitYccuY&hl=de_DE&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
Ihr seht: Das ist umständlich.
Das sind also so die wichtigsten BB Codes und HTML-Befehle. Es gibt noch weitaus mehr, wie z.B
aber die sind nicht so wichtig.