fullwidth-Image Widget
Specials Für Jimdo-Images - Teil 1
Auf dieser Seite werden einige Effekte für Galerien und Images auf Jimdo-Webseiten vorgestellt. Leider ist es uns nicht immer möglich, die Effekte im Einzelnen zu erklären - deshalb bitten wir, uns bei Interesse eine Nachricht über unser Kontaktformular zukommen zu lassen
iHover-Effekte
iHover-Effekt N° 6 (ih-item: square effect6 from_top_and_bottom)
...weitere Beispiele für iHover-Effekte: https://ihovertest.jimdo.com/ihovertest/
Quelle:
- http://gudh.github.io/ihover/dist/index.html
- https://github.com/gudh/ihover
Anpassung für Jimdo durch: https://redesign-berlin.de
Vasen
add_ihover1
Schalen
add_ihover2
Tassen
add_ihover3
nachfolgendes Element: animated fadeInLeft slow go
Flip-Image Widget
Quelle: https://www.w3schools.com/howto/howto_css_flip_card.asp
Beispiel mit 3 Flip-Cards
OnMouseOver wird die Karte umgedreht und zeigt den Content für die Kartenrückseite.
Die Flip-Card-Widgets wurden in ein 3-spaltiges Spaltenelement eingesetzt. Weitere Flip-Cards wären möglich durch Duplizieren der Flip-Akkordeon-Elemente.
Der Content für die Kartenrückseiten kann mit Jimdo-Standardelementen erstellt werden.
HowToDo:
flip-card
flip-card
flip-card
create_flip-accordion
Flip-Card Content
Lorem ipsum dolor sit amet
...consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
create_flip-content
Lorem ipsum dolor sit amet
...consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
create_flip-content
Lorem ipsum dolor sit amet
...consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
create_flip-content
fullwidth-Image Widget
FÜr Jimdo Image-galerie und Standard-Bildelement
fullwidth-Image Widget
CSS für fullwidth-Gallery
fullwidth-Image Widget
Fixed-Background-Widget
für Jimdo Spaltenelement (Bilder und Text)
Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
fixed-background-Element - Widget (bg3)
Text1
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Text2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
#midbox
flip-Images Skripte
Skripte für iHover
iHover CSS
