Hintergrundbilder in Programm-Vorstellungen

[X-Invest]

Hallo,

wie es einige sicher schon aufgefallen ist,
nutzen viele Nutzer in ihren Vorstellungen gerne Hintergrundbilder.
Bis jetzt war dies nur mit HTML möglich,
aufgrund der Deaktivierung von HTML für neue Beiträge ist das so nicht mehr möglich.

---

Wichtig
Nutze am besten den Quellcode Modus, beim anwenden des hier vorgestellten

---

Jedoch gibt es dazu ab sofort Ersatzweise einen BBCode:
Der Code für den Hintergrund sieht wie folgt aus

Code:

[hg=<url des Bildes>]<Inhalt>[/hg]

Man kann extern gehostete Bilder als Hintergrund verwenden
oder auf die folgende Weise Attachements:

Code:

https://x-invest.net/forum/attachment.php?aid=

Wenn man ein Attachement einfügt sieht man im Quellcode immer eine Nummer in eckigen Klammern,
diese Nummer schreibt man hinter das Gleichheitszeichen
und man kann dann diesen Link für das Hintergrundbild nutzen.

Daraus ergibt sich folgendes Ergebnis
Bei z.B. diesem Quellcode:

Code:

[hg=https://x-invest.net/forum/attachment.php?aid=18839]







[/hg]

Ergibt sich folgendes:

EinblendenSpoiler:

Jedoch können wir so meistens schlecht auf den Hintergrund schreiben,
weshalb es dazu folgenden BBCode gibt:

Code:

[tr=<Breite des Rahmens>,<Farbe des Rahmens>]<Inhalt>[/tr]

Bei diesem Quellcode:

Code:

[tr=5,#555555]Das ist ein Test[/tr]

ergibt sich dann folgendes:

EinblendenSpoiler:

Das ist ein Test

Wodurch wir zusammengefügt so etwas erstellen können

EinblendenSpoiler:

Das ist eine Testinhaltsbereich

Und das ist eine weitere Inhaltsbereich

Was den folgenden Quellcode besitzt:

Code:

[hg=https://x-invest.net/forum/attachment.php?aid=18839]


[tr=6,#555544]Das ist eine Testinhaltsbereich[/tr]




[tr=7,#445555]

Und das ist eine weitere Inhaltsbereich

[/tr]



[/hg]

mfg
Homer

[Buffa]

Vielen Dank Homer für diese Anleitung und Dank an denjenigen, der es implementiert hat.
Dann werden wir in Zukunft wohl viele "gestaltete" Vorstellungen sehen.

Ich finde es gut, dass Ihr das über diese Tags gelöst habt und HTML abgeschaltet, da kann man doch viel "Unsinn" mit machen. Ich habe in meiner MSX Vorstellung ziemlich lange nach einem versehentlich nicht geschlossenen DIV Block gesucht, der dazu geführt hatte, dass der darunter stehenden Beitrag von Nummer 1 nicht sichtbar war, so dass ich diesen nicht liken konnte. Kann passieren, wenn es alles manuell coded und keine Tools und Checker benutzt.

So ist es auf jeden Fall besser und für alle zugänglich.

VG Buffa

[m4rc3l]

Was ich aber noch nicht verstehe ist wo man das Hintergrundbild hochläd, muss ich hierzu nen externen 'Uploader' verwenden oder wie läuft des hier ab?

[HomerS]

(08.05.2017, 09:24)m4rc3l schrieb: muss ich hierzu nen externen 'Uploader' verwenden oder wie läuft des hier ab?

Danke für den Hinweis, hatte daran gar nicht gedacht,
man kann auch extern gehostete Bilder als Hintergrund verwenden (nicht empfohlen)
oder auf die folgende Weise Attachements:

Code:

https://x-invest.net/forum/attachment.php?aid=

Wenn man ein Attachement einfügt sieht man im Quellcode immer eine Nummer in eckigen Klammern,
diese Nummer (ohne die eckigen Klammern) schreibt man hinter das Gleichheitszeichen
und man kann dann diesen Link für das Hintergrundbild nutzen.

mfg
Homer

[m4rc3l]

(08.05.2017, 09:57)Homer schrieb: Wenn man ein Attachement einfügt sieht man im Quellcode immer eine Nummer in eckigen Klammern,
diese Nummer (ohne die eckigen Klammern) schreibt man hinter das Gleichheitszeichen
und man kann dann diesen Link für das Hintergrundbild nutzen.

Top genau das wollte ich wissen, ich hab es in der Tat schon mit einem externen hinbekommen aber so ist es natürlich schöner!

[Buffa]

(08.05.2017, 09:57)Homer schrieb:

Code:

https://x-invest.net/forum/attachment.php?aid=

Wenn man ein Attachement einfügt sieht man im Quellcode immer eine Nummer in eckigen Klammern,
diese Nummer (ohne die eckigen Klammern) schreibt man hinter das Gleichheitszeichen
und man kann dann diesen Link für das Hintergrundbild nutzen.

mfg
Homer

Wird mit diesem Coding denn dann auch "erkannt", dass die Grafik benutzt wurde?
Ansonsten hatte ich immer den Effekt, dass diese zusätzlich noch als Anhang unter den Betrag gesetzt wurde, was natürlich nicht so schön aussieht.

[m4rc3l]

Hab gerade ein bisschen getestet und festgestellt das die Rahmen manchmal funktionieren und manchmal nicht. Gibt es irgendein Trick oder ein Zeichen das nicht dabei sein darf? Irgendwas zu beachten?

---

Edit: Ich habe herrausgefunden das es viel leichter ist wenn man den Code anzeigen lässt somit sieht man wenn ein Fehler im Code ist .

(Hatte den Button garnicht gesehen gehabt)

[HooDies]

Hallo Homer,

! SUPER ARBEIT !

Ich habe gleich mal mit der Umsetzung getestet und dabei ist mir aufgefallen
das nur ein Ausschnitt links und rechts erscheint, wie kann ich hier Einfluss nehmen ?

Hier ein Beispiel:

Wie Du hier siehst wird das Bild nicht in seiner gesamten Breite angezeigt.