Test-Webseiten

Jimdo Testseiten

...eigene Programmierungen,

Problemlösungen und Specials


Auf unseren Testseiten haben wir Lösungen für  eigene Programmierungen,  Problemlösungen und viele interessante Specials dokumentiert, z.B.:

  • eigene html-Widgets
  • CSS-Anpassungen
  • JavaScript und jQuery-Lösungen
  • u.v.a.

NEU: Weitere Testseiten!

Diese Webseite wird sukzessive umstrukturiert. Weitere Testseiten sind auf unserer neuen Blog-Seite zu finden:


Parallax-Scrolling for Jimdo
Parallax-Scrolling for Jimdo
Parallax-Scrolling for Jimdo

https://designtest-malaga.jimdo.com

  • diverse Akkordeons, realisiert mit Jimdo-Standardelementen

 

 

Parallax-Scrolling for Jimdo
Parallax-Scrolling for Jimdo

https://redesign-trial.jimdo.com/

  • One-Pager Webseite mit smooth-Scroll-Effekten und Parallaxen Hintergründen 

 

 

Parallax-Scrolling for Jimdo

https://designtest-reykjavik.jimdo.com/

  • div. Experimente mit Slidern und Captions
  • angepasste Google-Maps Karte
  • Tag-Cloud (Generator)
  • Special-Content-Widget (verschiebt Jimdo-Standardelemente aus dem Content-Bereich in die Sidebar)   

 

 


SlideIn-PopUp
SlideIn-PopUp
tag-crowd (Schlagwort-Wolke)
tag-crowd (Schlagwort-Wolke)

Auto-Dial-Schaltfläche
Auto-Dial-Schaltfläche
Animated OffContentBox
Animated OffContentBox

Sliding PageTitle
Sliding PageTitle
Bilder verlinken (Tutorial)
Bilder verlinken (Tutorial)

https://redesign-berlin-seminar.jimdo.com

Testseite für zukünftige Jimdo-Seminare mit den Schwerpunkten:

  • html/CSS
  • Jimdo-Widgets
  • Einbinden von 3rd-Party PlugIns
  • Jimdo-Anpassungen (jQuery)
  • u.v.m. ...


https://forum-images.jimdo.com/

"Spielwiese" für diverse Useranfragen aus dem Xobor-Jimdoforum auf http://redesign-berlin.xobor.de/

Mit vielen Tutorials, u.a. zu:

  • Schriftgrößen aufbohren
  • Bilder und Text anpassen
  • Bilder in Fließtext
  • Elemente zentrieren
  • CSS-Akordeon und Tabs
  • Formulare anpassen
  • CSS-PopUps für Jimdo
  • uvm...

https://tokyo-test-redesign.jimdo.com

Jimdo-Design: Tokyo (responsive)

Gradient Background for Jimdo Headertitle
oversized Jimdo shopItem-Image

https://forum-images.jimdo.com

Jimdo-Design: Amsterdam  (responsive)

  • Testseite für Forumbeiträge auf 
    http://redesign-berlin.xobor.de/
  • diverse Methoden (Jimdo-html-Editor)
    • Schriften extrem vergrößern
    • Schriftarten in Texten und Überschriften ändern
    • Überschriften verlinken
    • Bilder und Text anpassen
    • Mouse-Over Effekte für Grafiken (CSS)
    • Google-Maps PopUp
    • Bilder im Fießtext
    • ...

https://zurich-test.jimdo.com/

Jimdo-Design: Zurich (responsive)

  • Anpassung BG-Image
  • Overlay für BG-Image
  • Alternatives BG-Image für große Bildschirme

https://stockholm-test.jimdo.com/

Jimdo-Design Stockholm (responsive)

  • Full-Size Background auf Startseite
  • Scroll-down-Button
  • Links mit smooth scroll behavior
  • Parallax-scroll Effekte (fixed Backgrounds)
  • full-width-Sections

https://ihovertest.jimdo.com/

Jimdo-Design: Miami (responsive)

ihover-effekte für Jimdo (circle)
ihover-effekte für Jimdo (square)

https://designtest-tokyo.jimdo.com/shop/

Jimdo-Design: Tokyo 

  • angepasste Produktübersichten
  • vergrößerte Produktimages
ihover-effekte für Jimdo (circle)
ihover-effekte für Jimdo (square)

https://miami-designtest.jimdo.com/

Jimdo-Design: Miami (responsive)

  • Optimierung für mobile Ansichten
  • Header-Image Anpassung
  • Fixiertes Logo (responsive, vor/über Navigation)
  • Produkt-Varianten
  • Google Translator für Shop-Produkte und Checkout-Prozess
  • schwebendes Kontaktfenster
  • CSS3-Formatierung Navigation
Optimierung mobile Ansichten
Optimierung mobile Ansichten

https://barcelona-test.jimdo.com/

Jimdo-Design: Barcelona (responsive)

  • Anpassung responsive CSS 
    (Standard-Ansicht ab 768px statt 1170px Fensterbreite)

https://chicago-test.jimdo.com/ 

Jimdo-Design: Cicago (responsive)

  • Mehrsprachige Webseite mit erster Navigationsebene als Language-Changer

 


http://redesign-berlin-tabtest.jimdo.com/

Jimdo-Design: Cicago (responsive)

  • Pure Javascript, HTML 5 & CSS3 Tabs nach
    www.my-html-codes.com 
    incl. 
    Tutorial für Jimdo-Websites
  • weitere iHover-Effekte für Jimdo-Images
  • One-Pager Testseite mit Parallax-Scrolling
    (stellar.js)
  • Anpassung SubNav
    (onePager-Links mit 
    smooth-scroll-Effekt)
JS-Tabs für Jimdo
parallax scroll-effekt für Jimdo

http://seebadhof.jimdo.com/

Jimdo-Design Amsterdam (non-responsive)

 

http://seebadhof-1.jimdo.com/

Jimdo-Design Bordeaux (responsive)

  • Supersized-Background-Slider für Jimdo nach der Methode von http://buildinternet.com/
  • verschiedene Einstellungen auf verschiedenen Unterseiten

http://fullwidth-test.jimdo.com/

Jimdo-Design: CapeTown (responsive)

  • Umsetzung des Jimdo Tutorials
    auf responsivem Design
  • Anker-Links in Main-Navigation
  • Fixierte Content-Navigation
  • Gradient und Image Background für Navigationsleiste

https://madrid-test.jimdo.com/

Jimdo-Design Madrid (responsive)


https://designtest-hamburg.jimdo.com/

Anpassung Jimdo-Standard-Designvorlage "Hamburg"

 

  • Slideshow mit versch. Bildern wesentlich größer 
  • Randabstände Textfelder kleiner
  • Textfelder mit transparenter Farbe einrichten
  • mobile Optimierung

https://blank-test.jimdo.com/

Jimdo-Design: Zurich

  • Leere Testseite
  • Darstellung der Seiten-Bereiche
    (zu Schulungszwecken)

https://rechnungs-test.jimdo.com/

 

Testseite für Jimdo-Forum

  • einfache Übernahme von Jimdo Rechnungsdaten in eine Jimdo-Seite per copy+paste zum Ausdrucken 

https://shanghai-xuhui-test.jimdo.com/

Jimdo-Design: Shanghai-Xuhui

 

  • Zweite Sidebar vor Content
  • Ausblenden per Mouseover
    (CSS3 transitions www.mediaevent.de)

https://helsinki-test.jimdo.com/

Jimdo-Design: Helsinki

 

  • Anpassung HG-Bild und Content
    (skaliert mit Browserbreite)
  • Gradient overlay

 


ChangeDocTitle