Registrieren  •  Login 
  
 
im Forum


 News  •  Information  •  Pastebin  •  Fotos  •  Downloads  •  Online-Tools  •  Fun-Ecke  •  Links  •  Kontakt 


Hilfe -> BBCode-Hilfe
BBCode-Hilfe
Verfügbare Hilfetexte in dieser Kategorie:



Was ist BBCode?

Geschrieben von killerbees19 Nach oben


BBCode ist eine spezielle Eigenart von HTML. Ob du BBCode in deinen Beiträgen benutzen kannst, entscheidet allein der Administrator. Zusätzlich kannst du den BBCode auch für einzelne Beiträge abschalten. BBCode ist dem HTML-Stil sehr ähnlich, Tags werden mit den Klammern [ und ] geöffnet und geschlossen. Es gibt dir die Möglichkeit, das Aussehen dessen, was du geschrieben hast, deutlich zu verändern. Du findest eine Menüliste mit Instand-BBCode bei der Beitragserstellung. Aber trotzdem wirst du die folgende Liste interessant finden.



Wie kann ich das Aussehen von einem Text verändern?

Geschrieben von killerbees19 Nach oben


BBCode verwendet Tags, die dir erlauben, das Aussehen deines Textes recht einfach zu verändern. Dies geschieht folgendermaßen:
  • Um einen Text fett darzustellen, umschließe ihn mit [b][/b], z.B.

    [b]Hallo[/b]

    wird zu Hallo
  • Zum Unterstreichen benutzt du [u][/u], zum Beispiel:

    [u]Guten Morgen[/u]

    wird zu Guten Morgen
  • Zum Durchstreichen benutzt du [s][/s], zum Beispiel:

    [s]Guten Morgen[/s]

    wird zu Guten Morgen
  • Um kursiv zu schreiben, benutzt du [i][/i], z.B.

    Das ist [i]Toll![/i]

    würde so aussehen: Das ist Toll!




Wie verändere ich die Schriftfarbe oder Größe?

Geschrieben von killerbees19 Nach oben


Um die Farbe oder Größe deines Textes zu ändern, kannst du die folgenden Tags benutzen. Bedenke jedoch, dass das Resultat auf den Browser des jeweiligen Benutzers ankommt:
  • Um einen Text in einer bestimmten Farbe darzustellen, umschließe ihn mit [color=][/color]. Du kannst entweder einen allgemeinen Farbnamen angeben (z. B. red, blue, yellow, usw.) oder den Hexadezimalcode, z.B. #FFFFFF, #000000. Um beispielsweise einen roten Text zu schreiben, könntest du Folgendes schreiben:

    [color=red]Hallo![/color]

    oder

    [color=#FF0000]Hallo![/color],

    beides ergibt Hallo!
  • Das Ändern der Textgröße geschieht ähnlich, benutze dazu den Tag [size=][/size]. Für gewöhnlich wird die Textgröße als Zahlenwert eingegeben, der die Höhe in Pixel angibt, beginnend mit 1 (so klein, du wirst es kaum sehen) bis zu 29 (riesengroß). Zum Beispiel:

    [size=9]KLEIN[/size]

    wird grundsätzlich KLEIN

    wohingegen:

    [size=24]RIESIG![/size]

    zu RIESIG! wird.




Kann ich verschiedene Tags kombinieren?

Geschrieben von killerbees19 Nach oben


Natürlich geht das, ein Text, der gesehen werden soll, könnte beispielsweise so aussehen:

[size=18][color=red][b]SCHAU MICH AN[/b][/color][/size]

ergibt SCHAU MICH AN!

Es ist nicht zu empfehlen, größere Mengen Text so aussehen zu lassen! Denk daran, es ist deine Aufgabe, dafür zu sorgen, dass alle Tags auch wieder richtig geschlossen werden. Das hier zum Beispiel geht nicht:

[b][u]Das ist falsch[/b][/u]



Zitate in Antworten verwenden

Geschrieben von killerbees19 Nach oben


Es gibt zwei Möglichkeiten, einen Text zu zitieren.
  • Wenn du die Zitatfunktion zum Antworten auf einen Beitrag verwendest, wirst du merken, dass der zitierte Text in [quote=""][/quote]-Tags steht. So ist es dir möglich, den Text des Benutzers, oder wo auch immer du ihn her hast, wortgetreu wiederzugeben! Ein Beispiel: Um einen Teil des Textes zu zitieren, den Herr Meier geschrieben hat, würdest du schreiben:

    [quote="Herr Meier"]Der Text von Herrn Meier würde hier erscheinen[/quote]

    Der Text 'Herr Meier schrieb:' erscheint automatisch vor dem Zitat. Bedenke, dass du die Zeichen "" um den Autorennamen schreiben musst, sie dienen nicht nur der Verschönerung.
  • Mit der zweiten Möglichkeit erstellst du ein blindes Zitat. Um dies durchzuführen, schließe den Text in [quote][/quote]-Tags ein. Wenn du dir den Beitrag dann anschaust, wird einfach nur 'Zitat:' vor dem Beitrag angezeigt.




Code-Angaben

Geschrieben von killerbees19 Nach oben


Wenn du den Teil eines Codes oder etwas, was einfach eine fixe Länge hat, ausgeben möchtest, solltest du den Text in [code][/code]-Tags setzen, z.B

[code]echo "Dies ist ein Code";[/code]

Alle Formatierungen und Smilies, die du in diesen [code][/code]-Tags verwendest, werden nachher nicht ausgeführt.

Hinweis: Für lange Codestücke verwende bitte den Pastebin von HAPPYTEC.



PHP-Code einfügen

Geschrieben von killerbees19 Nach oben


Wenn du PHP Code in deinem Beitrag schreiben möchtest, solltest du den Text in [php][/php]-Tags setzen, z.B

[php]<?php echo "Diese Zeile wird farblich hervorgehoben!"; ?>[/php]

Alle Formatierungen und Smilies, die du in diesen [php][/php]-Tags verwendest, werden nachher nicht ausgeführt.

Hinweis: Für lange Codestücke verwende bitte den Pastebin von HAPPYTEC.
Für Codestücke in anderen Programmiersprachen verwende bitte [code][/code] oder den Pastebin von HAPPYTEC Wink



Eine ungeordnete Liste einfügen

Geschrieben von killerbees19 Nach oben


BBCode unterstützt zwei Typen von Listen, geordnete und ungeordnete. Sie sind im Wesentlichen die gleichen Listen wie ihre Gegenstücke in der HTML-Umgebung. Eine ungeordnete Liste zeigt jedes Objekt in der Liste an, alle mit einem Bullet-Symbol davor. Um eine ungeordnete Liste zu erstellen, benutze die [list][/list]-Tags und gib jeden Punkt innerhalb der Liste an, indem du einen [*] nutzt. Um zum Beispiel deine Lieblingsfarben aufzuzählen, könntest du schreiben:

[list]
[*]Rot
[*]Blau
[*]Gelb
[/list]

Das würde folgende Liste ergeben:
  • Rot
  • Blau
  • Gelb




Eine geordnete Liste einfügen

Geschrieben von killerbees19 Nach oben


Die zweite Listenart, die geordnete Liste, gibt dir die Möglichkeit, anzugeben, was vor jedem Punkt steht. Um eine geordnete Liste zu erstellen, benutzt du den [list=1][/list]-Tag, um eine nummerierte Liste zu erstellen, oder alternativ [list=a][/list] für eine alphabetische Liste. Genau wie der bei ungeordneten Liste werden die Punkte mit dem [*] spezifiziert. Zum Beispiel:

[list=1]
[*]In den Laden gehen
[*]Einen neuen Computer kaufen
[*]Den Computer verfluchen, wenn er nicht mehr geht
[/list]

ergibt das Folgende:
  1. In den Laden gehen
  2. Einen neuen Computer kaufen
  3. Den Computer verfluchen, wenn er nicht mehr geht

Für eine alphabetische Liste wiederum würdest du das Folgende eingeben:

[list=a]
[*]Die erste Möglichkeit
[*]Die zweite Möglichkeit
[*]Die dritte Möglichkeit
[/list]

was
  1. Die erste Möglichkeit
  2. Die zweite Möglichkeit
  3. Die dritte Möglichkeit

ergibt



Das Linken zu einer Seite

Geschrieben von killerbees19 Nach oben


BBCode unterstützt eine Menge verschiedener Möglichkeiten, wie man Internet-Adressen (URLs) einfügen kann.
  • Die erste Möglichkeit ist die Verwendung des [url=][/url]-Tag. Was auch immer du hinter das = Zeichen schreibst, wird als Inhalt der URL gewertet. Ein Beispiel: einen Link zu happytec.at erstellst du so:

    [url=http://www.happytec.at/]Besucht HAPPYTEC![/url]

    Das würde den folgenden Link erstellen: Besucht HAPPYTEC! Du wirst bemerken, dass sich der Link in einem neuen Fenster öffnet, so dass der Benutzer weiter im Forum surfen kann, sofern er dies wünscht.
  • Falls du möchtest, dass die URL automatisch als Link angezeigt wird, kannst du das folgendermaßen schreiben:

    [url]http://www.happytec.at[/url]

    Dies wird den folgenden Link erzeugen: https://www.happytec.at
  • Zusätzlich verfügt das System über die so genannten Magic Links, was automatisch korrekt angegebene URLs in Links umwandelt, ohne dass du Tags schreiben musst. Wenn du zum Beispiel www.happytec.at in einen Beitrag schreibst, wird daraus automatisch www.happytec.at, wenn jemand die Nachricht liest.
  • Dies funktioniert übrigens auch mit E Mail-Adressen, du kannst entweder eine Adresse gesondert eingeben, z.B.:

    [email]opera@happytec.at[/email]

    was das Folgende ergibt opera@happytec.at oder du schreibst einfach opera@happytec.at in deinen Beitrag und es wird automatisch in einen Link umgewandelt.

Wie die meisten anderen BBCode-Tags, kannst du auch den URL-Tag mit anderen Tags kombinieren, z.B. [img][/img] (siehe nächsten Punkt), [b][/b], usw. Es ist wie immer deine Aufgabe, dass alle geöffneten Tags auch wieder richtig geschlossen werden, z.B.

[url=http://www.happytec.at][img]http://www.happytec.at/style/images/logos/blog.jpg[/url][/img]

ist nicht richtig und wird einen Fehler in deinem Beitrag auslösen.


Zusätzlich kann der [url] BBCode mit folgenden Attributen erweitert werden: sid, target und path. Alle diese Attribute können durch ein Komma getrennt direkt nach dem [url] Tag angegeben werden, z.B: [url,sid,target,path] - die Reihenfolge ist dabei egal, es können auch nur einzelne dieser Attribute verwendet werden.

  • Das sid Attribut hängt automatisch die Session-ID an den Link an, falls der Benutzer keine Cookies aktiviert hat. Dieses Attribut wird nur bei Domains aus dem HAPPYTEC-Server-Netzwerk funktionieren, andere Domains werden aus Sicherheitsgründen ignoriert! Aus [url,sid=http://www.happytec.at/]Zur Homepage[/url] wird dann Zur Homepage
  • Das target Attribut öffnet den Link nicht - wie sonst üblich - in einem neuen Fenster, sondern im selben Fenster. Dieses Attribut wird nur bei Domains aus dem HAPPYTEC-Server-Netzwerk funktionieren, andere Domains werden aus Sicherheitsgründen ignoriert! Aus [url,target=http://www.happytec.at/]Zur Homepage[/url] wird dann Zur Homepage
  • Das path Attribut verkürzt den Linktext auf die reine Pfadangabe. Dieses Attribut hat keine Beschränkungen und kann für jede Domain verwenden werden. Aus [url,path]http://www.happytec.at/fotos/wien_1/index.html[/url] wird dann /fotos/wien_1/index.html


Alle Attribute sind - wie bereits erwähnt - beliebig kombinierbar, jeweils mit oder ohne Link Wink



Ein Bild einfügen

Geschrieben von killerbees19 Nach oben


Der BBCode unterstützt ebenfalls das Einfügen von Bildern in Beiträgen. Es gibt zwei wichtige Regeln, was das Anzeigen von Bildern betrifft: Die meisten User finden es einfach furchtbar, wenn endlos Bilder in den Beiträgen stehen (Stichwort Ladezeiten) und zum anderen muss das Bild bereits irgendwo im Internet hochgeladen sein (es bringt also nichts, wenn die Datei nur auf deiner Festplatte liegt, sofern du keinen Webserver hast!). Du kannst dein Foto aber auch als Attachment zu deinem Beitrag hinzufügen (siehe Hilfe Kategorie Attachments) oder du nutzt einen Service wie www.file-upload.net. Um ein Bild anzuzeigen, muss die URL des Bildes mit den [img][/img]-Tags umschlossen werden. Zum Beispiel:

[img]https://www.happytec.at/style/images/logos/blog.png[/img]

Wie bei der URL-Erklärung bereits erwähnt, kannst du Bilder in [url][/url]-Tags einschließen, wenn du möchtest, z.B.

[url=https://www.happytec.at][img]https://www.happytec.at/style/images/logos/blog.png[/img][/url]

würde Folgendes ergeben:





Auf einer Benutzer Profil verlinken

Geschrieben von killerbees19 Nach oben


Dafür gibt es seit kurzer Zeit den [user] BBCode Tag. Mit diesem BBCode kann unkompliziert auf ein Benutzerprofil verlinkt werden. Dabei wird der Benutzername auch gleich nach der Rangordnung farblich hervorgehoben, die Session-ID angehängt und der Link im selben Fenster geöffnet. In der Mitte der beiden BBCode Tags muss einfach nur die User-ID des Benutzers angegeben werden, diese findet ihr z.B. beim Aufrufen des Profils in der Adresszeile des Browsers: http://www.forum.happytec.at/profile.php?mode=viewprofile&u=3

Ein Profillink mit dem neuen BBCode würde dann so aussehen: killerbees19
Code:
[user]3[/user]




SC:Banner einbinden

Geschrieben von killerbees19 Nach oben


SC:Banner können seit der SC:09 exklusiv im Skicha und HAPPYTEC Forum mit dem [banner] BBCode eingebunden werden. Den benötigten Bannercode zeigt der Generator auf der letzten Seite an. Die Syntax ist folgende: [banner]32-stellige UID des Banners[/banner] - hier noch ein Beispiel:
Code:
[banner]e2ba1d7b0d04e8f37ba89204c79c6f2b[/banner]


SC:Banner



YouTube Videos einbinden

Geschrieben von killerbees19 Nach oben


YouTube-Videos können seit einiger Zeit auch direkt in einen Beitrag eingebunden werden! Smile

Code:
Verwendung mit einem vollständigen Link:
[youtube]https://www.youtube.com/watch?v=sTFUuHlBfGU[/youtube]

Verwendung mit einem gekürzten Link:
[youtube]https://youtu.be/sTFUuHlBfGU[/youtube]

Nur die Video-ID:
[youtube]sTFUuHlBfGU[/youtube]


Egal mit welcher Methode, herauskommen sollte z.B. folgendes:



 

Alle Zeiten sind GMT + 2 Stunden (Sommerzeit)
Aktuelles Datum und Uhrzeit: 20.09.2019, 12:35
Nach oben
Valid HTML 4.01 Transitional
Valid CSS!

netcup - Internetdienstleistungen
 
 
[ happytec.at | forum.happytec.at | blog.happytec.at | esports.happytec.at | event.happytec.at ]