Jimdo Zürich 2021


<meta name="google-site-verification" content="3V-uYDxH0Z6cKocLpjOYIYg3NhrUpv-GntxrW16jqIg" />

 

 

 

 

---------------------------------------------------------------------------------

 

 

 

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

/* ZURICH 5 */

/* all size rules */

/* big screen + ipad pro landscape */

@media only screen and (min-width: 1281px)

{

.jtpl-title {padding:10px 0!important;}

.jtpl-header__inner, .jtpl-section-aside .jtpl-sectionaside__inner {max-width: 1280px!important;padding: 

0rem!important;padding:10px!important;}

.jtpl-content__inner {padding: 30px 10px;max-width: 

1280px!important;}

.jtpl-section-aside {padding: 15px 10px!important;minheight: 80px!important;}

}

/* laptops + small screens */

@media only screen and (max-width: 1280px)

{

}

/* small tablets */

@media only screen and (max-width: 1024px)

{

.jtpl-header {min-height: 1px!important;}

}

/* mobiles */

@media only screen and (max-width: 767px)

{

}

/*]]>*/

</style>

 

 

 

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

/* ZURICH 5.2 */

/* mobiles */

@media only screen and (max-width: 767px)

{

.jtpl-logo {padding: 200px 0 200px!important;}

}

/*]]>*/

</style>

 

 

 

 

-----------------------------------------------------------------------------

 

 

 

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

.cc-m-all.cc-m-spacing .cc-m-spacer {background-color: gray;

background-image: repeating-linear-gradient(45deg, transparent, 

transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 

70px);}

/*]]>*/

</style>

 

 

 

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

div.cc-m-all.cc-m-htmlcode div.cc-m-all-content {overflow: hidden 

!important; background-color: #0098db!important;

background-image: repeating-linear-gradient(45deg, transparent, 

transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 

70px);}

/*]]>*/

</style>

 

 

 

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

#cc-nav #cc-nav-box-container {width: 800px!important;}

#cc-nav #cc-nav-box-container .cc-nav-page input {width: 

600px!important;font-weight: 600!important;}

#cc-nav #cc-nav-box-container .cc-nav-page input {font-size: 14px 

!important;}

#cc-nav #cc-nav-box-container #cc-nav-footer.cc-nav-footer-fixed, 

#cc-nav #cc-nav-box-container #cc-nav-footer.cc-nav-footer-top {

width: 814px!important;}

#cc-nav #cc-nav-box-container .cc-nav-page.cc-nav-hidden 

{background-color: #333!important;}

#cc-nav #cc-nav-box-container .cc-nav-page.cc-nav-hidden .cc-navtitle {color: #0098db!important;}

#cc-nav #cc-nav-box-container .cc-nav-page {background-color: 

#0098db!important;padding: 4px!important;}

#cc-nav #cc-nav-box-container .cc-nav-page .cc-nav-page-icons a 

{opacity: 0.45!important;}

/*]]>*/

</style>

 

 

 

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

#jquery-overlay {background: #fff!important);}

.pswp__bg {background: #fff!important;}

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption 

{background-color: rgba(255,255,255, 1.0) !important;}

.pswp__counter, .pswp__button--custom, .pswp--zoom-allowed, 

.pswp__button--zoom, .pswp__button--zoom, .pswp__button--close, 

.pswp__button--fs {color:#fff!important;}

.pswp__counter, .pswp__button, .pswp__button--arrow--left::before, 

.pswp__button--arrow--right::before {background-color: #ccc 

!important;}

/*]]>*/

</style>

 

 

 

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

@media (min-width: 767px)

{

.content-options-inner .j-imageSubtitle figcaption, .contentoptions-inner .j-textWithImage figcaption, .cc-catalog-containernew .cc-catalog-galleryview .cc-webview-product, .cc-imagewrapper 

figcaption {width: auto!important;

background-color: rgba(0,0,0,0.7);

color:#fff;bottom: 0px!important;

position: absolute!important;

padding: 10px!important;}

}

/*]]>*/

</style>

 

 

 

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

select.cc-product-variant-selectbox {

 font-size: 1.4em !important;

 margin-top: 15px !important;}

/*]]>*/

</style>

 

 

 

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

p.cc-m-form-note {display:none!important;}

/*]]>*/

</style>

 

 

 

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

@media (min-width: 760px)

{

div#content_area a:link img, div#content_area img, .cc-catalogcontainer-new a.cc-webview-product-image img {

transition: transform 0.8s!important;

-moz-transition: transform 0.8s!important;

-webkit-transition: transform 0.8s!important;

-o-transition: transform 0.8s!important;

-ms-transition: transform 0.8s!important;cursor: 

pointer!important;}

div#content_area a:hover img {

cursor: zoom-in!important;

cursor: -moz-zoom-in!important;

cursor: -webkit-zoom-in!important;

transform: scale(1.15, 1.15)!important;

-moz-transform: scale(1.15, 1.15)!important;

-webkit-transform: scale(1.15, 1.15)!important;

-o-transform: scale(1.15, 1.15)!important;

-ms-transform: scale(1.15, 1.15)!important;

overflow:display!important;

-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.64)!important;

-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.64)!important;

box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.64)!important;

cursor: pointer!important;}

div#content_area img {cursor: auto!important;}

/*]]>*/

</style>

 

 

 

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

.bx-wrapper .bx-controls-direction a, .cc-m-gallery-slider .bxwrapper .bx-controls-auto {display: none!important}

/*]]>*/

</style>

 

 

 

 

--------------------------------------------------------------------------------------

 

 

 

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

.j-nav-level-0 li:last-child a:link {color:#ff0000!important;}

.j-nav-level-1 li:last-child a:link {color:inherit!important;}

.j-nav-level-2 li:last-child a:link {color:inherit!important;}

.jtpl-navigation .j-nav-level-0 li:last-child a:link, .jtplnavigation .j-nav-level-0 li:last-child a:visited {color: 

#ff0000!important;}

.jtpl-navigation .j-nav-level-1 li:last-child a:link, .jtplnavigation .j-nav-level-1 li:last-child a:visited {color: 

inherit!important;}

.jtpl-navigation .j-nav-level-2 li:last-child a:link, .jtplnavigation .j-nav-level-2 li:last-child a:visited {color: 

inherit!important;}

/*]]>*/

</style>


JIMDO CODEBUCH  Ausgabe 2021

 

 

Änderungen

 

 

Zürich  wirkt sehr edel, aber bereits die Hälfte der Screen geht im Bildeinsatz verloren.

 

Das haben wir für die kleineren Bildschirmformate mit unserer Codeanpassung auf die Hälfte reduziert und den Inhaltsbereich für Desktop auf 1280 Pixel verbreitert.

 

 

 

01 ZÜRICH CSS-CODE

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

/* ZURICH 5 */

/* all size rules */

/* big screen + ipad pro landscape */

@media only screen and (min-width: 1281px)

{

.jtpl-title {padding:10px 0!important;}

.jtpl-header__inner, .jtpl-section-aside .jtpl-section-aside__inner {max-width: 1280px!important;padding: 0rem!important;padding:10px!important;}

.jtpl-content__inner {padding: 30px 10px;max-width: 1280px!important;}

.jtpl-section-aside {padding: 15px 10px!important;min-height: 80px!important;}

}

/* laptops + small screens */

@media only screen and (max-width: 1280px)

{

}

/* small tablets */

@media only screen and (max-width: 1024px)

{

.jtpl-header {min-height: 1px!important;}

}

/* mobiles */

@media only screen and (max-width: 767px)

{

}

/*]]>*/

 

</style>

 

 

02 Mobile Vergrößerung des Hintergrundbereiches

 

Änderungen

 

 ZÜRICH mit seiner flotten mobilen Navigations-Ansicht (inkl. kleinem Hüpf-Effekt) kann etwas mehr Hintergrundbild gut vertragen. Bekommt es …mit unserem Zusatz-Code.

 

 

02 ZURICH MOBIL CSS-CODE

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

/* ZURICH 5.2 */

/* mobiles */

@media only screen and (max-width: 767px)

{

.jtpl-logo {padding: 200px 0 200px!important;}

}

/*]]>*/

 

</style>

 

 

 

Variante

 

Wenn Sie diese Änderung für das Hintergrundbild nur auf der Startseite stattfinden lassen möchten, wählen Sie stattdessen bitte diese Version des zusätzlichen Mobilcodes.

 

 

03 ZURICH MOBIL CSS-CODE (VARIANTE)

 

 

 

 <style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

/* ZURICH 5.3 */

/* mobiles */

@media only screen and (max-width: 767px)

{

.cc-indexpage .jtpl-logo {padding: 200px 0 200px!important;}

}

/*]]>*/

</style>

 

 

 

 

Funktionen für die JIMDO-Page

 

Kleine CSS-Codes, die das Arbeiten mit der JIMDO-Page leichter und den Besuch attraktiver machen.

 

Folgende Codes haben wir für Sie erarbeitet und stellen sie Ihnen in dieser aktualisierten Version des JIMDO Codebooks zur Verfügung:

 

 

1• Abstände im Bearbeiten-Modus markieren

2• Code-Areale im Bearbeiten-Modus markieren

3• KingSize Navigationsbearbeitung

4• Jimdo Lightbox in Weiß

5• Pflegbarer Text im Bild

6• Große Selectbox für Shop-Varianten

7• Feldhinweise ausblenden

8• Mouseover Bildervergrößerung

9• Bildslider ohne Steuerelemente

10• Der letzte Punkt ist …ROT!

 

Die Integration erfolgt – ganz einfach – genau wie bei den Designanpassungen.

 

1. CSS-CODE-Schnippsel kopieren

2. Unter Einstellungen > Head bearbeiten einkopieren

3. Speichern

 

 

Auch hierfür gilt natürlich die Einbauanleitung auf Seite 11 oder online unter https://www.jimdo-handbuch.de/codebuch/

 

 

Abstände im Bearbeiten-Modus markieren

 

Machen Sie die großen und kleinen Abstände im Bearbeiten-Modus sichtbar und behalten Sie den Überblick

 

Effekt

 

Kleines Problem im Jimdo-Backend. Die gesetzten Abstände (egal ob groß oder klein) sind schlichtweg unsichtbar.

 

Mit unserem Script werden alle verwendeten Abstände (und zwar ausschließlich im Bearbeiten-Modus) mit einer schicken grauen Schraffur markiert.

 

Sehr hilfreich! Und sehr übersichtlich.

 

CSS-CODE FÜR DIESE FUNKTION

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

.cc-m-all.cc-m-spacing .cc-m-spacer {background-color: gray;

background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);}

/*]]>*/

</style>

 

 

Codes im Bearbeiten-Modus markieren

 

Machen Sie Widgets, integrierte HTML- und Script-Codes im Bearbeiten-Modus sichtbar

 

 

Effekt

 

Wissen Sie immer genau wo Sie Codes, HTML und Widgets in Ihrer Seite platziert haben?

Leider sieht man die Codes im Backend erst beim Draufklicken - man löscht oder verschiebt sie versehentlich.

Mit diesem Script werden alle platzierten HTML-Codes und Skripte (ausschließlich im Bearbeiten-Modus) mit einer blauen Schraffur markiert.

 

CSS-CODE FÜR DIESE FUNKTION

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

div.cc-m-all.cc-m-htmlcode div.cc-m-all-content {overflow: hidden !important; background-color: #0098db!important;

background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);}

/*]]>*/

 

</style>

 

 

Kingsize Navigations-Bearbeitung

 

 

Sind wir hier beim Sehtest? Mit diesem Code wird die Navigationsbearbeitung deutlich vergrößert!

 

Die JIMDO-Handbücher von Alexander Kerscher sind KEIN Produkt der JIMDO GmbH

219

Kingsize Navigations-Bearbeitung

Sind wir hier beim Sehtest? Mit diesem Code wird die Navigationsbearbeitung deutlich vergrößert!

 

Effekt

 

Bei umfangreichen Webseiten und Shops kann das „Grau in Grau“ der Navigationsbearbeitung recht anstrengend werden.

 

Mit diesem Code wird die Navigation auf 800 Pixel Breite aufgeblasen, alle Einträge vergrößert und einfach mehr Komfort in die Ansicht gezaubert.

 

 

CSS-CODE FÜR DIESE FUNKTION

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

#cc-nav #cc-nav-box-container {width: 800px!important;}

#cc-nav #cc-nav-box-container .cc-nav-page input {width: 600px!important;font-weight: 600!important;}

#cc-nav #cc-nav-box-container .cc-nav-page input {font-size: 14px !important;}

#cc-nav #cc-nav-box-container #cc-nav-footer.cc-nav-footer-fixed, #cc-nav #cc-nav-box-container #cc-nav-footer.cc-nav-footer-top {

width: 814px!important;}

#cc-nav #cc-nav-box-container .cc-nav-page.cc-nav-hidden {background-color: #333!important;}

#cc-nav #cc-nav-box-container .cc-nav-page.cc-nav-hidden .cc-nav-title {color: #0098db!important;}

#cc-nav #cc-nav-box-container .cc-nav-page {background-color: #0098db!important;padding: 4px!important;}

#cc-nav #cc-nav-box-container .cc-nav-page .cc-nav-page-icons a {opacity: 0.45!important;}

/*]]>*/

</style>

 

Jimdo-Lightbox in Weiß

 

Es muss ja nicht immer Schwarz sein – erleben Sie die Vergrößerungen von Bildern in einer edlen weißen Lightbox

 

Effekt

 

Sie möchten vergößerbare Bilder nicht auf einem brutal schwarzen Hintergrund, sondern lieber auf edlem Weiß in der sogenannten "Lightbox" sehen?

 

Dieses kleine Skript funktioniert mit allen Jimdo-Designs und ist in wenigen Sekunden eingebaut.

 

 

 

CSS-CODE FÜR DIESE FUNKTION

 

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

#jquery-overlay {background: #fff!important);}

.pswp__bg {background: #fff!important;}

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {background-color: rgba(255,255,255, 1.0) !important;}

.pswp__counter, .pswp__button--custom, .pswp--zoom-allowed, .pswp__button--zoom, .pswp__button--zoom, .pswp__button--close, .pswp__button--fs {color:#fff!important;}

.pswp__counter, .pswp__button, .pswp__button--arrow--left::before, .pswp__button--arrow--right::before {background-color: #ccc !important;}

/*]]>*/

 

</style>

 

 

Pflegbarer Text im Bild

 

 

Wer sagt denn, dass ein Bildtitel immer brav und langweilig unter dem Bild stehen muss?

 

Effekt

 

Für Bilder, die etwas zu sagen haben. Bei Bild, Text mit Bild, Blogeinträgen etc. werden die (optional) pflegbaren Untertitel auf stylebaren Hintergründen abgebildet.

 

Allerdings nur in der Desktop-Version, und bei linksbündigen oder Fullsize-Bildern.

 

CSS-CODE FÜR DIESE FUNKTION

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

@media (min-width: 767px)

{

.content-options-inner .j-imageSubtitle figcaption, .content-options-inner .j-textWithImage figcaption, .cc-catalog-container-new .cc-catalog-galleryview .cc-webview-product, .cc-imagewrapper figcaption {width: auto!important;

background-color: rgba(0,0,0,0.7);

color:#fff;bottom: 0px!important;

position: absolute!important;

padding: 10px!important;}

}

/*]]>*/

 

</style>

 

 

Große Selectbox für Shopvarianten

 

 

Im Shop werden Varianten oft nicht erkannt - hier ist die Lösung!

 

 

Effekt

 

Leider fällt die Selectbox für Variantenartikel im Jimdo-Shop recht klein aus.

 

Unsere 'Große' schafft hier Abhilfe und macht klar: bei diesem Artikel kann man unterschiedliche Größen oder Varianten des Artikels auswählen.

 

Reduziert somit auch Retouren und verringert Warenkorb-Abbrüche.

 

CSS-CODE FÜR DIESE FUNKTION

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

select.cc-product-variant-selectbox {

font-size: 1.4em !important;

margin-top: 15px !important;}

/*]]>*/

 

</style>

 

 

Feldhinweise ausblenden

 

 

Kleines Problem mit nerviger Präsenz – der Hinweis für benötigte Formular-Felder (Pflichtfelder)

 

Effekt

 

Der kleine Hinweis unter Formularen nervt leider sehr. Daher hier ein kurzes Skript, mit dem dieser Hinweis einfach ausgeblendet wird .

Da man unverändert Pflichtfelder* im Formular mit „Sternchen“ hinterlegen kann (und da eine Fehlermeldung bei fehlenden Eingaben erfolgt) merken Besucher auch auch mit Sicherheit, welche Felder auszufüllen sind.

 

CSS-CODE FÜR DIESE FUNKTION

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

p.cc-m-form-note {display:none!important;}

/*]]>*/

 

</style>

 

 

Mouseover Bildervergrößerung

 

 

Bilder (verlinkt) mit Mouseover-Vergrößerung

 

Effekt

 

Es ist okay, wenn der Mauszeiger zur Hand wird. Viel schöner ist eine Mouseover-Vergrößerung bei allen Bildern des Inhaltsbereiches die verlinkt sind oder mit einer Bildvergrößerung versehen sind.

 

Ein (optionaler) leichter Schattenwurf sorgt für zusätzliche Aufmerksamkeit.

 

Ein Effekt der die gesamte Jimdo-Page ein wenig animiert und niemals langweilig wird. Den Code gibt es hier natürlich auch ohne den Schattenwurf.

 

 

CSS-CODE FÜR DIESE FUNKTION MIT SCHATTENWURF

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

@media (min-width: 760px)

{

div#content_area a:link img, div#content_area img, .cc-catalog-container-new a.cc-webview-product-image img {

transition: transform 0.8s!important;

-moz-transition: transform 0.8s!important;

-webkit-transition: transform 0.8s!important;

-o-transition: transform 0.8s!important;

-ms-transition: transform 0.8s!important;cursor: pointer!important;}

div#content_area a:hover img {

cursor: zoom-in!important;

cursor: -moz-zoom-in!important;

cursor: -webkit-zoom-in!important;

transform: scale(1.15, 1.15)!important;

-moz-transform: scale(1.15, 1.15)!important;

-webkit-transform: scale(1.15, 1.15)!important;

-o-transform: scale(1.15, 1.15)!important;

-ms-transform: scale(1.15, 1.15)!important;

overflow:display!important;

-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.64)!important;

-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.64)!important;

box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.64)!important;

cursor: pointer!important;}

div#content_area img {cursor: auto!important;}

/*]]>*/

 

</style>

 

Eine Empfehlung für dieses Script: Wenn Sie es im Zusammenhang mit einer Bildergalerie verwenden und eine Bildergalerie das letzte Element im Inhaltsbereich dieser Unterseite ist, setzen Sie noch einen winzigen Abstand (JIMDO-Element „Abstand“) von 5px Höhe unter diese Bildgalerie.

 

 

CSS-CODE FÜR DIESE FUNKTION OHNE SCHATTENWURF

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

@media (min-width: 760px)

{

div#content_area a:link img, div#content_area img, .cc-catalog-container-new a.cc-webview-product-image img {

transition: transform 0.8s!important;

-moz-transition: transform 0.8s!important;

-webkit-transition: transform 0.8s!important;

-o-transition: transform 0.8s!important;

-ms-transition: transform 0.8s!important;cursor: pointer!important;}

div#content_area a:hover img {

cursor: zoom-in!important;

cursor: -moz-zoom-in!important;

cursor: -webkit-zoom-in!important;

transform: scale(1.15, 1.15)!important;

-moz-transform: scale(1.15, 1.15)!important;

-webkit-transform: scale(1.15, 1.15)!important;

-o-transform: scale(1.15, 1.15)!important;

-ms-transform: scale(1.15, 1.15)!important;

overflow:display!important;

cursor: pointer!important;}

div#content_area img {cursor: auto!important;}

/*]]>*/

 

</style>

 

Eine Empfehlung für dieses Script: Wenn Sie es im Zusammenhang mit einer Bildergalerie verwenden und eine Bildergalerie das letzte Element im Inhaltsbereich dieser Unterseite ist, setzen Sie noch einen winzigen Abstand (JIMDO-Element „Abstand“) von 5px Höhe unter diese Bildgalerie.

 

 

Bildslider ohne Steuerelemente

 

Ausgeblendete Slider-Navigation bei Bildergalerie-Slider

 

 

Effekt

 

Die Bedienelemente Vor / Zurück / Grossansicht sind zwar ein Standard bei Bildslidern (Bildergalerie-Element), aber sie stören gelegentlich gewaltig.

 

Zum Beispiel wenn man hübsch ein paar Logos von Referenzen oder kleinere Slider anlegen und durchlaufen lassen möchte.

 

 

Dieses Script entfernt die vor- und zurück-Pfeile und aktiviert das Vollansichts-Symbol auf die Mouseover-Situation.

 

 

CSS-CODE FÜR DIESE FUNKTION

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

.bx-wrapper .bx-controls-direction a, .cc-m-gallery-slider .bx-wrapper .bx-controls-auto {display: none!important}

/*]]>*/

 

</style>

 

Der letzte Punkt ist ….rot!

 

 

Featuren Sie besondere Menüpunkte - zum Beispiel Ihren Newsletter!

 

Effekt

 

Mit diesem kleinen Script wird der letzte sichtbare Menüpunkt Ihrer Hauptnavigation (Level 1) in einer Farbe Ihrer Wahl angezeigt.

 

Sie stellen einfach nur die Farbe ein (Standard hier rot = #FF0000) und bestimmen per Navigation welches der letzte Navigationspunkt sein soll (Newsletter, Sale-Bereich, Kontaktformular etc.) und so hervorgehoben wird.

 

CSS-CODE FÜR DIESE FUNKTION

 

<style type="text/css">

/*<![CDATA[*/

/* copyright by jimjim.de / jimdo-handbuch.de */

.j-nav-level-0 li:last-child a:link {color:#ff0000!important;}

.j-nav-level-1 li:last-child a:link {color:inherit!important;}

.j-nav-level-2 li:last-child a:link {color:inherit!important;}

.jtpl-navigation .j-nav-level-0 li:last-child a:link, .jtpl-navigation .j-nav-level-0 li:last-child a:visited {color: #ff0000!important;}

.jtpl-navigation .j-nav-level-1 li:last-child a:link, .jtpl-navigation .j-nav-level-1 li:last-child a:visited {color: inherit!important;}

.jtpl-navigation .j-nav-level-2 li:last-child a:link, .jtpl-navigation .j-nav-level-2 li:last-child a:visited {color: inherit!important;}

/*]]>*/

</style>

 

.

 

Einbauvideo

 

Unter der URL

 

• https://www.jimdo-handbuch.de/codebuch/

 

 

finden Sie ein kurzes Video, welches Ihnen Funktion und Einbau der Codes aus diesem Handbuch erläutert.

 

 

GRATIS: JIMDO Creator Video-Seminar

 

Exklusiv für die Käufer des JIMDO Codebooks gibt es in dieser Ausgabe ein großes Geschenk:

 

 

Das knapp 7-stündige JIMDO Creator Video-Seminar von und mit Alexander Kerscher.

 

 

Zum ansehen rufen Sie bitte die Adresse

 

• fruits-harvest.de/codebook auf und geben

 

• den Zugangscode GDby-CGN021 ein