Ich habe mir ein paar Gedanken gemacht und eine schöne Geburtstagskarte gebastelt.
Sie ist etwas schlicht gestaltet, sie geht bei mir auf dem Testforum. Ich weis nicht wie ich es jedesmal schaffe, dass es auf Xobor geht. Meist geht alles was ich mache nicht, warum auch immer das gibt mir immer zum Denken und Grübeln Wenn ich dann zeige, was ich gemacht habe und es nicht im Xobor Forum nicht geht, schäme ich mich so sehr.
Ich bin froh, wenn das Wolfgang sich das anschaut und er sagt, er schaut sich das an und er macht und schwups hat er 2-3 Beispiele und setzt sie um, siehe Ostereier. Ich bin sehr froh, dass Wolfgang hier ist und sehr viel umsetzt und hilft und immer parat steht und auch unter die Arme greift und es genauer erklärt. Dafür nochmal ein Dickes Lob von mir.
Hier mal der HTML Code
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
<body> <div class="card"> <div class="back"></div> <div class="front"> <div class="imgset"> <img width="100%" src="https://bilderupload.org/image/bf5a05656-geburtstagsbild-1.png"> </div> </div> <div class="text-container"> <p id="head">Alles Gute zum Geburtstag!</p> <p>Ich wünsche Dir von Herzen alles Gute zum Geburtstag. Mögen all Deine Träume und Wünsche in Erfüllung gehen. Viel Glück, Gesundheit und ein langes und erfülltes Leben!</p> <p>Mit freundlichen Grüßen Daishi !</p> </div>
Also nicht wundern, im Xobor Forum wird es im unteren Teil angezeigt. Ich weis, man kann es in CSS3 in Zeile 3 ändern bei background-image: Da gibt es 5 Farbeinstellungen, diese muss man dann anpassen. Ich hatte eine Regenbogen-Farbe eingebaut gehabt.
Ich habe es auf Weiß gestellt, Da Wolfgang es ja nachschaut sonst müsste er es noch ändern. Deswegen sage ich ja Bescheid, wo man es ändern kann. Jedes Forum hat ja andere Hintergrundfarben.
Geburtstagskarte für Webseiten und Forum-Beiträge Aktualisiert 13.06.22
Hallo Daishi, Du bist ja schneller als der Schall mit Deinen schönen Ideen! Gute Arbeit, danke dafür!
Damit Deine super Geburtstagskarte auch in allen Templates und auch in Beiträgen funktioniert, habe ich sie etwas angepasst! Der Geburtstagstext braucht nur mit einem neuen Foren-Code umschlossen zu werden und schon ist ein kleines Geburtstagspräsent fertig! Auch lassen sich mehrere Karten nebeneinander stellen!
Bei neuen Skripten ist immer darauf zu achten, dass die CSS-Einträge nicht der Template-CSS gleichen! Trägt man die Geburtstagskarte auf einer freie HTML-Seite mit eigener CSS ein, ist alles gut! Deswegen können gleiche "CSS-TAG's" wie "body, card, header, content, container, ...." das gesamte Layout des Forums verändern. "body" versuche ich wegzulassen oder die Werte auf einen anderen Div-Container zu übertragen! Abhilfe schafft auch, wenn man die "CSS-TAG's" mit einem Buchstaben oder einer Zahl verlängert! Ich habe auch hier auf "Google Import-Schriften" verzichtet.
z.B. " card1, header1, content1, container1"
Installation für alle Templates & Mobil
Alles Gute zum Geburtstag!
Ich wünsche Dir von ganzen Herzen alles Gute zum Geburtstag. Mögen all Deine Träume und Wünsche in Erfüllung gehen. Viel Glück, Gesundheit, ein langes und erfülltes Leben!
Viele Grüße Wolfgang
Alles Gute zum Geburtstag!
Ich wünsche Dir von ganzen Herzen alles Gute zum Geburtstag. Mögen all Deine Träume und Wünsche in Erfüllung gehen. Viel Glück, Gesundheit, ein langes und erfülltes Leben!
Viele Grüße Wolfgang
Das steht im Forum-Beitrag für die Darstellung der Geburtstagskarte:
1 2 3 4 5 6 7 8 9 10 11
[Geburtstagskarte]
[h3]Alles Gute zum Geburtstag![/h3] Ich wünsche Dir von ganzen Herzen alles Gute zum Geburtstag. Mögen all Deine Träume und Wünsche in Erfüllung gehen. Viel Glück, Gesundheit, ein langes und erfülltes Leben!
[b]Viele Grüße Wolfgang[/b]
[/Geburtstagskarte]
Die Geburtstagskarte für Webseiten & Forum-Beiträge:
HTML Code
Neuer Forencode
Einbau in die Iconbar
CSS
Zum Testen und für Webseiten kann das Skript und der CSS-Eintrag für die Templates (v1-4) in die "Kopf- oder Fußzeile", für das Xobor (v6) oder Mobil in "Eigene Kopfzeile". Für Grußkarten in Forum-Beiträgen ist nur der neue Foren-Code und die CSS notwendig!
In Zeile 18 wird die Geburtstagskarte nach links gerückt (sieht bei großen Monitoren besser aus)!
In Zeile 22 wird die Karte für mobile Version wieder zentriert (kein Platz)!
In Zeile 98-102 kann der Text beliebig angepasst werden!
<div class="text-container1"> <h3>Alles Gute zum Geburtstag!</h3> <p>Ich wünsche Dir von Herzen alles Gute zum Geburtstag.</p> <p>Mögen all Deine Träume und Wünsche in Erfüllung gehen.</p> <p>Viel Glück, Gesundheit und ein langes und erfülltes Leben!</p> <p><b>Viele Grüße <br>Wolfgang</b></p> </div> </div>
Schließen
Iconbar aufrufen.
"Neue Icons hinzufügen" anklicken.
Reiter Forencode anklicken.
Erweiterte Foren-Code einblenden!
Werte eintragen und speichern.
Wichtig! Neuen Foren-Code in "nicht sichtbar" verschieben!
Durch die "Backticks" in Zeile 1+12 muss der Text nicht in einer Reihe stehen!
In Zeile 4-10 kann ein Vorgabetext eingetragen und angepasst werden, ist aber nicht zwingend erforderlich!
Geburtstagskarte unter "Iconbar > HTML" anlegen.
Namen vergeben z.B. "Geburtstagskarten".
Unter "HTML" den folgenden Code eintragen.
Speichern und Icon platieren!
1 2 3 4 5 6 7 8 9 10 11 12
<div onclick="xob_insert(` [Geburtstagskarte]
[h3]Alles Gute zum Geburtstag![/h3] Ich wünsche Dir von ganzen Herzen alles Gute zum Geburtstag. Mögen all Deine Träume und Wünsche in Erfüllung gehen. Viel Glück, Gesundheit, ein langes und erfülltes Leben!
Für die Templates (v1-4) wird der folgende Eintrag in "Eigener CSS Code" kopiert! Pfad: "Admin > Layout > Farben- und Einstellungen > CSS > Eigener CSS Code"
Für das neue Template Xobor (v6) und "Mobil" kommt der folgende Eintrag in "CSS / SCSS Addon"! Pfad-V6: "Admin > Layout > Farben & Einstellungen > CSS/SCSS > CSS / SCSS Addon". Pfad-Mobil: "Admin > Layout > Mobil > CSS/SCSS > CSS / SCSS Addon".
Für Geburtstagskarten in Beiträgen, kann die CSS gekürzt werden!
Die Schriftgröße und Schriftart wird in Zeile 26+27 bestimmt.
Die Grafik für den Kuchen bestimmen die Zeilen 10+59.
In Zeile 18 wird die Geburtstagskarte nach links gerückt (sieht bei großen Monitoren besser aus)!
In Zeile 22 wird die Karte für mobile Version wieder zentriert (kein Platz)!
Fehlersuche: Geburtstagskarte für Webseiten und Forum-Beiträge
Hallo Mato, eigene CSS-Einträge und Skripte beeinflussen oft neue Funktionen. Hier muss auch nachgebessert werden! Habe die Ausrichtung der Karte mit "!important" festgemacht, auch im Beitrag #2 geändert....
Jetzt passt es!
Bis dann und besten Dank für die Rückmeldung! Wolfgang