"MACH DEINE SEITE JETZT FIT,
    DER nächste SOMMER KOMMT BESTIMMT!"

    Hast Du Lust auf diese simple Drop-Down Navigation? Dann füge einfach den ersten Code in den Head-Bereich und den zweiten Code in ein Widget/HTML-Modul ein. Deine Jimdo-Navigation solltest Du ausblenden, wenn Du mit dem Einbinden dieser Drop-Down Navi fertig bist und die Verlinkungen im zweiten Code gesetzt hast. Dazu verstecke die einzelnen Unterseiten mithilfe des Augensymbols rechts daneben. Desweiteren muss die Navi auf jede Seite übertragen werden.

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
    </script>

    <script type="text/javascript" language="javascript">

    //<![CDATA[

    $(document).ready(function() {
            $("#nav li:has(ul)").hover(function(){
                    $(this).find("ul").slideDown();
            }, function(){
                    $(this).find("ul").hide();
            });
    });

    //]]>
    </script>

    <style type="text/css">
    /*<![CDATA[*/

    #nav {}
    #nav ul {

    list-style-type:none;
    margin:0;
    padding:0;

    }

    #nav li {

    float:left;
    padding:0;
    margin:0;

    }

    #nav li a {

    width: 140px;
    display: block;
    text-align: center;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #dcd5cf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcd5cf));
    background: -webkit-linear-gradient(top, white 0%, #dcd5cf 100%);
    background: -o-linear-gradient(top, white 0%, #dcd5cf 100%);
    background: -ms-linear-gradient(top, white 0%, #dcd5cf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#dcd5cf',GradientType=0 );
    background: linear-gradient(top, white 0%, #dcd5cf 100%);
    margin-right: 5px;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    color: black;
    font-size: 100%;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    }

    #nav li a:hover {

    color: #f00;

    }

    #nav ul ul {

    display: none;
    position: absolute;
    z-index: 999;

    }

    #nav li li {

    float: none;

    }

    #nav li li a {
    background: #499bea; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5OWJlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDdjZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-8 */

    color: white;
    text-align: left;
    height: auto;
    line-height: 1;
    width: auto;
    padding: 8px 20px 8px 22px;
    border: 1px solid #D0D0D0;
    border-top: none; margin-right:0;

    }

    /*]]>*/
    </style>

        <div id="nav">
            <ul>
                <li>
                    <a href="http://Dein-Link/">Home</a>
                </li>

                <li>
                    <a href="http://Dein-Link/">Galerie</a>
                    <ul>
                        <li>
                            <a href="http://Dein-Link/">Aktuelle Bilder</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Bilder des Jahres</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Alte Bilder</a>
                        </li>
                    </ul>
                </li>

                <li>
                    <a href="http://Dein-Link/">Menüpunkt 3</a>
                    <ul>
                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 1</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 2</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 3</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 4</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 5</a>
                        </li>
                    </ul>
                </li>

                <li style="list-style: none">
                    <a href="http://Dein-Link/">Menüpunkt 4</a>
                    <ul>
                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 1</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 2</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 3</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 4</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 5</a>
                        </li>
                    </ul>
                </li>

                <li style="list-style: none">
                    <a href="http://Dein-Link/">Menüpunkt 5</a>
                    <ul>
                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 1</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 2</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 3</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 4</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 5</a>
                        </li>
                    </ul>
                </li>

                <li style="list-style: none">
                    <a href="http://Dein-Link/">Menüpunkt 5</a>
                    <ul>
                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 1</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 2</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 3</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 4</a>
                        </li>

                        <li>
                            <a href="http://Dein-Link/">Unterpunkt 5</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>

    Kommentare: 70
    • #70

      ??? (Montag, 19 Juni 2017 15:59)

      Geht nicht. Der sagt immer beim einfügen im head bereich: Teile deines Codes sind nicht mit HTTPS kompatibel. Stelle bitte sicher, dass du HTTPS verwendest. Überprüfe insbesondere den Code für deine JavaScript- und CSS-Dateien. Hier erklären wir dir, wie dein Code kompatibel wird.

    • #69

      Anne (Montag, 10 Oktober 2016 19:55)

      Hallo,

      super Sache, danke. Gibt es eine Möglichkeit das sich das Menü wieder zuklappt nachdem man eine Wahl getroffen oder neben das Menue getippt hat?

      Danke schon mal...

    • #68

      Reni (Dienstag, 05 Januar 2016 17:48)

      Hallo Jimdo, danke für das Dropdown-Skript. Funktioniert super. (war eine Empfehlung von 1&1). Wollte nun zusätzlich ein unter-untermenü erstellen (wie hier unter punkt 42). Klappt leider nur Teilweise. Das UnterUntermenü wird leider nur an das Untermenü angehängt. Kann es sein, dass hier im CSS-Script etwas fehlt?
      Danke für Info.

    • #67

      kevin (Donnerstag, 15 Oktober 2015 22:10)

      hallo jimdo :D habe das dropdown menü bei mir auch mit dem ersten eingefügt und beim zweiten hab ichs größtenteils alleine gemacht jetzt habe ich noch eine frage wie kann man texte machen die dann auf eine eigene seite weitergeleitet werden, ohne das diese oben in die navigation eingetragen werden müssen

    • #66

      Mario (Dienstag, 22 September 2015 18:11)

      Hallo noch mals,
      ich habe den Fehler erkannt, die Seite musste neu geladen werden...ein wenig peinlich jetzt :D

    • #65

      Mario (Dienstag, 22 September 2015 18:00)

      Hi, erst mal danke für dein Tutorial!
      Ich habe allerdings ein kleines Problem, muss dazu sagen ich bin eine absolute Null in HTML. Ich hätte gerne das Dropdown Menü auf nur einer "Unterseite" Sprich: Die Jimdo-Navigation soll bleiben und nur auf einer Unterseite möchte ich gerne ein Dropdown Menü haben. Ist das möglich?
      Wenn ich bei Jimdo unter HEADER BEARBEITEN gehe und dann auf AUSGEWÄHLTE UNTERSEITE deinen Header einfüge, dann auf dieser Unterseite mit dem Widget/HTML Modul den 2ten Teil deines Codes einfüge funktioniert das ganze nicht so wie es soll. Es ist nur eine auflistung aller Links zu sehen.
      Kannst du mir sagen warum? Oder ist das überhaupt möglich was ich vor habe auf Jimdo?
      Danke

    • #64

      Björn (Dienstag, 28 Juli 2015 17:52)

      Klappt alles bis auf das sich die Untermenu punkt enicht aufklappen lassem. an was liegt das ?

    • #63

      Tante1 (Dienstag, 05 Mai 2015 23:26)

      Kompliment an den Ersteller der Tutorials. Hat bisher alles wunderbar geklappt, vielen Dank dafür! :-)

      Dennoch, kurze Frage zu der Schriftart bei dem DD-Menü:
      Wie ändere ich die ab? Ich finde nichts, was mit "Font" zu tun hat...

    • #62

      isswas (Samstag, 25 Oktober 2014 22:45)

      Danke für das Super Tutorial!

      Leider lässt sich diese Drop-Down Navigation mit Touch (Smartphone, Tablet, etc.) nicht gut bedienen, da bei einem Touch (Klick) auf einen Button direkt auf eine Seite verlinkt wird und der Besucher nicht bzw. nur ganz kurz das aufklappende Drop-Down Menü sieht.

      Daher bietet es sich an die einzelnen Buttons selbst nicht zu verlinken.
      Dafür den Code einfach in dieser Art abändern:
      <li>
      <a>Menüpunkt xyz</a>
      <ul>
      <li>
      <a href="http://Dein-Link/">Unterpunkt 1</a>
      </li>

      <li>
      <a href="http://Dein-Link/">Unterpunkt 2</a>
      </li>
      </ul>
      </li>

      Das <a> ... </a> muss vorhanden sein, sonst sieht man den Button nicht!
      So klappt auch in der Touch Bedienung das Menü auf, und der Besucher kann zu den einzelnen Unterseiten navigieren! :-D

    • #61

      Cornelia Wilgusch (Mittwoch, 20 August 2014 12:19)

      Gibt es eine Möglichkeit, dass die Drop-Down Navigation unter dem Header angezeigt wird? Ich finde es nämlich direkt schicker, wenn diese dort angezeigt wird und nicht wo ich es derzeit habe.

    • #60

      teamcleverundsmart (Mittwoch, 09 Juli 2014 23:24)

      Danke für das jquery snippet ;)

    • #59

      alfredtest (Mittwoch, 25 Juni 2014 10:07)

      Moin,
      also ich habe es auf einer Free-Website probiert :-((
      Das DD-Menü sieht so aus wie es soll
      aber...........
      obwohl ich den komplett-konfigurierten Code auf alle Seiten übertragen habe, komme ich, egal welche Seite ich anklicke,
      immer nur auf die "Home" Seite !
      Kann mir jemand helfen ??
      DANKE !

    • #58

      Probe (Dienstag, 24 Juni 2014 10:40)

      Hallo,
      habe grade alles so wie es oben steht eingefügt, und die navigation sieht auch genauso aus,
      nur sieht man bei mir keine unterpunkte ?!
      Wie mache ich das, im code sind zb die Unterpunkte jeweils angegeben, aber wenn ich dann auf die navi klicke oder dadrüber fahre kommen keine unterpunkte..

      oder muss ich iwie ne neue seite hinzufügen, aber auch da komme ich nicht weiter :(
      und was ich auch nicht machen konnte ist, die von jimdo selber gezeigte navi auszublenden D:

    • #57

      komland1 (Mittwoch, 18 Juni 2014 08:56)

      Hallo, kann mir jemand sagen wieso es im IE perfekt angezeigt wird und in Chorme nicht?

    • #56

      svbesigheimev (Freitag, 06 Juni 2014 16:22)

      Hallo zusammen,

      Frage: Ich habe die Drop-Down-Boxen auf meiner Webseite installiert/ eingefgügt (http://www.schachvereinbesigheim.de/). Leider hätte ich nun das Problem, wenn ich einen Seitennamen ändere oder eine Seite hinzufüge, dass ich sämtliche html- Widget ändern müsste (also den Code im Widget anpassen). Kann ich meinen HTML code für den header so umschreiben (oder ähnliches) dass ich nur noch an einem Punkt die Änderungen vornehmen muss und alle Widgets sich aktualliesieren? Oder muss ich dann alle löschen/ ersetzen/ umschreiben?

      Vielen Dank übrings nochmals für Ihren genialen Guides haben mir sehr viel geholfen!

      Es Grüßt der Vorstand des Schachverein Besigheim
      Tobias Reuß

    • #55

      komland1 (Mittwoch, 04 Juni 2014 11:57)

      Kann mir jemand helfen? Ich möchte das, dass Drop-Down Menu genau gleich angezeigt wird wo jetzt meine "normale" Navigation steht. Ich bekomme es aber nicht ganz hin.

    • #54

      Karin (Montag, 05 Mai 2014 08:21)

      kann mir bitte jemand helfen? ich komme gerade nicht weiter..

    • #53

      brodowsky (Samstag, 03 Mai 2014 10:09)

      ich verstehe das jetzt nicht ganz.
      welcher link? ist das z.B.? http://karin-brodowsky.de/">Startseite</a>
      wie muss der link konkret heissen, um auch auf die untermenüs zu kommen?
      egal wohin ich in der ansicht hinnavigiere bleibe ich stets auf der startseite.

    • #52

      brodowsky (Samstag, 03 Mai 2014 08:47)

      ein paar Antworten vorher stand es:-)

    • #51

      brodowsky (Samstag, 03 Mai 2014 08:10)

      hallo:-) das ist hier eine tolle seite!!
      ich möchte die drop down in einer zeile haben, wie kann ich das ändern?

    • #50

      Sebastian Swolensky (Dienstag, 22 April 2014 14:26)

      Ich möchte das Menü gerne mittig auf der Seite platzieren wie mach ich das :O?

    • #49

      wohnwagen2go (Mittwoch, 16 April 2014 14:52)

      Hallo - tolle Seite hier :D

      ist es moeglich im Head-Bereich anzugeben das die Jimdo Navigation ausgeblendet wird, ohne das man die einzelnen Menuepunkte in den Naviogationseinstellungen per "Auge-Knopf" unsichtbar macht? Weil wenn mann das macht sind die Navigationspunkte auch in der Mobilen Ansicht ausgeblendet und das ist dann doch ziemlich unpraktisch.

    • #48

      Kathrin Müller (Dienstag, 15 April 2014 11:58)

      suche eine ähnliche dropdown-menü funktion wie es hier der fall ist:

      http://bellroy.com/

    • #47

      Kathrin Müller (Dienstag, 15 April 2014 11:39)

      Hi, wie würde der Befehl lauten, wenn ich erst draufklicken möchte, damit sich das Menü öffnet?

    • #46

      yogan (Dienstag, 08 April 2014 14:29)

      Carla,

      "margin:0;

      }

      #nav li a {

      width: 140px;
      display: block;
      text-align: center;
      background: white;"

      bei width: 140px wird hier vermutlich die breite der einzelnen Navi-Flächen bestimmt. Die kannst du verkürzen, sofern du dann noch ausreichend platz für den inhalt hast und dann sollten die "hinteren" auch wieder in die erste reihe rutschen :-))

      Leute, das macht total spaß... sollte mich mal etwas intensiver damit beschäftigen :-DDD

    • #45

      yogan (Dienstag, 08 April 2014 14:25)

      Kreativbild:

      im Oberen Code steht im zweiten großen Abschnitt:

      ...#nav li li a {
      background: #499bea; /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */...

      die background-farbe ist somit #499bea -> mit Hilfe dieses onlineTools: http://html-color-codes.info/webfarben_hexcodes/ kannst du sehen, dass der Hex-Code das blau ist. dort kannst du jetzt deine eigene Farbe generieren und den entstandenen Code an der Stelle der urprünglichen (blauen) Color einfügen :-)

    • #44

      yogan (Dienstag, 08 April 2014 14:19)

      Akzente1, du kannst in deinen Einstellungen auswählen, dass die ausgeblendeten Unterseiten auch in die XML eingefügt werden.
      "Versteckte Unterseiten zur XML-Sitemap hinzufügen"

    • #43

      yogan (Dienstag, 08 April 2014 14:13)

      Dinkel, ich würde ja fast darauf tippen, dass du mit <ul> in eine neue Ebene reingehst und mit </ul> die Ebene schließt. Zumindest liest man das so aus dem Schema raus.

      Beispiel:



      <li style="list-style: none">
      <a href="http://Dein-Link/">Menüpunkt 5</a>
      <ul>
      <li>
      <a href="http://Dein-Link/">Unterpunkt 1</a>
      <ul>
      <li>
      <a href="http://Dein-Link/">UnterUNTERpunkt 1</a>
      </li>
      </ul>
      </li>
      </ul>
      </li>

      Sag mir bescheid, ob's geklappt hast. Bin nämlich auch gerade am überlegen ein DD-Menü zu machen :-)

      LG Dominik

    • #42

      Dinkel, Sergej (Freitag, 04 April 2014 17:49)

      Hallo, wie kann man eine weitere Menü-Unterebene erstellen, sprich:
      z.B.:Produkte-->Unterpunkt-->Unterpunkt
      Produkte-->Schuhe-->Damenschuhe
      Sonst ein schickes Menü, bloß brauche ich mehr Unterbenen, mindestens 3 oder noch besser 4.
      Danke

    • #41

      insane-sports (Donnerstag, 27 März 2014 10:12)

      hey erstmal großes dankeschön für die tutorials!
      Kann mir jemand sagen wie ich es schaffe das sich das drop down menü über meine slideshow klappt ?
      Habe die slideshow aus den tutorials darunter gesetzt, nur jetzt öffnet sich das drop down menu nicht mehr :(
      danke !!

    • #40

      akzente1 (Donnerstag, 13 März 2014 14:22)

      Danke für das super Tutorial. Allerdings haben wir noch ein Problem: Den Blog. Wie kann ich die Menüführung auf den einzelnen Blogseiten einfügen und wie krieg ich das am besten mit der sitemap hin. Denn wenn die Seiten ausgeblendet werden, verschwinden sie ja auch von dort. Würde mich über ein paar tipps freuen.

    • #39

      kreativbild-sn (Dienstag, 11 März 2014 23:29)

      Hallo,
      bin schon gut voran gekommen aber wie kann ich denn die blaue Farbe der Unterseiten ändern?
      Würde mich über Hilfe freuen.

    • #38

      urla-zentrum (Mittwoch, 26 Februar 2014 21:12)

      Hallo.
      Erstmal Danke.
      Eine Frage habe ich. Unter dem Browser Opera erscheinen keine Butten sondern nur die Schrift?? Kann ich da noch irgendwas machen.
      Die Buttens sind auf der Angebote Seite falls jemand gucken will.

    • #37

      parallel-design-medien (Donnerstag, 09 Januar 2014 20:14)

      Erstmal ein Lob an den Inhaber. Tolle Seite. Eine Frage hätte ich: Wie funktioniert ein festes Menü mit Jimdo, ähnlich wie hier auf der Seite zu sehen? Wäre sehr dankbar für eine Anleitung.

    • #36

      Carla (Sonntag, 05 Januar 2014 01:18)

      Habe nun eine ganze Weile gebraucht, um die Farben zu ändern, sodass es mir jetzt gefällt.
      Mein Problem: Trotzdem ich die von jimdo vorgegebene Navigation ausgeblendet habe, wird mein Drop Down Menü viel zu weit unten angezeigt.
      Ich bin alles durchgegangen, was in irgendeiner Weise mit "hight" zu tun hat und habe den dahinter folgenden Pixelwert geändert, aber da hat sich nur die Höhe der einzelnen Schaltflächen verändert.. Außerdem sind die Schaltflächen ab dem 4. Punkt in der zweiten Reihe angeordnet, obwohl rechts noch Platz wäre.. :(
      Trotzdem danke für diese tolle Seite!

    • #35

      frauwolle2010 (Freitag, 13 Dezember 2013 12:54)

      Hey wie kann ich den Style des Drop Down Menüs ändern?

    • #34

      Jayeff (Dienstag, 03 Dezember 2013 18:42)

      Hallo!
      Vielen Dank speziell für dieses Tutorial. Das Dropdown-Menu habe ich lange gesucht, vergebens, bis ich auf deine Seite gestoßen bin. Es hat auch toll gefunzt. Bloß gibt es da ein kleines Details, das ich nicht hinbekomme:

      Wie kommt es, dass die Darstellung der Website in allen Browsern auf dem Windows-PC korrekt und gleich ist?
      Dagegen ist die Navigation der Site auf dem MAC anders, nämlich die Navigation ist zu lang, sodass sich die Menus zum Teil in die 2. Zeile verschieben. Gibt es ein Workaround für den MAC?

      Wäre dankbar für jeden Tipp. Ansonsten sehr gute Arbeit und wirklich hilfreich.

    • #33

      Kira Martini (Sonntag, 17 November 2013 23:30)

      Hi, klappt super. Aber wie kann ich die Rückgaberechtsbelehrungsseite mit der Navigation ausstatten. Leider kann ich die Seite nicht über den Bearbeitungsbutton ändern. Gibt es da einen Trick.

      Vielen Dank.

    • #32

      drazentopic1 (Mittwoch, 30 Oktober 2013 23:17)

      wo genau füge ich dieses visibility:hidden denn ein ?

    • #31

      Strap on it! (Sonntag, 20 Oktober 2013 21:04)

      Ich sollte erst prüfen und dann schreiben! ;)
      An alle, die es intressiert: Die Navi muss nicht zwingend mit dem Auge ausgeblendet werden.
      Das kann auch mit CSS über visibility:hidden gemacht werden.
      Je nach (Unter-)Menü muss dann allerdings noch die Höhe (height) angepasst werden, damit keine Lücke zwischen versteckter Navi und dem Text entsteht.
      Somit ist die Navi verschwunden, aber die Sitemap bleibt gefüllt und somit gibts definitiv auch keine Google-Probleme.

    • #30

      Strap on it! (Sonntag, 20 Oktober 2013 16:28)

      So, bzgl. der Google-Indexierung bin ich nun schlauer geworden.
      Die Seiten, die ausgeblendet werden, werden nach wie vor von Google gefunden, denn es wird kein Nofollow- und kein NoIndex-Tag gesetzt.
      Aber: Sie verschwinden aus der Sitemap, was natürlich nicht ganz so cool ist.
      Darum die Frage: Gibt es eine andere Möglichkeit, die Original-Navi auszublenden ohne den "Auge-Knopf" nutzen zu müssen?

    • #29

      Strap on it! (Sonntag, 20 Oktober 2013 15:35)

      Also generell ist zu sagen, dass im Jimdo Bearbeitungsmodus vieles immer anders aussieht.
      Das betrifft bei mir sowohl den Nivo Slider, als auch das Menü, die Suche und und und.
      Da verliert man schnell die Übersicht.
      Also ich konnte über Firebug auf Deiner Seite wunderbar den opacity-Wert aktivieren; das klappt.
      Wenn Du da nicht klarkommst, schreib mir am besten mal über den Kontaktbutton auf meiner Seite ne Nachricht; dann schau ich kurz.
      Ich möcht dem Admin hier nicht das Kommentarformualr "zuspammen" ;)

    • #28

      Carsten Schütte (Sonntag, 20 Oktober 2013 15:13)

      OK, 0.8 habe ich ja dort stehen.

      Was mich noch irritiert ist die Tatsache, das dass Menü auf einmal keinen Platz mehr einnimmt,
      d.h. ich muss jede Menge Abstand lassen bis zum nächsten Trennstrich unter dem Menü.
      Komischerweise benötigt das Menü im Bearbeitungsmodus noch die Höhe in der es ist, nur im Anzeigemodus habe ich dann
      das Problem, das alles weiter nach oben rückt wenn ich unter dem Menü nicht genügend Abstand lasse.

      Ich hoffe man versteht was ich meine.

    • #27

      Strap on it! (Sonntag, 20 Oktober 2013 14:39)

      Die herausfahrenden Links werden im Head angesprochen über
      #nav li li a {

      Und dort fügst Du einfach den opacity-Wert hinzu. Konnte den Wert auf Deiner Seite nicht finden.
      0.8 bzw. 0.9 sollte genügen.

    • #26

      Carsten (Samstag, 19 Oktober 2013 19:39)

      Ich denke opacity ist für die durchsichtigkeit, oder ?
      Auf was für einen Wert muss ich den opacity Wert denn ändern damit etwas passiert.

      Der Wert steht auf 0.8 und egal ob ich ihn auf 1 oder auf 0.1 ändere es passiert nix.

    • #25

      Strap on it! (Samstag, 19 Oktober 2013 17:38)

      @ Carsten: Das kannst Du mit dem opacity-Wert machen.

      @ Deine Slideshow: Ich muss nochmal die Aussage von hr24 unten anpacken. Die Idee mit der Sidebar ist gut; bei mir stellt er die Navi dann aber in völlig anderem Format da.
      Hast Du für das Problem eine Lösung?
      Denn die Navi auf jeder Unterseite einzutragen, wird bei Änderungen der Navi und ab 15 Seiten aufwärts irgendwann aufwändig... :)

    • #24

      Carsten Schütte (Samstag, 19 Oktober 2013 10:24)

      Ist es vielleicht möglich die herausfahrbaren Links etwas durchsichtig anzeigen zu lassen ?

    • #23

      Carsten (Samstag, 19 Oktober 2013 10:06)

      Ich habe noch 2 Fragen zur Navigation:

      Ist es möglich die herausfahrenden Links mittig anzeigen zu lassen, bis jetzt werden sie linksbündig dargestellt ?
      Kann man auch bei den herausfahrbaren Links die Schriftgröße anders machen als auf den Menülinks?

    • #22

      Strap on it! (Dienstag, 15 Oktober 2013 17:44)

      Ja, ich glaube, das entscheidene Wörtchen hier ist "Verlinkung".
      Denn alle meine versteckten und schon seit einigen Wochen vorhandenen Seiten, auf denen die Bilder liegen, die ich für Slideshow etc. nutze, werden definitiv nicht bei Google gezeigt :)

    • #21

      Deine Slideshow (Dienstag, 15 Oktober 2013 12:09)

      Bin mir da schon recht sicher ;-) denn ich habe auch etliche Unterseiten versteckt und diese werden ebenfalls bei Google gelistet.
      Ist ja auch nichts anderes wenn Du mit 'nem eigenen Layout "arbeitest".. und deine eigene Navi mit der versteckten Jimdo-Navi verlinkst.

      Viele Grüße.