Schneescript im Slider

#1
Avatar

ruhrbruch

Forum-Sponsor  (289 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.goetheschule-essen.de

Liebe Gemeinde,

ich würde gerne ein Schnee-Script in meine Startseite einbauen, was im Grunde simpel ist. Leider klappt es nicht, dass es nur im Bereich des Sliders läuft. Ich habe schon mehrere Befehle ausprobiert, aber ich finde nicht die richtigen Zeilen. Hat jemand von euch eine Idee. Das Script eignet sich dafür entweder komplett die Seite einzuschneien oder auch nur einen Teil. Prinzipiell sind alle Dateien eingebunden (vgl. Test). Die Anleitung findet ihr hier.

Es geht um meine Seite der Goetheschule, das Design ist cetera.

 

Ich wünsche euch und euren Familien frohe Weihnachten...

 

Liebe Grüße

Jan

23.12.2020, 20:31
#2
Avatar

deekay

Forum-Sponsor  (712 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.lippe-event.de

Ich würde mal versuchen, das Script in den Slider zu intergrieren. Im Programmordner unter Plugins. Natürlich - wie bei Designanpassungen - musst du den Originalordner des Plugins sichern....

24.12.2020, 00:30
#3
Avatar

W2D Fan

Co-Administratorin  (4564 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Viellecht hilft dir DIESEN Beitrag auf die Sprünge.

Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

24.12.2020, 09:37
#4
Avatar

ruhrbruch

Forum-Sponsor  (289 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.goetheschule-essen.de

Perfekt...ich danke euch...LG und frohe Weihnachten!!

24.12.2020, 12:59
#5
Avatar

piotr

Forum-Sponsor  (250 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.tukhut.nl

25.12.2020, 14:38
#6
Avatar

ruhrbruch

Forum-Sponsor  (289 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.goetheschule-essen.de

Hi Piotr,

ich habe mich an deine tolle Anleitung gehalten, so dass es auch im Header geschneit hat. Leider zerschießt der Code aber meine Navigation und andere Funktionen wie die Registerkarten, so dass ich es wieder rausgeschmissen habe... DEnnoch vielen Dank!

LG Jan

25.12.2020, 16:03
#7
Avatar

piotr

Forum-Sponsor  (250 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.tukhut.nl

25.12.2020, 18:09
#8
Avatar

ruhrbruch

Forum-Sponsor  (289 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.goetheschule-essen.de

25.12.2020, 20:03
#9
Avatar

piotr

Forum-Sponsor  (250 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.tukhut.nl

26.12.2020, 14:49
#10
Avatar

ruhrbruch

Forum-Sponsor  (289 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.goetheschule-essen.de

Wow, Piotr, das ist genau das, was ich gesucht habe. Dann wäre ich für den Code sehr dankbar...Danke dir!!

26.12.2020, 17:32
#11
Avatar

piotr

Forum-Sponsor  (250 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.tukhut.nl

26.12.2020, 18:48
#12
Avatar

ruhrbruch

Forum-Sponsor  (289 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.goetheschule-essen.de

 nur auf der Hauptseite...

26.12.2020, 19:28
#13
Avatar

ruhrbruch

Forum-Sponsor  (289 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.goetheschule-essen.de

Ich habe gerade gesehen, dass die Slidernavigation und die brotkrumennavigation auf der Schneeseite nicht anklickbar sind.

26.12.2020, 19:31
#14
Avatar

piotr

Forum-Sponsor  (250 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.tukhut.nl

26.12.2020, 20:22
#15
Avatar

piotr

Forum-Sponsor  (250 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.tukhut.nl

1. Die Datei "ador_snow_p.js" per FTP hochladen in den js-Ordner deiner Website.

2. im Project Central oder über deinem Client deine Hauptseite anklicken.

3. Mit F2 auf "Eigenschaften" der Seite gehen.

4. Dann den Reiter "HTML " auswählen.

5. Dann die folgende Code eintragen am Ende des <body>-Bereiches:

<script type="text/javascript" src="/js/ador_snow_p.js"></script>
<script>
$( document ).ready(function() { goAdorSnow('headercontainer', 2, './wolken5.png', false, true, false, 0.7, 0.5, 0.4); });
</script>

6.Dann auf deiner Hauptseite einen HTML-Absatz eintragen (oben oder unten ist egal) mit der folgenden Code:

<style>
.snow {
  position:absolute;
  top: 0%;
  right: 0%;
  left: 0%;
  bottom: 0%;
  opacity: 0;
  width: auto;
  height: auto;
}
</style>

<div >
  <div class='snow' id="headercontainer" ></div>
</div>

7. Und das war es schon.

Falls noch Fragen, bitte melden 😉.

VG, Piotr

26.12.2020, 21:50
#16
Avatar

ruhrbruch

Forum-Sponsor  (289 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.goetheschule-essen.de

Das ist spitze, Piotr...vielen Dank für deinen Einsatz!! Liebe Grüße Jan

27.12.2020, 11:53
#17
Avatar

ruhrbruch

Forum-Sponsor  (289 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.goetheschule-essen.de

Liebe Gemeinde,

ich möchte noch einmal ein altes Thema ansprechen. Ich möchte gerne dieses Schneescript auf der Seite meines Adventkalenders platzieren und habe mich an die Anleitung gehalten. Leider gelingt es mir nicht, dass es schneit. 

Den Link findet ihr hier:

Adventskalender (goetheschule-essen.de)

Hat jemand von euch eine Idee?

 

LG Jan

30.11.2023, 12:20
#18
Avatar

W2D Fan

Co-Administratorin  (4564 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Und wo hast du denn überhaupt den Style-Code gelassen?

Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

30.11.2023, 13:08
#19
Avatar

ruhrbruch

Forum-Sponsor  (289 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.goetheschule-essen.de

Hallo Marjorie,

ich habe den Code jetzt wieder sichtbar gemacht, damit klappt es aber leider auch nicht.

Gruß

Jan

30.11.2023, 13:35
#20
Avatar

W2D Fan

Co-Administratorin  (4564 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Das ist doch auch nicht den ganzen Code, denn m.M.n. fehlt das <div> Teil.

Copy/paste ist so einfach aber du mußt wohl alles kopieren 😉

Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

30.11.2023, 13:44
#21
Avatar

ruhrbruch

Forum-Sponsor  (289 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.goetheschule-essen.de

OK, so geht es, aber es deckt nicht die gesamte Seite ab. Habe ich noch etwas übersehen? Danke dir...

30.11.2023, 13:46
#22
Avatar

ruhrbruch

Forum-Sponsor  (289 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.goetheschule-essen.de

Außerdem legt das Script wieder einmal die gesamte Navigation lahm...

30.11.2023, 13:47
#23
Avatar

W2D Fan

Co-Administratorin  (4564 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Mit allem Respekt Jan, aber das Eine Design ist das Andere Design nicht.

Offensichtlich verwendest du nicht mehr das Design Cetera.

Das heißt das sich auch im Script sachen ändern können.

Bevor du also etwas einfügst sollst du dich vergewissern ob alles beim alten geblieben ist.

So weit ich sehen konnte gibt es auf deiner jetzigen Adventseite keinen headercontainer. Nur einen logocontainer und einen contactcontainer.

In welchen von beiden du jetzt dieses Schneescript implementiert hast, keine Ahnung, aber das mußt du wohl im eigentlichen Script und in den Stylecode anpassen.

 

Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

30.11.2023, 14:11
#24
Avatar

ruhrbruch

Forum-Sponsor  (289 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.goetheschule-essen.de

Hallo Marjorie,

nein, ich verwende das Karo-Flex Layout. Daher habe ich ja die Probleme. Wenn ich die beiden Container von dir ausprobiere, passiert nichts. Auf der Seite des Herstellers benötige ich auch keinen zusätzlichen HTML-Absatz für den Style. 

Auch wenn ich den Absatz <div class='snow' id="content" ></div> ausprobiere, passiert nichts...

Danke trotzdem...

30.11.2023, 14:18
#25
Avatar

W2D Fan

Co-Administratorin  (4564 Punkte)  ·   weiblich  ·   Niederlande  ·   Nachricht senden

Ich habe kein Karo Flex. Dann frage doch bitte Thomas wo du einen Fehler machst.Thomas kennt seine Designs.

Gruß,
Marjorie

Hilfe ist nicht selbstverständlich. Deshalb halte ich ein "Dankeschön", nachdem jemandem geholfen wurde, für überaus angebracht und höflich.

30.11.2023, 14:42
900 Aufrufe | 25 Beiträge