Laufschrift mit Grafik

  • Seite 2 von 3
13.03.2016 23:09
avatar  Olaf
#16 RE: Laufschrift mit Grafik
Ol
Mitglied

Für noch mehr Abstand zwischen den Bildern setzt Du noch ein:

1
 
 
 



genau neben meins,das ich schon nach jeden Bilderlink gesetzt habe.Dieses ganze Zeichen ergibt immer ein Leerzeichen.

Und Bilder kannst Du theoretisch unbegrenzt einsetzen,dafür muß aber in der CSS in dieser Zeile:

1
 
100% {  transform: translate(-20%, 0); }
 


die "-20" wahrscheinlich erhöhen,damit die Bilder auch alle über den Bildschirm gezogen werden und nicht mittendrin wieder von vorne angefangen wird.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
13.03.2016 23:14 (zuletzt bearbeitet: 13.03.2016 23:15)
avatar  Olaf
#17 RE: Laufschrift mit Grafik
Ol
Mitglied

Zitat von Kicky im Beitrag #13
ich habe Deinen Code so eingefügt in der Kopfzeile und unten abgeändert! Aber dann scrollt die gesamte Navigation mit,

Weil Du den "img" Tag nicht geschlossen hast.
So,sollte es laufen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<style>
.laufschrift {
animation: lauf 20s linear infinite;
}
@keyframes lauf {
0% { transform: translate(100%, 0);}
100% { transform: translate(-20%, 0); }
}
.laufschrift img{
width:30px;
height:30px;
}
.laufschrift:hover {
animation-play-state: paused;
-webkit-animation-play-state: paused;
}
.laufschrift img:hover{
cursor:pointer;
position:absolute;
width:200px;
height:200px;
}
</style>
<div class="laufschrift">Welcome im Allroundboard&nbsp;<img src="https://files.homepagemodules.de/b594691/a_1800_03c67150.jpg"></div>
 



Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
13.03.2016 23:30
#18 RE: Laufschrift mit Grafik
De
Mitglied

Vielen Dank, du hast uns sehr geholfen. Ich wünsche dir eine gute Nacht und eine schöne Woche.

Gruß Devil-su
----------------------------------------------------------------------------------------------------------
Board 202048 www.a-f-a-forum.de

Sorge dafür, dass du hast, was du liebst, sonst bist du irgendwann gezwungen, zu lieben was du hast.

 Antworten

 Beitrag melden
13.03.2016 23:48 (zuletzt bearbeitet: 13.03.2016 23:53)
avatar  Kicky
#19 RE: Laufschrift mit Grafik
avatar
Mitglied

@Olaf, vielen Dank, super!
Das war ein blöder Flüchtigkeitsfehler von mir, ich habe es schon so oft gemacht mit dem schließenden
"img" Tag! Kann man die Farbe noch irgendwo abändern für den Text? Da habe ich im Code nichts gefunden!

Buisness Template
https://allroundboard.info

Liebe Grüße

 Antworten

 Beitrag melden
14.03.2016 01:14 (zuletzt bearbeitet: 14.03.2016 01:17)
avatar  Kicky
#20 RE: Laufschrift mit Grafik
avatar
Mitglied

Ich habe den Code erstmal wieder entfernt, weil unten dieser blaue Balken, der auch an der Seite des Bildschirms zum scrollen ist, dadurch viel extremer sichtbar wurde und es ruckelte, bis ich die Forumseite einigermaßen scrollen konnte! Vielleicht habe ich auch schon zuviele Scripts/Codes in der Kopf- und Fußzeile, kann das sein? Hier im Support ist das nicht so! Ist natürlich schade, weil ich es schön gefunden hätte, wenn Bilder durchlaufen, die sich beim drüberfahren mit der Mouse vergrößern!

Buisness Template
https://allroundboard.info

Liebe Grüße

 Antworten

 Beitrag melden
14.03.2016 03:47 (zuletzt bearbeitet: 14.03.2016 03:57)
avatar  ( gelöscht )
#21 RE: Laufschrift mit Grafik
Gast
( gelöscht )

... ich suche ja im Moment nicht nach solchen Sachen, weil tausendmal gesehen und irgendwie zu unruhig für eine Forenansicht. Aber das muss jeder für sich selbst entscheiden.

Was mich begeistert, ist die Laufstabilität der CSS Variante von @Olaf , die so manchen anderen JS-"Textticker" oder auch die veraltete Marquee Variante weit in den Schatten stellt.

Da kann ich nur ehrfürchtig den Hut ziehen.

P.S.: Kicky, wenn da Folgefehler auftreten, hast Du irgendwo einen Deiner selbst erwähnten "Flüchtigkeitsfehler" eingebaut....


 Antworten

 Beitrag melden
14.03.2016 07:40
#22 RE: Laufschrift mit Grafik
De
Mitglied

Nach 5 Bildern läuft es plötzlich doppelreihig und nimmt auch nicht mehr alle Grafiken an. Was habe ich falsch gemacht?

Gruß Devil-su
----------------------------------------------------------------------------------------------------------
Board 202048 www.a-f-a-forum.de

Sorge dafür, dass du hast, was du liebst, sonst bist du irgendwann gezwungen, zu lieben was du hast.

 Antworten

 Beitrag melden
14.03.2016 14:04 (zuletzt bearbeitet: 14.03.2016 14:08)
avatar  Kicky
#23 RE: Laufschrift mit Grafik
avatar
Mitglied

@Firestone, ich habe den Code so eingefügt!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<style>
.laufschrift {
animation: lauf 20s linear infinite;
}
@keyframes lauf {
0% { transform: translate(100%, 0);}
100% { transform: translate(-20%, 0); }
}
.laufschrift img{
width:30px;
height:30px;
}
.laufschrift:hover {
animation-play-state: paused;
-webkit-animation-play-state: paused;
}
.laufschrift img:hover{
cursor:pointer;
position:absolute;
width:200px;
height:200px;
}
</style>
<div class="laufschrift">Welcome im Allroundboard&nbsp;<img src="https://files.homepagemodules.de/b594691/a_1800_03c67150.jpg">&nbsp;<img src="https://files.homepagemodules.de/b594691/a_1837_26b1b969.jpg"></div>
 



Und es war auch soweit alles ok! Doch bei mir wurde der blaue Scrollbalken, der nichts mit dem Board zu tun hat, sondern am Bildschirmrand ist, wenn man eine Seite aufruft, um damit hoch- und runter zu scrollen, zusätzlich unten am Bildschirmrand sichtbar und es ruckelte manchmal, dann verschwand dieser nach einer Weile, wenn ich einen Beitrag schreiben wollte und so weiter, kam dieser Scrollbalken meistens wieder! Gehört sicherlich nicht in dieses Thema, aber vielleicht hat jemand trotzdem eine Idee?

Buisness Template
https://allroundboard.info

Liebe Grüße

 Antworten

 Beitrag melden
14.03.2016 19:35 (zuletzt bearbeitet: 14.03.2016 19:35)
avatar  Kicky
#24 RE: Laufschrift mit Grafik
avatar
Mitglied

Und je mehr Codes/Scripts eingefügt worden sind, könnte das ja vielleicht auslösen, oder? Denn mit der Laufschrift ruckelte es heftiger und ich habe ja einige Codes/Scripts in der Kopf- und Fußzeile! Die Tage versuche ich es evtl. nochmal

Buisness Template
https://allroundboard.info

Liebe Grüße

 Antworten

 Beitrag melden
14.03.2016 20:25
avatar  Olaf
#25 RE: Laufschrift mit Grafik
Ol
Mitglied

Zitat von Devil-su im Beitrag #22
Nach 5 Bildern läuft es plötzlich doppelreihig und nimmt auch nicht mehr alle Grafiken an. Was habe ich falsch gemacht?


Kannst Du mir mal Deinen Code zeigen?
Vielleicht muß er noch ein wenig angepasst werden.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
14.03.2016 20:31 (zuletzt bearbeitet: 14.03.2016 20:32)
avatar  Olaf
#26 RE: Laufschrift mit Grafik
Ol
Mitglied

Zitat von Kicky im Beitrag #24
Und je mehr Codes/Scripts eingefügt worden sind, könnte das ja vielleicht auslösen, oder? Denn mit der Laufschrift ruckelte es heftiger und ich habe ja einige Codes/Scripts in der Kopf- und Fußzeile!


Das kann sein,das sich da einige Scripts in Deinem Forum gegenseitig stören.
Von meinem Script,das hauptsächlich aus CSS besteht,gehen eher weniger Probleme aus,weil die Klassen genau definiert sind und so sich eigentlich nicht gegenseitig stören.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
14.03.2016 21:26
avatar  Kicky
#27 RE: Laufschrift mit Grafik
avatar
Mitglied

@Olaf, wäre es denn möglich, Deinen Code abgeändert in css einzufügen mit der Laufschrift und den sich beim drüberfahren vergrößerten Bildern?

Buisness Template
https://allroundboard.info

Liebe Grüße

 Antworten

 Beitrag melden
14.03.2016 21:46
avatar  Olaf
#28 RE: Laufschrift mit Grafik
Ol
Mitglied

Naja,mein Code ist in CSS geschrieben und sollte so wie er jetzt ist in einen Forum keine Schwierigkeiten machen.
Ich nehme eher an,das andere Scripte (oder eine nicht konforme Schreibweise) in Deinen Forum Probleme bereitet.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
14.03.2016 21:54
#29 RE: Laufschrift mit Grafik
De
Mitglied

Hallo Olaf,
ich habe den Code wieder gelöscht, es gab auch Probleme wenn man mit der Maus drüber fuhr. Dann ging nicht immer das richtige Bild auf und es blieb oft auch ein Rest vom großen Bild zurück, wenn ich die Maus wieder vom Bild weg nahm.
Ich hatte deinen Code kopiert und dann nur die Bilder hinzu gefügt. Den Code für die Bilder habe ich mir von http://www.a-f-a-forum.de/admin/fileupload.php. Ich denke es wird an anderen skrips liegen. Ich wurde ja schon öfter darauf hingewiesen, dass in unserem Forum zu viele Skrips eingebaut sind. Ich möchte aber ungern etwas ändern. Deshalb muss ich wohl auf dieses Laufband verzichten.
Vielen Dank noch einmal für deine Hilfe ich habe mich sehr darüber gefreut.

Gruß Devil-su
----------------------------------------------------------------------------------------------------------
Board 202048 www.a-f-a-forum.de

Sorge dafür, dass du hast, was du liebst, sonst bist du irgendwann gezwungen, zu lieben was du hast.

 Antworten

 Beitrag melden
14.03.2016 23:31 (zuletzt bearbeitet: 14.03.2016 23:32)
avatar  Kicky
#30 RE: Laufschrift mit Grafik
avatar
Mitglied

@Olaf, den Code von Dir hatte ich aber in der Kopfzeile und nicht in css, das war doch korrekt so, oder?

Buisness Template
https://allroundboard.info

Liebe Grüße

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!