Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Technische Wartung in der Zentrale: Montag 1 Juli, und Montag 8 Julivon Joost Mo 24 Jun 2024 - 17:20
» [phpBB2] Mystic - new beginning RPG
von Raine Kamiya Fr 21 Jun 2024 - 20:52
» Neue Mitarbeiter gesucht
von Joost Fr 21 Jun 2024 - 20:26
» Lange Ladezeiten
von Skouliki Mi 19 Jun 2024 - 19:35
» Gründer E-Mailadresse ändern
von Skouliki Fr 7 Jun 2024 - 12:49
» Nach Wartung Datenbankfehler
von Joost Mo 3 Jun 2024 - 12:34
» Wartung geplant Montag, 3. Juni 2024
von Joost So 2 Jun 2024 - 8:04
» Anti-Spam-Prüfung bei Mitgliedern
von Skouliki So 12 Mai 2024 - 18:10
» Die Heidekriger (WaCa) mit Punktesystem
von Rama So 21 Apr 2024 - 20:44
» Forum löschen, Probleme mit Gründeraccount
von Skouliki Di 9 Apr 2024 - 14:03
» [AwsomeBB] LogIn Farbe Weiß auf weiß
von Skouliki Sa 30 März 2024 - 21:14
» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40
» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54
» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48
» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44
» Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03
» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41
» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Skouliki in Lange Ladezeiten ( 2 )
» Beitrag von ACRenaissance in Gründer E-Mailadresse ändern
( 1 )
» Beitrag von gnadenlos in Lange Ladezeiten
( 1 )
» Beitrag von Joost in Lange Ladezeiten
( 1 )
» Beitrag von gnadenlos in Lange Ladezeiten
( 1 )
Schnee auf dem Body ohne Script
Seite 1 von 1 • Teilen
Schnee auf dem Body ohne Script
Die Zeit ist bald wieder dran, sodass wieder in einigen Foren der Schnee fallen sollte. ![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Ich habe mich einmal daran gesetzt und zwei HTML-Seiten mit einer CSS-Animation bestückt. Diese Seiten kann man per iFrame und ein wenig CSS auf dem Foren-Body darstellen. Die Seiten wie auch die Grafiken selbst sind transparent. Somit wird die Animation vor evtl eingefügten Hintergrundgrafiken oder Verläufen statt.
Der Vorteil dieser Schnee-Animation liegt darin, das kein Script benötigt wird und das Ladevolumen für die Grafik lediglich nur 3,5kb beträgt.![top](/users/1814/80/80/20/smiles/99379.gif)
Auch gibt es einen Nachteil, bei User mit dem Internet-Explorer kleiner der Version 10 findet keine Animation statt.![Exclamation](https://2img.net/i/fa/i/smiles/icon_exclaim.gif)
Getestet habe ich es bei Forumieren-Foren, phpBB2, phpBB3 und Invision.... ich gehe jedoch davon aus, dass es auch in den verbleibenden Versionen funktioniert. Lauffähig in den Browsern Firefox, Chrome, Opera, Safari sowie im IE ab Version 10 sowie weiteren Webkit-Browsern.
Die erste Seite hat natürlich wie könnte es auch anders sein den Schnee mit weißen Flocken. Damit die Foren mit hellen Hintergründen nicht zu kurz kommen habe ich auch eine Seite mit hellblauen Flocken erstellt. Klick
Hier in einem dunkel gehaltenem Testforum kannst Du Dir derzeit ein Bild von der Funktion des iFrames machen. Von Vorteil wäre es natürlich auch wenn Du weitere Bereiche Deines Forums transparent gestaltest. Auf die Transparenz bzw. Teile darauf kann ich hier leider nicht genauer drauf eingehen, benutze dafür bitte die Suche des Support-Forums mit dem Schlagwort "transparent".![top](/users/1814/80/80/20/smiles/99379.gif)
Ganz oben in der linken Modulreihe befindet sich das Modul "Schnee". In diesem Testforum gibt es abschaltbare Module, sodass Du über den kleinen darüber liegenden Schalter (Pfeile) nicht nur das Modul.... sondern auch den Schneefall abschalten kannst (Variante 3).![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Urheberrecht, Copyright und Verwendung:
Bei den verwendeten Texturen handelt es sich um Grafiken die eigens für diesen Zweck von mir dafür erstellt wurden und unterliegen dem Urheberrecht
![Exclamation](https://2img.net/i/fa/i/smiles/icon_exclaim.gif)
Auch ist die Verwendung der Seiten außerhalb eines Forumieren-Forums untersagt
![Exclamation](https://2img.net/i/fa/i/smiles/icon_exclaim.gif)
Kommen wir nun zum Einsetzen der Animationen. Dafür habe ich 3 Varianten entwickelt.
Bilder sagen mehr als tausend Worte:
Die Kombination aus CSS-Class und iFrame für das Einfügen in der "Beschreibung der Webseite" wie auch in ein Modul sind jeweils gleich. Sie unterscheiden sich lediglich in der Farbe der Schneeflocken![Exclamation](https://2img.net/i/fa/i/smiles/icon_exclaim.gif)
Hab Spaß mit dieser Lösung ein wenig Schnee in Dein Forum zu bringen. Auch würde ich mich über ein Dankeschön per PN, mit einem darin enthaltenen Link zu Deinem Forum freuen.
LG inde
PS. Vielleicht könnte ja auch nach einem Test ein Admin des Forums diesen Beitrag als Tut einsetzen.![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Ich habe mich einmal daran gesetzt und zwei HTML-Seiten mit einer CSS-Animation bestückt. Diese Seiten kann man per iFrame und ein wenig CSS auf dem Foren-Body darstellen. Die Seiten wie auch die Grafiken selbst sind transparent. Somit wird die Animation vor evtl eingefügten Hintergrundgrafiken oder Verläufen statt.
Der Vorteil dieser Schnee-Animation liegt darin, das kein Script benötigt wird und das Ladevolumen für die Grafik lediglich nur 3,5kb beträgt.
![top](/users/1814/80/80/20/smiles/99379.gif)
Auch gibt es einen Nachteil, bei User mit dem Internet-Explorer kleiner der Version 10 findet keine Animation statt.
![Exclamation](https://2img.net/i/fa/i/smiles/icon_exclaim.gif)
Getestet habe ich es bei Forumieren-Foren, phpBB2, phpBB3 und Invision.... ich gehe jedoch davon aus, dass es auch in den verbleibenden Versionen funktioniert. Lauffähig in den Browsern Firefox, Chrome, Opera, Safari sowie im IE ab Version 10 sowie weiteren Webkit-Browsern.
Die erste Seite hat natürlich wie könnte es auch anders sein den Schnee mit weißen Flocken. Damit die Foren mit hellen Hintergründen nicht zu kurz kommen habe ich auch eine Seite mit hellblauen Flocken erstellt. Klick
Hier in einem dunkel gehaltenem Testforum kannst Du Dir derzeit ein Bild von der Funktion des iFrames machen. Von Vorteil wäre es natürlich auch wenn Du weitere Bereiche Deines Forums transparent gestaltest. Auf die Transparenz bzw. Teile darauf kann ich hier leider nicht genauer drauf eingehen, benutze dafür bitte die Suche des Support-Forums mit dem Schlagwort "transparent".
![top](/users/1814/80/80/20/smiles/99379.gif)
Ganz oben in der linken Modulreihe befindet sich das Modul "Schnee". In diesem Testforum gibt es abschaltbare Module, sodass Du über den kleinen darüber liegenden Schalter (Pfeile) nicht nur das Modul.... sondern auch den Schneefall abschalten kannst (Variante 3).
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Urheberrecht, Copyright und Verwendung:
Bei den verwendeten Texturen handelt es sich um Grafiken die eigens für diesen Zweck von mir dafür erstellt wurden und unterliegen dem Urheberrecht
![Exclamation](https://2img.net/i/fa/i/smiles/icon_exclaim.gif)
![Exclamation](https://2img.net/i/fa/i/smiles/icon_exclaim.gif)
![Exclamation](https://2img.net/i/fa/i/smiles/icon_exclaim.gif)
Auch ist die Verwendung der Seiten außerhalb eines Forumieren-Forums untersagt
![Exclamation](https://2img.net/i/fa/i/smiles/icon_exclaim.gif)
![Exclamation](https://2img.net/i/fa/i/smiles/icon_exclaim.gif)
![Exclamation](https://2img.net/i/fa/i/smiles/icon_exclaim.gif)
Kommen wir nun zum Einsetzen der Animationen. Dafür habe ich 3 Varianten entwickelt.
- Variante: Das Einfügen des iFrames in der "Beschreibung der Webseite".
- Variante: Einfügen in ein Modul (ohne Abschaltung). Das Modul wird dann auch nicht weiter angezeigt.
- Variante: Einfügen in ein Modul, welches Du auch zusammen mit dem Schnee abschalten kannst. Mehr über das Ein-Ausblenden von Modulen erfährst Du hier im Support. Du musst dann bitte selbst noch einen Hinweistext hinzufügen.
Bilder sagen mehr als tausend Worte:
- Variante 1:
[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]
Der CCS-Code zum Einfügen:- Code:
/*Ab hier Zusatz für FGFX-SITE-SNOW*/
#fgfx_snow {
height: 1440px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}
html {
overflow-x: hidden !important;
overflow-y: auto !important;
}
/*Ende Zusatz für FGFX-SITE-SNOW*/
Fertig...Have fun
- Variante 2:
[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]
Der CCS-Code zum Einfügen:- Code:
/*Ab hier Zusatz für FGFX-SITE-SNOW*/
#fgfx_snow {
height: 1440px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}
html {
overflow-x: hidden !important;
overflow-y: auto !important;
}
/*Ende Zusatz für FGFX-SITE-SNOW*/
Fertig.... have fun
- Variante 3:
[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]
Der CCS-Code zum Einfügen:- Code:
/*Ab hier Zusatz für FGFX-SITE-SNOW*/
#fgfx_snow {
height: 1440px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}
html {
overflow-x: hidden !important;
overflow-y: auto !important;
}
/*Ende Zusatz für FGFX-SITE-SNOW*/
Fertig...have fun
Die Kombination aus CSS-Class und iFrame für das Einfügen in der "Beschreibung der Webseite" wie auch in ein Modul sind jeweils gleich. Sie unterscheiden sich lediglich in der Farbe der Schneeflocken
![Exclamation](https://2img.net/i/fa/i/smiles/icon_exclaim.gif)
- Frame für weiße Flocken:
- Code:
<div id=fgfx_snow><iframe src=http://www.flash-gfx.com/h31-fgfx-site-snow frameborder=0 scrolling=no width=100% height=1440px></iframe></div>
- Frame für blaue Flocken:
- Code:
<div id=fgfx_snow><iframe src=http://www.flash-gfx.com/h32-fgfx-site-snow-blue frameborder=0 scrolling=no width=100% height=1440px></iframe></div>
Hab Spaß mit dieser Lösung ein wenig Schnee in Dein Forum zu bringen. Auch würde ich mich über ein Dankeschön per PN, mit einem darin enthaltenen Link zu Deinem Forum freuen.
LG inde
PS. Vielleicht könnte ja auch nach einem Test ein Admin des Forums diesen Beitrag als Tut einsetzen.
![Very Happy](https://2img.net/i/fa/i/smiles/icon_biggrin.png)
inde- Admin a.D.
-
Beiträge : 5658
Anmeldedatum : 20.10.11
![-](https://2img.net/i/empty.gif)
» Schnee Script eingefügt und wieder raus nun ist schnee immernoch da!
» Schnee Script
» Let it snow - Schnee Script
» schnee script mit button
» "Schnee-Script" funktioniert nur teilweise
» Schnee Script
» Let it snow - Schnee Script
» schnee script mit button
» "Schnee-Script" funktioniert nur teilweise
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten