Hallo, Wolfgang, ich hoffe, ich nerve nicht. Ich habe Probleme mit meinem Firefox Browser. Ich tüftele jetzt schon seit 15 Tagen an einer Geburtstagskarte rum. Mit der CSS habe ich noch ein paar Holperstrecken, aber ich versuche es. Mein Problem ist nur, dass mein Firefox Browser alles zentriert anzeigt. Auf der Windows Edge nicht. Bin am Verzweifeln. Wollte mal nachfragen, ob ich in beiden Scripts Fehler drin habe. Wollte es schon beim Nachbarn probieren, aber ich darf nicht, deswegen frage ich dich. 2tens bekomme ich den Namen xxxx nicht unten richtig angezeigt. Der hängt bei mir in der Mitte. Wird er bei dir richtig anzeigt? Ich bin noch dabei mein Laptop neu zu installieren. Da das mit dem Firefox nicht so geht, kann man ja nicht mehr arbeiten.
Firefox zeigt alles zentriert an, obwohl im Code nichts angegeben ist.
Und hier das Bild wie es geöffnet aussieht:
Hier zeigt Firefox das Bild auch zentriert an, obwohl nichts angegeben ist. Wie gesagt bekomme ich denn Namen, also das xxxx nicht unten ausgerichtet hin. Ich habe es voll schwer ohne funktionierenden Browser.
Ich bedanke mich im Voraus, für deine Mühen. Ich drehe hier voll ab, da all meine Browser eine Macke haben. Werde die Tage, wenn ich dazu komme, auf meinen PC alle Betriebssysteme neu installieren.
Fehlersuche: Geburtstagskarte mit Effekt Aktualisiert 12.03.22
Hallo Daishi, danke für das interessante Skript. Netter Effekt... Kann man auch gut für andere Glückwünsche oder Anlässe einsetzen!
1. Ein gravierender Fehler ist im Skript nicht zu finden! Ich würde den Brief-Text etwas anders formatieren, damit die Werte von "top" und "left" nicht so kritisch sind! Musste den Body-Eintrag herausnehmen! Hast Du ein "Apple-PC"? Die Schriftart wird in Deinem Bild nicht umgesetzt!
Hier mein Vorschlag:
Es habt sich die Class ".name", "p" und etwas am Brieftext geändert!
2. Alles wird im Firefox" zentriert angezeigt: Ich denke, dass es nicht am Browser und nicht am Betriebssystem Deines PC's liegt! Warte bitte mit der Neuinstallation...
Da die Browser auf verschiedene Arten auch Fehler korrigieren, kann es sein, dass sich in Deiner CSS oder auch in Deinen Skripten ein Fehler eingeschlichen hat. Kannst Du mir per PN Deine CSS zukommen lassen?
Guten Morgen Wolfgang, ich habe jetzt die ganze Nacht daran gesessen und probiert, wie ich die Geburtstagskarte per Icon ins Forum bekomme. Nach endlosen Versuchen und Tests, habe ich es hinbekommen. Ich weiß nicht, ob das die richtige Lösung ist. Oder gibt es da noch verschiedene Wege es einzufügen.
Also hier mal der Icons-Code:
1 2 3 4 5 6 7 8
Ich habe bei Forencode es ausgeklickt das nur 2 eingabefelde blieben:
Ersetze: [Geburtstagskarte] Mit: <center><div class="birthdayCard"> <div class="cardFront"> <h3 class="happy">HAPPY BIRTHDAY!</h3> <div class="balloons"> <div class="balloonOne"></div> <div class="balloonTwo"></div> <div class="balloonThree"></div> <div class="balloonFour"></div> </div> </div> <div class="cardInside"> <h3 class="back">HAPPY BIRTHDAY!</h3> <p>Lieber Jörg,</p> <p>Alles Gute zum Geburtstag! Ich wünsche Dir alles Liebe und viel Glück! Mögen all Deine Geburtstagswünsche in Erfüllung gehen.</p> <p>Mit freundlichen Grüßen</p> <p class="name">chris & Anja</p> </div> </div></center>
Also bei mir geht es, hier habe ich es mit Center angegeben, dass es mittig ist. Ich hoffe, dass es so richtig ist. Wenn es falsch war, entschuldige ich mich, ist alles noch neu, aber ich möchte es lernen auf Biegen und Brechen. Bin soweit froh, dass ich das hinbekommen habe. Für Erklärungen und Änderungen bin ich sehr gerne bereit
Meine Idee ist, dass man es mit einem Icon einfügt und den Namen dazwischen eingibt so wie bei Frage oder Infos, aber da müsste ich das Script teilen und umschreiben. So gut bin ich nicht oder sagen wir, so weit. Bin da noch zu weit entfernt, ich fange erst mal klein an. Wie gesagt Ideen hat man genug, nur beim Umsetzen hapert es.
Habe die Kerze nachgebaut, war alles englisch, habe es auf Deutsch geschrieben. Originale Seite finde ich nicht mehr, konnte man selber mit allen Farben anpassen.
Funktionieren tut es einwandfrei auf der Testseite. Nur wenn ich alles ins Portal einfüge, wird die Kerzenoberseite und die Flamme verschoben. Wenn ich es per Icon einfüge, zeigt es auch im Beitrag alles sauber an .
Habe auch versucht die Webkit-filter einzubauen für die verschieden Browser. Sollte man machen, weil es da stand. Vorlage war nicht zu sehen, habe ich selber gelöst.
Jetzt weiß ich nicht, ob ich diese an der richtigen Stelle platziert habe. Für mich ist das alles nicht so leicht, aber ich gebe mein Bestes. Kann sein das ich noch Fehler drin habe. Es war für mich ein Ansporn. Ich habe "Candle" in "Kerze", "Flame" in "flamme" und "GLOW" in "glühen" umgeschrieben.
Geburtstagskarte mit Effekt für die Iconbar - Zu Beitrag #4
Zitat von Daishi im Beitrag #4Guten Morgen Wolfgang, ich habe jetzt die ganze Nacht daran gesessen und probiert, wie ich die Geburtstagskarte per Icon ins Forum bekomme. Nach endlosen Versuchen und Tests, habe ich es hinbekommen. Ich weiß nicht, ob das die richtige Lösung ist. Oder gibt es da noch verschiedene Wege es einzufügen.
Also hier mal der Icons-Code: .....
Hallo Daisha, wenn man die Geburtstagskarte in der Iconbar und mit Namenseingabe einsetzen möchte, ist eine zusätzliche Variable notwendig! Da es heißen kann z.B. "Liebe Anja" oder "Lieber Chris", muss in der variablen Eingabe immer die Anrede zum Namen mit hinzugeschrieben werden! Die Karte ist so aufgebaut, dass der Admin die Karte erstellt!
Installation für die Templates (v1-4)
• Den alten CSS-Eintrag sperren oder löschen! • Folgenden Eintrag in "Eigener CSS Code" kopieren!
• Iconbar aufrufen! • Reiter HTML anklicken! • Namen vergeben, z.B. Geburtstagskarte! • Foren-Code eintragen und speichern! • Den neu erstellten Foren-Code an die richtige Position schieben!
Kerze für die Geburtstagskarte in der Iconbar - Zu Beitrag #5
Zitat von Daishi im Beitrag #5Habe die Kerze nachgebaut, war alles englisch, habe es auf Deutsch geschrieben. Originale Seite finde ich nicht mehr, konnte man selber mit allen Farben anpassen. Funktionieren tut es einwandfrei auf der Testseite. Nur wenn ich es in Portal einfüge, zeigt es den Kerzendeckel und Flamme verschoben an. Wenn ich es per Icon einfüge, zeigt es auch im Beitrag sauber an . Habe auch versucht die Webkit-filter einzubauen für verschieden Browser. Sollte man machen, weil es da stand, Vorlage war nicht zu sehen, habe ich sollte selber gelöst. ......
Hallo Daisha, die Kerze ist der Hammer!
Habe den CSS-Code so angepasst, dass die Kerzenoberseite sich nicht mehr verschiebt und gut passt!
Es können auch mehrere Kerzen nebeneinander aufgestellt werden!
Als Foren-Code habe ich die Kerze linksbündig eingetragen. Man kann sie dann auch mit [center] ... [/center] nach Bedarf zentrieren!
Die Kerze ist so eingerichtet, dass sie nicht von anderen Elementen verdeckt werden kann (z-index) !
Habe noch ein HTML-Script mit 4 Kerzen unterschiedlicher Größe eingetragen!
Installation für die Templates (v1-4)
In Zeile 17 kann die Höhe der Kerze bestimmt werden!
In Zeile 4 kann der Abstand zum oberen Rand und zu einer weiteren Kerze eingestellt werden!
• Iconbar aufrufen! • Reiter Foren-Code anklicken! • Erweiterte Foren-Codes muss ausgeblendet sein! • Den neu erstellten Foren-Code an die richtige Position schieben!
Hallo Wolfgang, vielen lieben Dank für die Umsetzung und Erklärung. Die Kerzen sind ja der Hammer. Mit der Umsetzung der 4 Kerzen hatte ich die Idee Adventskerzen daraus zu machen, aber wie ich sehe hast du sie schon umgesetzt. Die 4 Kerzen passen perfekt zum Advent, da hast du eine super Idee und Umsetzung gemacht. Ich finde es hammermäßig, wie du das machst. Mit den 4 Größen passt das zum Advent. Ein Riesenlob an dich und von mir ein Riesen-Respekt mit der Arbeit. Ich ziehe den Hut.
Variable Kerzen für die Geburtstagskarte in der Iconbar
Hallo Daishi...
Auch ich muss hier einen Lob für Deinen unermüdlichen Einsatz und Deiner Energie etwas hinzubekommen aussprechen!
Wenn Dir die Kerzen so gut gefallen und Du mehr in den Beiträgen damit machen möchtest, kannst Du über eine zusätzliche Angabe im Foren-Code die Höhe der Kerze bestimmen! Mit dem folgenden neuen Foren-Code ist das möglich!
Installation
• Den alten CSS-Eintrag sperren oder löschen! • Folgenden Eintrag in "Eigener CSS Code" kopieren!
• Iconbar aufrufen! • Reiter HTML anklicken! • Namen vergeben, z.B. Geburtstagskarte! • Foren-Code eintragen und speichern! • Den neu erstellten Foren-Code an die richtige Position schieben!
Der neue Foren-Code würde so aussehen: Für die Höhe kann ein beliebiger Wert eingesetzt werden (hier 300px). Der Foren-Code kann mehrmals hintereinander oder im Beitrag mit unterschiedlichen Höhen eingetragen werden!
Ich habe am Wochenende bis jetzt daran gesessen, eine einfache Postkarte zu machen.
Das war auch eine Inspiration und eine Idee, auf welchen Foren man war und was man im Forum machen kann, wo man die Postkarten ablegen kann. Wie gesagt ich bin ja noch Anfänger .
Den CSS-Code habe ich für 6 Postkarten ausgelegt. Im HTML-Code habe ich nur eine angegeben und die anderen leer gelassen.
<div class="container"> <div class="card"> <div class="img-container"> <img src="https://files.homepagemodules.de/b104774/bhnetfiles_big-m9f5-3t-3432.png" alt=""/> </div> <div class="card-details"> <h2>Der Treffpunkt für Hilfe, Tricks & Tipps</h2> <p>Ich war hier auf der Durchreise des Forums der Treffpunkt für Hilfe, Tricks & Tipps. Ich finde das Forum sehr hilfreich und informative und ich empfehle dieses Forum sehr gerne weiter Hier ist eine digitale Postkarte empfohlen von Daishi.</p> </div> </div> <div class="card"> <div class="img-container"> <img src="hier kommt bild rein" alt=""/> </div> <div class="card-details"> <h2>forum</h2> <p>hier der text</p> </div> </div> <div class="card"> <div class="img-container"> <img src="hier kommt bild rein" alt=""/> </div> <div class="card-details"> <h2>forum</h2> <p>hier der text</p> </div> </div> <div class="card"> <div class="img-container"> <img src="hier kommt bild rein" alt=""/> </div> <div class="card-details"> <h2>forum</h2> <p>hier kommt text rein</p> </div> </div> <div class="card"> <div class="img-container"> <img src="hier bild rein" alt=""/> </div> <div class="card-details"> <h2>forum</h2> <p>hier kommt text rein</p> </div> </div> <div class="card"> <div class="img-container"> <img src="hier kommt bild rein" alt=""/> </div> <div class="card-details"> <h2>forum</h2> <p>hier kommt text rein</p> </div> </div> </div>