Eigentlich steht Weihnachten ja erst in ein paar Wochen vor der Tür und dennoch bekommt ihr bereits jetzt Zugang zu einigen neuen Spielzeugen. Wenn ich im Kontext eines Forums wie dem unseren von Spielzeugen spreche, beziehe ich mich natürlich auf BB-Codes; neben einigen anderen Änderungen.
Die letzten Wochen waren für uns recht arbeitsintensiv, insofern hoffen wir natürlich sehr, dass ihr die Ergebnisse der zahllosen Arbeitsstunden zu schätzen wisst.
Dabei haben wir nicht nur einige neue BB-Codes hinzugefügt, sondern auch einige der meistverwendeten bestehenden BB-Codes neu aufgelegt. Eine weitere Änderung betrifft die automatische Verkleinerung von per BB-Code eingefügten Bildern, wofür wir nun eine eigene Funktion verwenden, die besser auf unsere Verhältnisse zugeschnitten ist und sich somit intelligenter verhalten kann. Zusätzlich dazu haben wir nun eine feste Begrenzung (350px) für die Höhe von Signaturen eingeführt. Inhalte, die über diese Begrenzung hinausgehen, werden nicht angezeigt.
Im Folgenden werde ich im Detail auf die Änderungen und neuen BB-Codes eingehen, sowie einige Beispiele und Anmerkungen liefern. Bitte beachtet, dass die meisten neuen und aktualisierten BB-Codes nur dann wie gewünscht funktionieren, wenn JavaScript aktiviert ist.
Falls euch nicht nach einer ausführlichen Einführung zumute ist, solltet ihr zumindest einen Blick in die Forenhilfe werfen, für eine vollständige Liste aller verfügbaren BB-Codes: BB-Code Liste
BB-Code: JUSTIFY
Dieser BB-Code ist das Ergebnis eines vor kurzem im Suggestions Forum erstellten Themas von Kentika - großes Lob an ihn für diesen tollen Vorschlag! Wenn dieser BB-Code für einen Text verwendet wird, werden alle darin enthaltenen Zeilen auf die gleiche Breite gebracht. Ein solcher Blocksatz sieht nicht nur super aus, sondern erhöht auch die Lesbarkeit ganz enorm. Falls ihr euch wundert, warum dieser Absatz super ordentlich aussieht und sich recht leicht lesen lässt: Ich verwende eben diesen BB-Code hier!
Wir haben ein Icon in der Werkzeugleiste des erweiterten Texteditors eingefügt, um eine einfachere Verwendung dieses BB-Codes zu ermöglichen:
Irgendein Blindtext ohne Ausrichtung als Blocksatz:
In consectetur elementum ipsum, a tempus ligula eleifend non. Nullam ac condimentum turpis, id vulputate magna. Duis tincidunt rutrum augue vel semper. Proin at magna quis nisi tincidunt dapibus ac non nisl. Quisque ultrices lorem sed velit ullamcorper, non volutpat metus molestie. Nulla mollis cursus convallis. Vivamus libero metus, laoreet sit amet elementum ac, tristique nec enim. Mauris lacus ante, pharetra vel lacinia id, lobortis eu lorem. Vivamus sollicitudin ullamcorper sem, vel eleifend risus venenatis sed. Donec feugiat metus eget ipsum egestas ornare.
Derselbe Blindtext mit Ausrichtung als Blocksatz:
In consectetur elementum ipsum, a tempus ligula eleifend non. Nullam ac condimentum turpis, id vulputate magna. Duis tincidunt rutrum augue vel semper. Proin at magna quis nisi tincidunt dapibus ac non nisl. Quisque ultrices lorem sed velit ullamcorper, non volutpat metus molestie. Nulla mollis cursus convallis. Vivamus libero metus, laoreet sit amet elementum ac, tristique nec enim. Mauris lacus ante, pharetra vel lacinia id, lobortis eu lorem. Vivamus sollicitudin ullamcorper sem, vel eleifend risus venenatis sed. Donec feugiat metus eget ipsum egestas ornare.
[B]Irgendein Blindtext ohne Ausrichtung als Blocksatz:[/B]
In consectetur elementum ipsum, a tempus ligula eleifend non. Nullam ac condimentum turpis, id vulputate magna. Duis tincidunt rutrum augue vel semper. Proin at magna quis nisi tincidunt dapibus ac non nisl. Quisque ultrices lorem sed velit ullamcorper, non volutpat metus molestie. Nulla mollis cursus convallis. Vivamus libero metus, laoreet sit amet elementum ac, tristique nec enim. Mauris lacus ante, pharetra vel lacinia id, lobortis eu lorem. Vivamus sollicitudin ullamcorper sem, vel eleifend risus venenatis sed. Donec feugiat metus eget ipsum egestas ornare.
[B]Derselbe Blindtext [I]mit[/I] Ausrichtung als Blocksatz:[/B]
[JUSTIFY]In consectetur elementum ipsum, a tempus ligula eleifend non. Nullam ac condimentum turpis, id vulputate magna. Duis tincidunt rutrum augue vel semper. Proin at magna quis nisi tincidunt dapibus ac non nisl. Quisque ultrices lorem sed velit ullamcorper, non volutpat metus molestie. Nulla mollis cursus convallis. Vivamus libero metus, laoreet sit amet elementum ac, tristique nec enim. Mauris lacus ante, pharetra vel lacinia id, lobortis eu lorem. Vivamus sollicitudin ullamcorper sem, vel eleifend risus venenatis sed. Donec feugiat metus eget ipsum egestas ornare.[/JUSTIFY]
BB-Code: HR
Dieser Code ist nicht direkt neu, wurde er doch bereits vor einigen Wochen eingeführt. Da wir dabei auf eine richtige Ankündigung verzichtet haben, holen wir dies nun einfach hier nach. Im Übrigen wurde auch dieser Code aktualisiert und unterstützt nun variable Breiten.
Dies sei der erste Absatz eines sehr ausführlichen Textes. Die Trennung dieses Absatzes vom darauffolgenden Absatz kann durch Verwendung eines Querbalkens mit einer Breite von 75% erreicht werden.
Wir werden diesen Absatz vom darauffolgenden mit einem dicken und 100px breiten Querbalken trennen.
Dies soll als kurze Demonstration genügen, für weitere Beispiele siehe: BB-Code Liste
Dies sei der erste Absatz eines sehr ausführlichen Textes. Die Trennung dieses Absatzes vom darauffolgenden Absatz kann durch Verwendung eines Querbalkens mit einer Breite von 75% erreicht werden.
[HR]75%[/HR]
Wir werden diesen Absatz vom darauffolgenden mit einem dicken und 100px breiten Querbalken trennen.
[HR=thick]100px[/HR]
Dies soll als kurze Demonstration genügen, für weitere Beispiele siehe: [URL=http://www.elitepvpers.com/forum/misc.php?do=bbcode#hr]BB-Code Liste[/URL]
BB-Code: SPOILER
Dieser BB-Code wurde von Grund auf neu gestaltet, um eine komplexere Verwendung zu erlauben. Neben einer neuen Aufmachung werden nun Optionen wie eigene Titel, sowie eigene Titelfarben und Schriftstile (z.B. fett, kursiv etc.) unterstützt.
Wir haben nun auch ein Icon in der Editor-Werkzeugleiste eingefügt, um eine einfacherer Verwendung dieses BB-Codes zu ermöglichen:
[SPOILER=title: Die beste Zahl!, title-style: bold, title-color: red]42[/SPOILER]
[SPOILER=Mein eigener Titel]Wenn nur ein beliebiger Text als Option eingegeben wird, so wird dieser automatisch als Titel verwendet.[/SPOILER]
[RIGHT][SPOILER=Ausgerichteter Spoiler]Spoiler können nach wie vor mit Ausrichtungen kombiniert werden. Toll, oder?[/SPOILER][/RIGHT]
BB-Code: IMG
Auch an diesem BB-Code wurden ausgiebige Änderungen vorgenommen, um mehr eigene Anpassungsmöglichkeiten zu erlauben. Um eine einfachere Verwendung dieser neuen Optionen zu ermöglichen, haben wir ein Dialogfenster erstellt, das euch dabei Hilft Bilder in eure Beiträge einzufügen. Ihr könnt es durch Klick auf das folgende Icon in der Werkzeugleiste des Texteditors aufrufen:
Bilder werden nun von Haus aus in etwas eingefügt, das wir als implizite Bildergalerie bezeichnen. Das bedeutet, dass eine größere Version eures Bildes angezeigt wird, sobald man darauf klickt. Außerdem lassen sich damit alle Bilder in einem Beitrag auf einmal durchstöbern, anstatt jedes Bild einzeln anklicken zu müssen, um es in voller Größe zu betrachten. Solltet ihr Performance-Probleme durch die Übergangs-Animationen bekommen, so empfiehlt es sich diese übers Benutzerkontrollzentrum zu deaktivieren.
Beachtet, dass die (gelben) Balken, die bisher nach der automatischen Verkleinerung von Bildern zu sehen waren, ersatzlos entfernt wurden; Bilder werden jedoch nach wie vor automatisch verkleinert, wir haben lediglich die besagten Balken entfernt, da diese überflüssig erschienen und außerdem nicht unbedingt hübsch anzuschauen waren.
Weitere Bilder werden in diesem Spoiler platziert. Ihr solltet diese jedoch auch durchstöbern können, ohne diesen Spoiler zu öffnen, indem ihr einfach auf das erste Blid über diesem Spoiler klickt.
Die beiden unten befindlichen Bilder können nicht durch Anklicken eines der oben befindlichen Bildes durchstöbert werden, weil sie einer anderen Gruppe zugeordnet wurden.
Mehrere Bilder lassen sich nur dann durchstöbern, wenn sie sich in derselben Gruppe befinden. Die Gruppe für die beiden unten befindlichen Bilder heißt myGroup, während der Gruppenname der oben befindlichen Bilder default lautet, weil dort kein eigener Name festgelegt wurde. Gruppennamen müssen dabei nur innerhalb eines Beitrags einzigartig sein, es können also nicht Bilder durchstöbert werden, die sich in unterschiedlichen Beiträgen befinden, selbst wenn die verwendeten Gruppennamen identisch sind.
Es gibt ein paar Dinge zu beachten, wenn es darum geht Bilder in URL-Codes einzubetten. Wenn ihr ein Bild in einen URL-Code einbettet und die verwendete URL nicht auf ein Bild verweist, so wird euer Bild beim Anklicken nicht vergrößert, sondern wird stattdessen auf die angegebene URL weiterleiten:
Ihr könnt euer Bild trotzdem beim Anklicken vergrößern lassen, statt auf die angebenene URL weiterzuleiten, indem ihr explizit die Option expandable angebt. Sobald das verlinkte Bild vergrößert angezeigt wird, erscheint oben in der Mitte des vergrößerten Bildes ein Link-Icon. Dieses Link-Icon leitet auf die angebene URL weiter, wenn man es anklickt:
Wenn die angegebene URL auf ein Bild mit einer üblichen Dateierweiterung für Bilder (d.h. *.jpeg, *.jpg, *.gif, *.png) und keine explizite Option zum Vergrößerungsverhalten angegeben wurde, so wird das Bild als Thumbnail für das via [URL]-Code festgelegte Bild verwendet. Dadurch ist es auch möglich, kleine Vorschaubilder in euren Beiträgen zu verwenden, für die dann beim Anklicken eine viel größere Version mit besserer Qualität angezeigt wird:
Weitere Bilder werden in diesem Spoiler platziert. Ihr solltet diese jedoch auch durchstöbern können, ohne diesen Spoiler zu öffnen, indem ihr einfach auf das erste Blid über diesem Spoiler klickt.
[IMG=Second example image]http://i.epvpimg.com/rB6Tb.jpg[/IMG]
[IMG=Third example image]http://i.epvpimg.com/sKa2d.jpg[/IMG]
[/SPOILER]
[SPOILER=Noch Mehr Bilder]
Die beiden unten befindlichen Bilder können nicht durch Anklicken eines der oben befindlichen Bildes durchstöbert werden, weil sie einer anderen Gruppe zugeordnet wurden.
Mehrere Bilder lassen sich nur dann durchstöbern, wenn sie sich in derselben Gruppe befinden. Die Gruppe für die beiden unten befindlichen Bilder heißt [I]myGroup[/I], während der Gruppenname der oben befindlichen Bilder [I]default[/I] lautet, weil dort kein eigener Name festgelegt wurde. Gruppennamen müssen dabei nur innerhalb eines Beitrags einzigartig sein, es können also nicht Bilder durchstöbert werden, die sich in unterschiedlichen Beiträgen befinden, selbst wenn die verwendeten Gruppennamen identisch sind.
[IMG=title: Fourth example image, group: myGroup]http://i.epvpimg.com/sKa2d.jpg[/IMG]
[IMG=title: Fifth example image, group: myGroup]http://i.epvpimg.com/7WxRb.jpg[/IMG]
[/SPOILER]
Es gibt ein paar Dinge zu beachten, wenn es darum geht Bilder in URL-Codes einzubetten. Wenn ihr ein Bild in einen URL-Code einbettet und die verwendete URL nicht auf ein Bild verweist, so wird euer Bild beim Anklicken nicht vergrößert, sondern wird stattdessen auf die angegebene URL weiterleiten:
[URL=http://www.elitepvpers.com][IMG=Dieses Bild leitet beim Anklicken direkt auf elitepvper.com weiter!!]http://i.epvpimg.com/GvDId.jpg[/IMG][/URL]
Ihr könnt euer Bild trotzdem beim Anklicken vergrößern lassen, statt auf die angebenene URL weiterzuleiten, indem ihr explizit die Option [I]expandable[/I] angebt. Sobald das verlinkte Bild vergrößert angezeigt wird, erscheint oben in der Mitte des vergrößerten Bildes ein Link-Icon. Dieses Link-Icon leitet auf die angebene URL weiter, wenn man es anklickt:
[URL=http://www.elitepvpers.com][IMG=title: Dieses Bild wird beim Anklicken vergrößert angezeigt!, expandable: 1, group: uniqueGroupForDemo42]http://i.epvpimg.com/RMyAb.jpg[/IMG][/URL]
Wenn die angegebene URL auf ein Bild mit einer üblichen Dateierweiterung für Bilder (d.h. *.jpeg, *.jpg, *.gif, *.png) und keine explizite Option zum Vergrößerungsverhalten angegeben wurde, so wird das Bild als Thumbnail für das via [URL]-Code festgelegte Bild verwendet. Dadurch ist es auch möglich, kleine Vorschaubilder in euren Beiträgen zu verwenden, für die dann beim Anklicken eine viel größere Version mit besserer Qualität angezeigt wird:
[URL=http://i.epvpimg.com/zyHVg.jpg][IMG=title: Dieses Bild dient als Thumbnail, beim Anklicken wird das via URL-Code angegebene Bild angezeigt!, group: uniqueGroupForDemo43]http://i.epvpimg.com/30BKg.jpg[/IMG][/URL]
BB-Code: GALLERY
Dieser komplett neue BB-Code erlaubt es euch, interaktive Bildergalerien in eure Beiträge einzubinden und bietet euch somit eine elegante Möglichkeit, um eine größere Anzahl von Bildern (max. 50 pro Galerie) in euren Beiträgen unterzubringen.
Damit Bilder in einer Galerie verwendet werden können, müssen diese zunächst ins Internet hochgeladen werden unter Zuhilfenahme eines entsprechenden Dienstes wie etwa epvpimg.
Um die bestmögliche Leistung sicherzustellen, empfehlen wir jedes Bild, das in eurer Galerie untergebracht werden soll, in 3 verschiedenen Größen bereitzustellen. Für das standard Seitenverhältnis (16:9), lauten diese Größen wie folgt:
Basisansicht (für die Anzeige im Beitrag): 720x405px
Thumbnail-Ansicht (für die Anzeige in der Bildübersicht): 80x45px
Vollbildansicht (für die Anzeige im Vollbildmodus): z.B. 1920x1080px
Galerien werden auch funktionieren, wenn jedes Bild nur in einer einzigen Größe bereitgestellt wird. Allerdings müssen die Bilder dann sehr wahrscheinlich automatisch herunterskaliert werden, was wiederum eure Galerie verlangsamt. Während dies bei einer Hand voll Bildern noch nicht wirklich ins Gewicht fällt, so wird es zum Problem, wenn ihr einige Dutzend Bilder in eure Galerie einfügt, die allesamt viel zu groß für die Basis- und Thumbnail-Ansicht sind. Abgesehen davon, kann die Bildqualität durch die automatische Skalierung leiden.
Die Syntax für Galerien wird gerne mal ein wenig kompliziert, speziell wenn ihr sehr viele Bilder in eurer Galerie habt. Aus diesem Grund haben wir ein neues Dialogfenster hinzugefügt, das euch bei der Erstellung von Galerien hilft. Ihr könnt es durch Klick auf das folgende Icon in der Werkzeugleiste des erweiterten Texteditors öffnen:
Solltet ihr Leistungsprobleme durch Galerien bekommen, so könnt ihr sowohl die Übergangsanimationen wie auch das vorzeitige Laden übers Benutzerkontrollzentrum deaktivieren.
Hier ist ein Beispiel einer sehr einfachen Galerie, bei der nur eine Bild-URL pro Galeriebild angegeben wird.
Schlechtes Beispiel
Im Folgenden wird einmal der bessere Weg zum Einfügen von Bildern in Galerien gezeigt: für jedes Galeriebild werden drei verschiedene Versionen angegeben, ich habe außerdem noch Titel und Beschreibungen für jedes Galeriebild angegeben:
Hier ist ein Beispiel einer sehr einfachen Galerie, bei der nur eine Bild-URL pro Galeriebild angegeben wird.
[GALLERY=Schlechtes Beispiel][*]http://i.epvpimg.com/Mzb7f.jpg
[*]http://i.epvpimg.com/Lunfd.jpg
[*]http://i.epvpimg.com/nVTHc.jpg
[/GALLERY]
Im Folgenden wird einmal der bessere Weg zum Einfügen von Bildern in Galerien gezeigt: für jedes Galeriebild werden drei verschiedene Versionen angegeben, ich habe außerdem noch Titel und Beschreibungen für jedes Galeriebild angegeben:
[GALLERY=Gutes Beispiel][*]image: http://i.epvpimg.com/vP4Jh.jpg,
thumb: http://i.epvpimg.com/1Dinc.jpg,
big: http://i.epvpimg.com/Mzb7f.jpg,
title: Vorschau 1,
description: Erstes Vorschaubild.
[*]image: http://i.epvpimg.com/x1REe.jpg,
thumb: http://i.epvpimg.com/LD0Zd.jpg,
big: http://i.epvpimg.com/Lunfd.jpg,
title: Vorschau 2,
description: Zweites Vorschaubild.
[*]image: http://i.epvpimg.com/CsHKe.jpg,
thumb: http://i.epvpimg.com/WQ92h.jpg,
big: http://i.epvpimg.com/nVTHc.jpg,
title: Vorschau 3,
description: Drittes Vorschaubild.
[/GALLERY]
Signatur Höhenbeschränkung
Wie ich bereits zuvor kurz erwähnt hatte, gibt es nun eine eingebaute Begrenzung für die Höhe von Signaturen von 350px. Jedweder Inhalt, welcher diese Begrenzung überschreitet, wird einfach abgeschnitten und nicht angezeigt. Dadurch wird der bisherige Punkt im Regelwerk überflüssig und kann entfernt werden, was wiederum weniger Sanktionen auf eurer Seite und weniger Arbeitsaufwand bei der Durchsetzung dieser Regel auf unserer Seite zur Folge hat.
Wir haben die Vorschaufunktion für Signaturen entsprechend angepasst, sodass direkt ersichtlich ist, ob eure Signatur die Begrenzung überschreitet: Signatur Anpassen
Beachtet, dass Inhalte in Spoiler-BB-Codes von dieser Begrenzung nicht betroffen sind, d.h. Spoiler können sich nach wie vor über die Begrenzung hinaus ausklappen. Ihr solltet also nur sicherstellen, dass die Höhe eurer Signatur die Begrezung nicht überschreitet, während alle Spoiler zugeklappt sind.
Zusätzlich hierzu werden Bilder in Signaturen, die sich nicht in Spoiler-BB-Codes befinden, so herunterskaliert, dass sie eine Höhe von 200px nicht überschreiten. Die Verwendung von Bildern, die etwas größer als die bisher in den Signatur-Regeln festgelegte Grenze (also 200px), ist nicht länger ein Problem. Beachtet hierbei aber, dass die Beschränkungen in Bezug auf die Dateigröße (d.h. maximal 300kB pro Bild) nach wie vor gelten.
Dies soll als kurze Einführung genügen. Ihr könnt euer Feedback gerne hier im Thema hinterlassen. Falls ihr komplexere Rückfragen und/oder Vorschläge bezüglich einem der neuen BB-Codes habt, so könnt ihr dazu gerne ein Thema im Main Forum erstellen.
Falls ihr über Fehler stolpert, so zögert bitte nicht und teilt uns dies umgehend mit. Am besten erstellt ihr hierzu ein Thema im Complaint Forum.
Danke für die Aufmerksamkeit und viel Spaß beim Ausprobieren der neuen BB-Codes!
[Sell] Pax Skin codes cheap for the winter! 01/10/2013 - League of Legends Trading - 40 Replies http://media.giantbomb.com/uploads/4/49831/1655937 -gragas_santa_super.jpg
Hello epvp,
i would like to sell you some Pax & Riot skins for a cheap price
I got the skins from many Events in Germany like
Pax Jax
Der Winter kommt ... 11/01/2011 - Music - 1 Replies Hallööö Leute,
Wie der Titel es schon sagt der winter kommt d.h. es geht wieder snowboarden.
Und ich hatte seit letzem Jahr Dezember keine Hardstylelieder mehr.
Also bitte könnt ihr mir soo 60-80 Stück oder sooo geben.
Im Gerene Hardstyle
MFG
Kroxa
wan kommt neuer Häck? 11/30/2010 - 4Story - 3 Replies wan kommt endlich ein neuer Häck von SuperX321 oder KillerDeluxe?
