Hallo ihr Lieben, ich hatte wieder eine verrückte Idee und Inspiration.
Ich habe es so weit hinbekommen, dass es im Xobor - Forum auf eigene Seiten geht, ging vorher nicht. Ich habe mich an Wolfgangs Ratschläge und Tipps gehalten. Habe auch den z-index hochgeschraubt, passt wunderbar.
Nur was komisch ist, in CodePen zeigt er das schön klein an, aber im Xobor - Forum mega groß. Wollte es im Portal einfügen, normal ein Graus. Jetzt habe ich es eingefügt via iFrame, ist ein bisschen anschaulicher. Was mich stört, ist das man dahinter jetzt nochmal klein das Forum sieht.
Ich bastele ja noch daran herum, um eine bessere Lösung zu finden, ich bin darin nicht der Beste. Ich persönlich merke zwischen den beiden Software große Unterschiede. Also zwischen CodePen und dem Xobor - Forum, da merkt man den Unterschied.
Ich habe hier echt schwer zu tun, dass es auf dem Forum geht. Ein Riesen-Respekt an @Wolfgang, dass er es so locker macht und umsetzt Bei ihm sieht es wirklich sehr einfach aus, ich habe hier richtig zu kämpfen als Anfänger.
Hier mal der HTML -Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
<div class="Portal - terminal"></div> <center><div class="terminal"> <p><img style="max-width: 150px;" src="https://i.ibb.co/9vry6vf/pngwing-com-9.png"></p> <p class="break">Herzlich Willkommen in Black - Angel´s - Club!</p> <p class="break">Black - Angel´s - Club hat am 16.Oktober.2022 seine Pforten geöffnet.</p> <p class="break">Wenn Du also gern schreibst, Dich und Deine Interessen im Forum einbringst, bist Du hier genau richtig!</p> <p class="break">Wir haben einige geschützte Bereiche - wie z.B. • Private Foto-Galerie für Mitglieder.</p> <p class="break">Bei uns kannst Du Dich ohne Verpflichtung und kostenlos anmelden.</p> <p class="break">Willkommen ist jeder, der sich selbst gern in netter Weise einbringt und sich nicht nur die Zeit mit Lesen vertreiben will.</p> <p class="break">Werbung wird hier nicht geduldet.</p> <p class="break">Stell Dich bitte nach dem Registrieren kurz im Mitgliederbereich vor. </p> <p class="break">Danke!</p> <p class="break">Viel Spaß </p> <p>Unsere Partner:</p> <p><a title="Das Forum für Hilfe, Tricks & Tipps" href="https://www.hilfe-tricks-tipps.de" target="_blank"> <img src="https://files.homepagemodules.de/b104774/a_314_1caa41f0.png" alt="Das Forum für Hilfe, Tricks & Tipps" border="0"></a></p></center>
Ich habe jetzt eine Lösung gefunden, habe die ganze Nacht daran gesessen, habe es jetzt sauber hinbekommen, es funktioniert jetzt ohne iFrame, ja, das war für mich eine harte Nacht. Also wer es haben möchte, darf diese gerne benutzen.
Ich habe oben in Beitrag #1 die CSS angepasst und verändert.
Man muss das HTML für sich anpassen! Bitte nicht mehr dazu tun oder die Schriften verlängern, sonst macht er es unten zuerst und dann oben, das sieht doof aus.
Und dann nur den HTML-Code in die Box einfügen, fertig.
Bitte so lassen, habe viele Varianten schon getestet, für mich sieht es so sauber und schön aus.
Ich hoffe, meine Idee und Inspiration kommt gut an.