Durch meine Vorgehensweise, dass ich nicht auf allen Seiten das rechte Sub-Navi haben möchte, bleibt es mir nicht erspart, auf allen gewünschten Seiten, beide Elemente einzufügen und in der Formatierung die ID anzupassen.
Wieder haben mir das Forum und vor allem die Posts von _az geholfen:
Ich benötige das 2. Sub-Navi nicht immer, sondern nur auf ausgewählten Seiten. Deshalb habe ich alles in den Content geschoben und nicht über die Sidebar gearbeitet.
Dies ist der Inhalt meines Widget/html-Elements:
<div class="ksMenu">
<div class="ksVerzeichnis">
<p>
Unterverzeichnis von <a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/europa/" title="Europa" target="_top" class="">Europa</a>
</p>
</div>
<hr />
<br />
<div class="ksNavi">
<ul class="ksNavi1">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/deutschland/" title="Deutschland" class="" target="_top">Deutschland</a>
</li>
</ul>
<ul class="ksNavi2">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/nord/" title="Nord" class="" target="_top">Nord</a>
</li>
</ul>
<ul class="ksNavi3">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/bremen/" title="Bremen" class="" target="_top">Bremen</a>
</li>
</ul>
<ul class="ksNavi3">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/hamburg/" title="Hamburg" class="" target="_top">Hamburg</a>
</li>
</ul>
<ul class="ksNavi3">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/niedersachsen/" title="Niedersachsen" class="" target="_top">Niedersachsen</a>
</li>
</ul>
<ul class="ksNavi4">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/landkreis_gifhorn/" title="Landkreis Gifhorn" class="" target="_top">Landkreis Gifhorn</a>
</li>
</ul>
<ul class="ksNavi5">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/gifhorn/" title="Gifhorn" class="" target="_top">Gifhorn</a>
</li>
</ul>
<ul class="ksNavi5">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/meine/" title="Meine" class="" target="_top">Meine</a>
</li>
</ul>
<ul class="ksNavi5">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/wittingen/" title="Wittingen" class="" target="_top">Wittingen</a>
</li>
</ul>
<ul class="ksNavi3">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/schleswig-holstein/" title="Schleswig-Holstein" class="" target="_top">Schleswig-Holstein</a>
</li>
</ul>
<ul class="ksNavi2">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/west/" title="West" class="" target="_top">West</a>
</li>
</ul>
<ul class="ksNavi2">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/ost/" title="Ost" class="" target="_top">Ost</a>
</li>
</ul>
<ul class="ksNavi2">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/süd/" title="Süd" class="" target="_top">Süd</a>
</li>
</ul>
<ul class="ksNavi1">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/frankreich" title="Frankreich" class="" target="_top">Frankreich</a>
</li>
</ul>
<ul class="ksNavi1">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/großbritannien/" title="Großbritannien" class="" target="_top">Großbritannien</a>
</li>
</ul>
<ul class="ksNavi1">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/italien/" title="Italien" class="" target="_top">Italien</a>
</li>
</ul>
<ul class="ksNavi1">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/schweden/" title="Schweden" target="_top">Schweden</a>
</li>
</ul>
<ul class="ksNavi1">
<li>
<a href="https://irenalap.jimdo.com/2-sub-navi/unsere-shops/spanien/" title="Spanien" target="_top">Spanien</a>
</li>
</ul>
</div>
</div>
Und dies ist mein Style-Script dazu:
<style>
/* <![CDATA[ */
/*Gestaltung der Box*/
/*__________________*/
#cc-m-7411937961 {
display: block;
position: absolute;
left: 1080px;
top: 80px;
width: 240px;
background-color: #ebebeb;
border:1px solid #ccc;
-webkit-box-shadow: 3px 10px 25px 0px rgba(33, 33, 33, 0.75);
-moz-box-shadow: 3px 10px 25px 0px rgba(33, 33, 33, 0.75);
box-shadow: 3px 10px 25px 0px rgba(33, 33, 33, 0.75);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 35px;
}
#cc-m-7411937961 p {
margin-top: 20px;
}
#cc-m-7411937961 a {
text-decoration: none;
}
/* Unter-Navi gestalten */
/*____________________________*/
.ksVerzeichnis p {
padding-left: 15px;
}
.ksVerzeichnis a {
display: block;
width: 220px;
margin-left: -20px;
padding: 10px;
padding-left: 20px;
background: white; /*aktuell gewähltes Menü*/
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.ksVerzeichnis a:hover {
background: #f1f1f1;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.ksNavi ul {
list-style: none;
position: relative;
left: -45px;
margin-top: -8px;
}
.ksNavi a {
display: block;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
width: 210px;
}
.ksNavi1 a{
padding: 10px 20px;
}
.ksNavi2 a {
width: 180px;
padding: 10px 35px;
}
.ksNavi3 a {
width: 150px;
padding: 10px 50px;
}
.ksNavi4 a {
width: 120px;
padding: 10px 65px;
}
.ksNavi5 a {
width: 90px;
padding: 10px 80px;
}
.ksNavi a:hover {
background: #f1f1f1;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
/*]]>*/
</style>
Diese Webseite wurde mit Jimdo erstellt! Jetzt kostenlos registrieren auf https://de.jimdo.com