Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

Schneefall / Schneeflocken / Regen (Anleitung Script)

Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
FollowersFollowers: 1
BookmarksBookmarks: 3
Views: 2319

Schneefall / Schneeflocken / Regen (Anleitung Script)

Post#1by Teamleiter & Techniker Gooof » 09.10.2013 17:54

jQuery Schneefall / Snowfall für phpBB, Weihnachten und die Winterzeit

Flocken mit eigenem Bild
Syntax: [ Raw ] [ Download ] [ Verstecken ]
javascript Code
  1. <script type="text/javascript" src="http://img.userboard.org/images/js/jquery.snowfall.js"></script>
  2. <script type="text/javascript">jQuery(document).ready(function(){
  3. jQuery(document).snowfall({
  4.         flakeCount:9,
  5.         image: "http://img.userboard.org/images/js/snow/flake.png",
  6.         minSize:16,
  7.         maxSize:32,
  8.         minSpeed:1,
  9.         maxSpeed:5
  10. });
  11. });</script>


Reine Text Flocken
Syntax: [ Raw ] [ Download ] [ Verstecken ]
javascript Code
  1. <script type="text/javascript" src="http://img.userboard.org/images/js/jquery.snowfall.js"></script>
  2. <script type="text/javascript">jQuery(document).ready(function(){
  3. jQuery(document).snowfall({
  4.         flakeCount:9,
  5.         flakeColor: "#ffffff",
  6.         round: true,
  7.         minSize:1,
  8.         maxSize:2,
  9.         minSpeed:1,
  10.         maxSpeed:5
  11. });
  12. });</script>


Hinweis: document innerhalb von jQuery(document).snowfall kann in beiden Codes mit jedem beliebigen jQuery Selector ersetzt werden um es nur innerhalb von bestimmten Boxen im Forum schneien zu lassen (einzelnen Beiträgen...). Als Test kann man jQuery(document).snowfall ersetzen mit jQuery("#phpbb").snowfall was den gleichen Effekt haben sollte.


Einbauanleitung
Suche dir einen der beiden Schneefall jQuery Codes aus und ändere ihn so ab, das er deinen Wünschen entspricht, nutze die geänderten Einstellungen dann für die hier beschriebenen Lösungen.
Beim Einbau ist es wichtig wo es schneien soll. Dazu gibt es mehrere Möglichkeiten:
  1. Überall im Forum (Lösung: Template - overall_(header|footer).html)
  2. Nur in bestimmten Foren und Themen eines Forums (Lösung: BBCode)
  3. Nur auf bestimmten Seiten z. B. dem Index (Lösung: Template - index_body.html)


>> Schneefall Lösung: Template (overall_footer.html)
>> zur Anleitung


>> Schneefall Lösung: BBCode (für Forenregeln & Themen)
>> zur Anleitung


>> Stop Button einbauen

>> Demo / Vorschau des Scripts hier


Die Optionen im Script:

OPTION STANDARD WERT BESCHREIBUNG
flakeCount12Flocken Anzahl
image"http://img.url"URL zum Bild, am besten .png oder .gif || kann weggelassen werden für "Reine Text Flocken"
minSize1Mindestgröße einer Flocke
maxSize2Maximalgröße einer Flocke
minSpeed1Mindestgeschwindigkeit
maxSpeed5Maximalgeschwindigkeit
flakeColor"#ffffff"Flocken Farbe
roundfalseAbgerundete Flocken || zum aktivieren: true
Kostenloses phpBB3 Foren Hosting - Entwickler | Hosting | Admin :Pingouin02:
User avatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Posts: 30245
Joined: 12.2005
Cash on hand: 3,407.07 Points
Bank: 27,118.15 Points
Location: phpbb9.de
Thanks: 1228
Thanked: 3422 times in 1909 posts
Highscores: 226
Gender: Male
Your Forum URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth *

The following user would like to thank Teamleiter & Techniker Gooof for this post

Re: Schneefall / Schneeflocken / Regen (Anleitung Script)

Post#2by Teamleiter & Techniker Gooof » 09.10.2013 17:54

Schneefall HTML Lösung: Template (overall_footer.html)

Begebe dich nach:
Adminbereich -> Styles -> Templates -> Style und Template wählen, wir wählen hier overall_footer.html, da wir Schnee auf jeder Seite haben wollen, außer in den Spielen.

HTML-Code:
Hinweis: Den Code an das Ende des Templates einfügen.
Code: Select all
<!-- IF SCRIPT_NAME != 'arcade' -->
   Nutze hier nun einen der beiden [Flocken mit eigenem Bild ODER Reine Text Flocken] Codes.
<!-- ENDIF -->


Die Flocken sind direkt nach dem Abspeichern im Forum sichtbar.
Kostenloses phpBB3 Foren Hosting - Entwickler | Hosting | Admin :Pingouin02:
User avatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Posts: 30245
Joined: 12.2005
Cash on hand: 3,407.07 Points
Bank: 27,118.15 Points
Location: phpbb9.de
Thanks: 1228
Thanked: 3422 times in 1909 posts
Highscores: 226
Gender: Male
Your Forum URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth *

Re: Schneefall / Schneeflocken / Regen (Anleitung Script)

Post#3by Teamleiter & Techniker Gooof » 09.10.2013 17:55

Schneefall BBCode Lösung (für Forenregeln, Beiträge, Beschreibungen...)

Begebe dich nach:
Adminbereich -> Beiträge -> BBCodes -> Neuen BBCode erstellen


Flocken mit eigenem Bild

Flocken mit eigenem Bild

BBCode-Benutzung:
Code: Select all
[snowfall]flakeCount:{NUMBER1},minSize:{NUMBER2},maxSize:{NUMBER3},image:{URL}[/snowfall]


HTML-Ersetzung:
Code: Select all
<script type="text/javascript" src="http://img.userboard.org/images/js/jquery.snowfall.js"></script>
<script type="text/javascript">jQuery(document).ready(function(){
jQuery(document).snowfall({
   flakeCount:{NUMBER1},
   image: "{URL}",
   minSize:{NUMBER2},
   maxSize:{NUMBER3},
   minSpeed:1,
   maxSpeed:5
});
});</script>


Ausgabe des BBCodes:
Code: Select all
[snowfall]flakeCount:10,minSize:11,maxSize:33,image:http://img.meinbild.jpg[/snowfall]

Der Code sollte selbsterklärend sein. (flakeCount = Anzahl, image = URL)

Reine Text Flocken

Reine Text Flocken

BBCode-Benutzung:
Code: Select all
[snowfall]flakeCount:{NUMBER1},minSize:{NUMBER2},maxSize:{NUMBER3},flakeColor:{COLOR}[/snowfall]


HTML-Ersetzung:
Code: Select all
<script type="text/javascript" src="http://img.userboard.org/images/js/jquery.snowfall.js"></script>
<script type="text/javascript">jQuery(document).ready(function(){
jQuery(document).snowfall({
   flakeCount:{NUMBER1},
   flakeColor: "{COLOR}",
   round: true,
   minSize:{NUMBER2},
   maxSize:{NUMBER3},
   minSpeed:1,
   maxSpeed:5
});
});</script>


Ausgabe des BBCodes:
Code: Select all
[snowfall]flakeCount:10,minSize:11,maxSize:33,flakeColor:#EEE000[/snowfall]

Der Code sollte selbsterklärend sein. (flakeCount = Anzahl, flakeColor = HEX Farbe z.B. 123456)
Kostenloses phpBB3 Foren Hosting - Entwickler | Hosting | Admin :Pingouin02:
User avatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Posts: 30245
Joined: 12.2005
Cash on hand: 3,407.07 Points
Bank: 27,118.15 Points
Location: phpbb9.de
Thanks: 1228
Thanked: 3422 times in 1909 posts
Highscores: 226
Gender: Male
Your Forum URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth *

Re: Schneefall / Schneeflocken / Regen (Anleitung Script)

Post#4by Teamleiter & Techniker Gooof » 10.10.2013 19:17

Stop Button einbauen

Auch kann hier ein Stop Button mit eingebaut werden, mit dem der Benutzer die Schneeflocken anhalten kann.
Dieses sollte man am besten dort einbinden, wo auch die Schneeflocken geladen werden oder wo es nötig ist.

Dieser Code ergibt einen Button, der direkt an die
Stelle eingefügt werden kann, wo er erscheinen soll.
Das kann z.B. im overall_footer.html Template am
Anfang innerhalb einer HTML Zentrierung sein.

Der Button mit Schneefall Stop beim Anklicken:
Code: Select all
<input id="snowfall_clear" value="Stop Snowfall" type="button" class="button2 input" /><script type="text/javascript">jQuery("#snowfall_clear").click(function(){jQuery(document).snowfall('clear');});</script>
Kostenloses phpBB3 Foren Hosting - Entwickler | Hosting | Admin :Pingouin02:
User avatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Posts: 30245
Joined: 12.2005
Cash on hand: 3,407.07 Points
Bank: 27,118.15 Points
Location: phpbb9.de
Thanks: 1228
Thanked: 3422 times in 1909 posts
Highscores: 226
Gender: Male
Your Forum URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth *


Return to "phpBB3: Tipps und Anleitungen"


 

Who is online

Users browsing this forum: No registered users and 1 guest

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

javascript schneeflocken

schneeflockenregen regen htl code regen html code phpbb3 schneeflocken phpbb syntax anleitung javascript schneeflocken kostenlos phpbb3 schnee wo muß ein script für schneeflocken in html eingebaut werden java script regen code