Deutschland

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.


Hier nun mein Weg zum 2. Sub-Nav:

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.

  1. Im Content ein Spaltenelement anlegen.
  2. Ich brauche nur 1 Spalte; alle anderen löschen.
  3. Ein Textelement in die Spalte einfügen.
  4. In das Textelement händisch mit einer ungeordneten Liste das Sub-Navi schreiben, entsprechend verlinken und ggf. weiter einrücken (für Level 5, 6,...). Speichern.
  5. Textelement erneut anklicken und html-Modus (</>) öffnen. Alles kopieren und schließen.
  6. Nun ein Widget/html-Element in die Spalte legen und dort das Kopierte einfügen.
  7. Textelement kann nun gelöscht werden.
  8. In die Besucheransicht wechseln, die Element-Eigenschaften aufrufen und die ID dieser Spalte finden. (Bei mir ist es auf dieser Seite "cc-m-7411937961".)
  9. ID merken und in den Bearbeitungsmodus zurück wechseln. 
  10. Und nun gehts schon ans Positionieren und Gestalten der neuen Navigation.

Dies ist der Inhalt meines Widget/html-Elements:

 

<div class="ksMenu">

    <div class="ksVerzeichnis">

        <p>

            Unterverzeichnis von&#160;<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>