Bilder mit "schwebendem" Text

20.04.2017 14:47
avatar  Amy
#1
Am
Amy

Hi liebes Forum,

ich würde gerne ein Bild platzieren, das sich verdunkelt und in das von oben ein Text hineinschwebt, wenn man mit der Maus darüberfährt. Ist das möglich?

Viele Grüße
Amy


 Antworten

 Beitrag melden
22.04.2017 11:46 (zuletzt bearbeitet: 23.04.2017 20:41)
avatar  az_
#2
avatar
az_

ja. sh.: https://designtest-hamburg.jimdo.com/
...muss aber programmiert werden. Schreib mich an, wenn Du Interesse hast!

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
23.04.2017 20:37
avatar  Amy
#3
Am
Amy

Hi @az_,

danke für deine Antowrt, nur leider werde ich bei Klick auf deinen Link auf diese Seite verwiesen: http://www.affilinet-verzeichnis.de/?sIP...rg.jimdo.com%2f
Das ist komischerweise bei mehreren LInks hier im Forum der Fall (geht's da nur mir so?)

LG
Amy


 Antworten

 Beitrag melden
23.04.2017 20:43
avatar  az_
#4
avatar
az_

...da ist bestimmt bei Xobor etwas nicht in Ordnung. Kopier die URL einfach in die Adrersszeile Deines Browsers.

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
26.04.2017 18:58
avatar  Amy
#5
Am
Amy

Hallo @az_,

in einem anderen Eintrag erwähnst du die Hover-Effekte, die auf dieser Seite demonstriert werden: https://forum-images.jimdo.com/
Muss so etwas wie in den Bilder mit "Test" auch extra programmiert werden, oder gibt es dafür eine einfachere Möglichkeit? Dort steht ja, es ginge auf über ein widget.

LG
Amy


 Antworten

 Beitrag melden
26.04.2017 21:38
avatar  az_
#6
avatar
az_

...es gibt mehrere Möglichkeiten. Programmieren muss ich immer ein bisschen, so oder so. Auch das Widget muss programmiert werden. Leider habe ich noch keine "out of the box"-Lösung dafür.

LG, az

PS: auf https://designtest-hamburg.jimdo.com/images/ sind noch ein paar Beispiele, bei denen ich ein overlay für Jimdo Standard-Bildelemente benutzt habe.


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
27.04.2017 10:32
avatar  Amy
#7
Am
Amy

Hi @az_,

in einem alten Jimdo-Forum habe ich einen Code gefunden, mit dem es klappt (zumindest so, wie ich mir das vorgestellt habe :))
Ich poste dir mal den Link zum Beitrag: https://deine-slideshow.jimdo.com/vorschau-box/

LG
Amy


 Antworten

 Beitrag melden
27.04.2017 14:13 (zuletzt bearbeitet: 27.04.2017 14:16)
avatar  az_
#8
avatar
az_

...ja, der ist gut! aber was machst Du, wenn die Bilder größer sein sollen? Außerdem musst du den Text in html schreiben, das brauch ich nicht mit meiner Methode.

Ich hab das Script mal etwas aufgebohrt und einen "hybrid" draus gemacht: https://designtest-hamburg.jimdo.com/ima...x-hover-effect/



LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

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