Jimdo-Specials

JS-Akkordeon für Jimdo

Auf dieser Test-Seite wurden verschiedene Jimdo Standard-Elemente mittels JavaScript
mit einem "Akkordeon"-Effekt versehen. Die Elemente werden hierfür über ein CSS-Skript versteckt (display:none;) und über ein JS-Skript wieder sichtbar gemacht.

Hier ist ein kleines Tutorial dazu:   >> HowToDo

 

Overlays für Jimdo Standard-Bildelemente

Ein Overlay ist ein einfaches Stilmittel, um Jimdo Standardelemente hervorzuheben, wenn die Maus über das Element bewegt wird. In den folgenden Beispielen wurde dies mit einem einfachen jQuery-Script erreicht, welches den Bildern eine zusätzliche Klasse zuweist, die das CSS für die Mouseover-Aktion beinhaltet.

 

 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

  1. Aenean commodo ligula eget dolor. Aenean massa.
  2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  3. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

Dies ist ein Jimdo Bild-mit-Text Element

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

  1. Aenean commodo ligula eget dolor. Aenean massa.
  2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  3. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

 

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

Jimdo Spaltenelement

Lorem ipsum dolor sit amet, ullum nullam es possim sed et. Virtute ancillae mel ne, quo ean adhuc del principes persequeris, ius alii pro priae maxima accommodare ea. Zril aliquam fabulas mei in. Epicurei adipisci pro ex, vidisse minimum volupta ius eu vero eos et accusam et justo duo dolores.

 

Eros quaestio explicari ut per. No quo amet necessitatibus, sit ei putent appetere. Lobortis urbanitas efficiantur ut has. Has at modus nemore prodesset. Eleifend abhorreant ullamcorper per cu. Sea vide graeco possim.

Bild-Element (rechte Spalte)


Formular

Hinweis: Bitte die mit * gekennzeichneten Felder ausfüllen.


Jimdo Html/Widget-Element

Jimdo Html/Widget-Element (html-Import)

Overlays für Bilder in den Akkordeon-Elementen (.addClass "image", .attr "data-content")

...noch eine Bildergalerie

Gradient-Overlay (alle Bildergalerien auf dieser Seite)