Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Laufschrift mit Grafik
Für noch mehr Abstand zwischen den Bildern setzt Du noch ein:
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:
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
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:
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 <img src="https://files.homepagemodules.de/b594691/a_1800_03c67150.jpg"></div>
Gruß
Olaf
Vielen Dank, du hast uns sehr geholfen. Ich wünsche dir eine gute Nacht und eine schöne Woche.
----------------------------------------------------------------------------------------------------------
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.
@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!
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!
(
gelöscht
)
#21 RE: Laufschrift mit Grafik
... 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....
Nach 5 Bildern läuft es plötzlich doppelreihig und nimmt auch nicht mehr alle Grafiken an. Was habe ich falsch gemacht?
----------------------------------------------------------------------------------------------------------
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.
@Firestone, ich habe den Code so eingefügt!
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 <img src="https://files.homepagemodules.de/b594691/a_1800_03c67150.jpg"> <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?
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
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
@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?
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
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.
----------------------------------------------------------------------------------------------------------
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.
@Olaf, den Code von Dir hatte ich aber in der Kopfzeile und nicht in css, das war doch korrekt so, oder?
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software