VV: neue BBCodes

[Karalena]

*** Hallo liebe Forengemeinde,

in der letzten Zeit hat sich das Moderationsteam etwas näher mit den Möglichkeiten des Forums beschäftigt und in der kommenden Zeit möchten wir euch nach und nach ein paar BBCodes vorstellen, die ihr ab sofort nutzen könnt. Es gibt dann hier im Thread immer eine kurze Beschreibung, was es ist und wie es handzuhaben ist und ihr könnt euch gerne hier testen, wenn ihr wollt. Ggf werden ein paar der vorhandenen Funktionen auch etwas angepasst, das werden wir dann auch hier mitteilen. Es lohnt sich also, diesen Thread im Auge zu behalten

Viele Grüße, das Moderationsteam ***


Zentrierung

[Karalena]

Zentrierung

Als erstes möchten wir euch die Zentrierung von Texten vorstellen. Die ist sicher gerade bei Überschriften oder auch zur Strukturierung von Projekten ein hübsche Funktion. Der Code lautet

Code: Alles auswählen

[center] TEXT [/center]

und zentriert alles, was dazwischen steht:

Code: Alles auswählen

[center] Dies ist ein Beispiel zur Zentrierung! :D [/center]

Dies ist ein Beispiel zur Zentrierung!

Bitte überlegt euch gut, wie ihr die Funktion nutzt. Gerade bei sehr breiten Monitoren und kleiner Auflösung muss man sonst ggf nach dem Text suchen Wir empfehlen es also nicht für komplette Texte, da es so schnell unübersichtlich wird und den Lesefluss stören kann. Wir denken aber, dass dieses gestalterische Mittel ein ganz nettes Gimmick ist

[Karalena]

Horizontale Linie

Als nächstes stellen wir euch die Funktion einer horizontalen Linie vor. Mit dem Code:

Code: Alles auswählen

[linie= Farbe ] Dicke [/linie]

könnt ihr Linien beliebiger Farbe und Dicke erstellen, die die gesamte Breite des Post-Fensters haben. Die Farbe gebt ihr dabei entweder als HEX Code ein (wie auch bei der Schriftfarbe), zum Beispiel

#0080FF für Hellblau
#FF0000für Rot
#008000 für Grün

oder als englisches Wort

blue für Blau
fuchsia für Fuchisa
green für Grün

Eine Übersicht der HEX Farbcodes findet man zum Beispiel auf dieser Internetseite: https://htmlcolorcodes.com/

Als Dicke gebt ihr einfach eine ganze Zahl ein, dieses entspricht dann der Pixelanzahl.

Hier ein paar Beispiele:

Code: Alles auswählen

[linie=#8000FF]5[/linie]

---

Code: Alles auswählen

[linie=blue]10[/linie]

---

Code: Alles auswählen

[linie=#82a93c]2[/linie]

---

Code: Alles auswählen

[linie=orange]22[/linie]

---

Wir denken, dass diese Funktion gut dazu genutzt werden kann, um längere Postings zu strukturieren, gerade in Projekten oder bei Überschriften.

[Karalena]

Instagram

Als nächstes zeigen wir euch einen neuen Code, mit dem ihr auch Instagram Bilder direkt einbinden könnt. Das wird für viele User mit IG Account eine deutliche Erleichterung sein, denken wir. Mit dem Code:

Code: Alles auswählen

[instagram]{Link zum Instagrambild}[/instagram]

bindet ihr das Bild ganz einfach ein. Der Link muss dabei der eines einzelnen Bildes sein (also kein Link zu einem kompletten Profil). Auch darf das Profil nicht privat sein - dann ist nämlich nichts zu sehen.
Da dieser Code direkt auf das Profil des Nutzers verlinkt und diesen auch bezeichnet, muss dann keine extra Quellenangabe zusätzlich erfolgen.

Bitte bedenkt, dass sonstige Bildregeln natürlich auch für Bilder von Instagram bestehen. Also vor allem was verbotene Inhalte, Nacktheit, Werbung etc angeht.

Hier nun ein Beispiel:

Code: Alles auswählen

[instagram]https://www.instagram.com/p/BvjbPkGl5im/[/instagram]

ergibt

Achja, falls jemand von einem Rechner aus online ist, der Seiten wir Instagram sperrt, bekommt dieser jemand auch kein Bild angezeigt, sondern nur eine entsprechenden Hinweis.
Beim Code mussten wir eine feste Größe des Elements vorgeben. Bei Standard-IG Bildern (quasratisch) wird dann auch alles korrekt angezeigt, wenn die Bilder ein anderes Format haben, kann es sein, dass von den Zusatzinfos unten etwas abgeschnitten wird (Bild höher als breit) oder der weiße Breich größer wird (Bild breiter als hoch). Wenn ein Bild aus mehreren Bildern besteht, bleibt diese Scrollfunktion zwischen den Bildern übrigens auch erhalten. Ebenso wenn man einen Ort angegeben hat.

Zur Veranschaulichung hier drei Beispiele:

quadratisch

Bild höher als breit

Bild breiter als hoch

Viel Spaß mit der neuen Funktion! Wenn es irgendwo Probleme mit der Funktion gibt, dann gebt uns gerne direkt Bescheid.

[Philotes]

vielen Dank

[~Pandora herself~]

Das ist ja cool, vor allem, dass man jetzt auch über Instagram Bilder einbinden kann Andere Anbieter wie Photobucket und Co. haben bei mir leider immer total gesponnen (Bilder gelöscht und plötzlich waren sie wieder da, es wurden falsche Bilder hochgeladen, trotz richtiger URL, usw. ). Deshalb habe ich es irgendwann aufgegeben und keine Bilder im Forum mehr hochgeladen.
Aber das ist jetzt natürlich eine Option

[mirage]

Das ist eine tolle Idee und gefällt mir sehr! Dankeschön!
Das Forum wird modern....

[Pulsar]

Ist das geil!

Tests:

---

Yay!

Äh, Smileys kann man nicht zentrieren

[Karalena]

Doch, das geht eigemntlich. Gegebenenfalls um den Smiley rum ein extra geschütztes Leerzeichen machen Wenn aber Text vor dem Smiley steht, geht es auch so.

[Zhunami]

Ich schaue mal, ob das auch mit einem Instagram-Video klappt:

[Berlin-Angel]

Super, das mit den Bildern ist ja perfekt! Freut mich sehr!

[Xentcha]

Bei mir hat es in meinem Projekt bisher nicht geklappt, IG-Posts direkt zu verlinken, obwohl ich es wie oben beschrieben gemacht hab.
Ich benutze sowohl am Handy als auch am PC Google Chrome und mein Profil ist nicht privat. Es handelt sich um einen Link zu einem einzelnen Bild, nicht zum Profil. Weiß jemand, was ich falsch mache?
[instagram]https://www.instagram.com/p/B6-0tzMKa8u/?igshid=k7rvf2yd6aan[/instagram]

[Tara Jax]

Das hat irgendwie mit dem Link zu tun, den du benutzt. Mit der o.g. Adresse funktioniert es bei mir auch nicht:

[instagram]https://www.instagram.com/p/B6-0tzMKa8u/?igshid=k7rvf2yd6aan[/instagram]


Wenn ich aber über das Profil gehe und das Foto selbst anklicke, erhalte ich einen kürzeren link, der geht dann auch hier:

[Xentcha]

Komisch, ich war auch auf meinem Bild und hab dann "Link kopieren" angeklickt, auch die vergangenen Tage mit anderen Bilder. Hat nie geklappt
Hab jetzt grad noch nen anderen Browser probiert, da bekomm ich auch diesen langen Link, der nicht geht (sowohl über die Link kopieren Funktion als auch in der Adresszeile)

[Yunasama]

Das hat irgendwie mit dem Link zu tun, den du benutzt. ...

Korrekt!

Die Links sind quasi die gleichen, nur das der eine auf das Bild direkt geht, der andere bezieht die Userid mit ein. Und da kommt der Fehler her:

https://www.instagram.com/p/B6-0tzMKa8u/?igshid=k7rvf2yd6aan

Also einfach alles ab dem Fragezeichen löschen, dann klappt es.