#1

Steve7777

Mitglied  (31 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.bag4me.ch

Hallo zusammen,

ich bin immer noch im Tellirium, nein am Tellurium basteln ....


ich hätte gerne, dass der Pfeil nach unten "Sliderdown nicht nach vier mal aufhört sondern unendlich oder nach etwa 10x aufhört.
Habe es versucht hier unten anzupassen, aber irgendwie muss ich wohl noch was anderes anpassen.

 

#eyecatcherbox #sliderdown {
    background: url(./<cc:print value="&scroll.svg.filename">) no-repeat 0 0;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: 75px;
    left: 50%;
    margin-left: -24px;
    opacity: 0;
    animation: bounceFrames ease-in-out 1.5s;
    animation-iteration-count: 4;
    -webkit-animation: bounceFrames ease-in-out 1.5s;
    -webkit-animation-iteration-count: 4;
    -moz-animation: bounceFrames ease-in-out 1.5s;
    -moz-animation-iteration-count: 4;
    -ms-animation: bounceFrames ease-in-out 1.5s;
    -ms-animation-iteration-count: 4;
    cursor: pointer;
    visibility: hidden;
}


Kann mir hier jemand helfen ?
Schon mal ein Dankeschön im Vorraus

Steve

#2

Volker W.

Administrator  (7915 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

#3

Steve7777

Mitglied  (31 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.bag4me.ch

Hallo Volker
Besten Dank für die schnelle Antwort !
Ich habe das Projekt bisher nur auf meiner Vorschau.
Kannst Du mir helfen wenn ich es auf eine Testdomaine hochlade ?

Dies könnte ich jedoch erst Moregn machen ....

#4

Volker W.

Administrator  (7915 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Zitat von: Steve7777

Kannst Du mir helfen wenn ich es auf eine Testdomaine hochlade ?

Das können in diesem Fall dann auch andere Mitglieder. ;-) Aber ohne Link gestaltet sich das schwierig bis unmöglich, denn es wird sich jetzt niemand das Design kaufen und eine Testseite damit erstellen, um hier eine Antwort beizusteuern.


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#5

webchaot (†)

Ehrenmitglied  (1295 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.webchaot.ch

Hoi Stefan

Du als "alter Hase" solltest die Link-Geschichte doch inzwischen wissen...  ;-)

Abgesehen davon wäre es dann noch gut, wenn Du auch sagst was genau Du schon versucht hast und was nicht funktioniert...?

Denn eigentlich ist die Geschichte schon dort zu finden:

animation-iteration-count: 4;

...bedeutet, dass die Animation 4x abläuft...   und da ein bisschen CSS3 nicht schaden kann, siehe HIER   ;-)


Gruss

Walti

#6

Volker W.

Administrator  (7915 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Das kann man mit der Option "Element untersuchen" in jedem modernen Browser auch sehr leicht prüfen, wunschgemäß ändern, nochmal prüfen... usw. ...

Voraussetzung: Testseite vorhanden. ;-)


Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

#7

Steve7777

Mitglied  (31 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.bag4me.ch

Hallo Webchaot, Hallo Volker

besten Dank für Eure Hilfe, ja Walti, wer lesen (und den Cache leeren) kann hat Vorteile im Leben ....

Nun hat es geklappt und der Pfeil will nicht mehr aufhören .... Danke.

 

Die Lösung:
}

#eyecatcherbox #sliderdown {
    background: url(./<cc:print value="&scroll.svg.filename">) no-repeat 0 0;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: 75px;
    left: 50%;
    margin-left: -24px;
    opacity: 0;
    animation: bounceFrames ease-in-out 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation: bounceFrames ease-in-out 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: bounceFrames ease-in-out 1.5s;
    -moz-animation-iteration-count: infinite;
    -ms-animation: bounceFrames ease-in-out 1.5s;
    -ms-animation-iteration-count: infinite;
    cursor: pointer;
    visibility: hidden;
}

Ich werde die Webseite in zwei, drei Tagen aufschalten und dann gerne den Link hier posten.
Wünsche allen einen guten Start in einen erfolgreichen Tag,
Steve

#8

W2D Fan

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

Zitat von: Steve7777

wer lesen (und den Cache leeren) kann hat Vorteile im Leben ....

 Auch dafür sollte man mal eine Forumspende fragen ;-)


Gruß,
Marjorie

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

#9

Steve7777

Mitglied  (31 Punkte)  ·   männlich  ·   Schweiz  ·   Nachricht senden
 http://www.bag4me.ch

Auch dafür sollte man mal eine Forumspende fragen smile_winking_16.png


Hallo W2D Fan
Habe keine Ahnung was Dein Beitrag aussagen soll ...
Kannst mich aber gerne belehren ich bin lernfähig !

#10

W2D Fan

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

Weil es so oft passiert dass nicht oder nicht richtig gelesen wird und den Cache nicht geleert wird sollte man fuer unsere Hilfe eigentlich eine Forumsspende fragen, weil diieser eigentlich gar nicht noetig war ;-) Moeglichkeit dazu gibt es oben links :-)


Gruß,
Marjorie

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

1263 Aufrufe | 10 Beiträge