Probleme in der Sidebar

ennekenskywalker

Ich habe einzelne Seiten erstellt und diese in Reihenfolge gebracht.
Die Untermenues machen leider damit nicht mit. Erstens werden sie nicht in Reihenfolge gestellt und zweitens möchte ich sie unsichtbarmachen bzw. nur sichtbar wenn die jeweilige Hauptseite geöffnet wird.
Jemand eine Idee?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

ennekenskywalker

Das mit der Reihenfolge habe ich herausgefunden, aber das zweite fehlt leider noch

vanvan

Weis nicht ob ich dich richtig verstehe.
Aber mit einem Plugin wie z.B. Display Widgets kannst du in der Sidebar Menüs ein- oder ausblenden, ganz wie du willst. Und ohne zu coden.

tom

ennekenskywalker

Nicht so ganz.
Ich möchte das die Unterseiten bei den Hauptseiten sich erst öffnen, wenn die Hauptseite aktiviert wird und ansonsten sollen sie ausgeblendet sein.

pixselig

Schick uns dochmal einen Link.

ennekenskywalker

http://www.exoten-emsland.de

Ich möchte alle Unterseiten von "meine Vögel" nicht sichtbar haben, wenn "meine Vögel" gedrückt wird. Wenn eine andere, wie z.B. "meine Voliere" gedrückt wird, sollen die Unterseiten von "meine Vögel" nicht sichtbar sein.

pixselig

Solltest du das nicht innerhalb des WP Backends einstellen können füge folgenden Code in deine style.css:

Code

#page-3 .children {display: none;}
#page-3 .current_page_item .children, #page-3 .current_page_parent .children {display: block;}

ennekenskywalker

Ich scheine ein wenig aus dder Übung zu sein.
Muss ich diese Passage an einer bestmmten Stelle setzen?
Denn so klappt es leider nicht.

Code

{
    margin : 0;
    padding : 0;
}
body {
    font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
    color: #202123;
    font-size: 90%;
    background-color : #F0F7E2;
    line-height : 1.4em;
    margin-left : 10%;
    margin-right : 10%;
    margin-top : 10px;
    margin-bottom : 20px;
}
#wrapper {
    background-color : #365E13;
    padding : 10px;
    min-width : 700px;
    width : 100%;
}
#header {
    height : 80px;
    background-color : #92C135;
    font-size : 200%;
    line-height : 0.6em;
    color : white;
    font-weight : normal;
    text-align : center;
    background-repeat : no-repeat;
    background-position : 100% 0;
    background-image : url(images/header_right.gif);
}
#header span {
    padding-top : 30px;
    display : block;
    height : 50px;
    background-image : url(images/header_left.gif);
    background-position : 0 0;
    background-repeat : no-repeat;
}
#header a {
    text-decoration : none;
    color : White;
}
#header a:hover, #header a:active, #header a:focus {
    text-decoration : underline;
}
#header em {
    font-style : normal;
    font-size : 50%;
    color : #FEFF5B;
    font-weight : bold;
}
#statmenu {
    height : 32.5px;
    background-color : #4E871C;
    padding-top : 7.5px;
    padding-left : 10px;
}
#statmenu li {
    list-style-type : none;
    background-image : url(images/statmenu.gif);
    background-position : 0 100%;
    height : 25px;
    line-height : 25px;
    float : left;
    margin-right : 7px;
    font-weight : bold;
    background-repeat : no-repeat;
    background-color : #92C135;
}
#statmenu .current_page_item {
    background-image : url(images/statmenu.gif);
    background-position : 0 0;
    background-repeat : no-repeat;
}
#statmenu li a {
    color : white;
    text-decoration : none;
    background-image : url(images/statmenu_2.gif);
    background-position : 100% 0;
    background-repeat : no-repeat;
    display : block;
    padding-left : 10px;
    padding-right : 10px;
}
#statmenu .current_page_item a {
    background-image : url(images/statmenu_1.gif);
    background-position : 100% 0;
    background-repeat : no-repeat;
    color : black;
}
#statmenu a:hover, #statmenu a:active, #statmenu a:focus  {
    color : black;
}
#statmenu  .current_page_item a:focus, #statmenu   .current_page_item a:active {
    text-decoration : underline;
}






#all {
    background-image : url(images/all_top.gif);
    background-position : 0 0;
    background-repeat : no-repeat;
    padding : 10px;
    background-color : white;
    margin-top : 10px;
    clear : both;
}
#left {
    float : left;
    width : 180px;
}
#left h2 {
    background-image : url(images/e_lefttop.gif);
    background-position : 0 0;
    background-repeat : no-repeat;
    background-color : #E4F0CA;
    padding-left : 10px;
    padding-top : 10px;
    padding-bottom : 5px;
    font-size : 120%;
    color : #FF4500;
}
#searchform {
    background-image : url(images/searchform.gif);
    background-position : 0 0;
    background-repeat : no-repeat;
    padding-left : 10px;
    height : 60px;
    padding-top : 10px;
    line-height : 1em;
    background-color : #D0E6A4;
    margin-bottom : 10px;
    margin-top : 10px;
}
#searchform label {
    margin-bottom : 3px;
    display : block;
}
#searchform input {
    font-family: "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
    border : 0;
    background-color : transparent;
    cursor : pointer;
    font-size : 120%;
    color : #365E13;
}
#searchform #b:focus {
    background-color : black;
    color : white;
}
#searchform #s {
    background-image : url(images/search_input.gif);
    background-position : 0 0;
    background-repeat : no-repeat;
    width : 120px;
    height : 22px;
    border : 1px solid #D0E6A4;
    font-family : "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif;
    padding-top : 3px;
    padding-left : 5px;
    cursor : text;
}
#searchform #s:focus {
    background-image : url(images/search_focus.gif);
    background-position : 0 0;
    background-repeat : no-repeat;
}
#left ul {
    background-image : url(images/e_rightbottom.gif);
    background-position : 100% 100%;
    background-repeat : no-repeat;
    background-color : #E4F0CA;
    padding-bottom : 10px;
    margin-bottom : 10px;
}
#left ul li {
    list-style-type : none;
    margin-left : 10px;
    padding-top : 2px;
    margin-right : 10px;
}
#left ul li a, #right ul li a {
    color : #365E13;
    text-decoration : none;
    padding-left : 18px;
    display : block;
    background-image : url(images/main_li_nolink.gif);
    background-position : left;
    background-repeat : no-repeat;
}
#left ul .current_page_item a {
    background-color : white;
    background-image : url(images/current.gif);
    background-position : left;
    background-repeat : no-repeat;
}
#left ul li a:hover, #right ul li a:hover, #left ul li a:active, #left ul li a:focus, #right ul li a:active, #right ul li a:focus {
    background-color : white;
    color : black;
}
#left ul li strong {
    background-color : white;
    padding-left : 18px;
    background-image : url(images/current.gif);
    background-position : left;
    background-repeat : no-repeat;
    font-weight : normal;
    display : block;
}
#left #catmenu ul {
    background-image : none;
    margin : 0;
    padding : 0;
}
#left #catmenu li a {
    background-image : none;
}
#left #catmenu li {
    background-image : url(images/main_li_nolink.gif);
    background-position : 0 0.4em;
    background-repeat : no-repeat;
}
#left #catmenu li ul li {
    margin-left : 15px;
}
#left #catmenu .current-cat {
    background-image : url(images/current.gif);
    background-position : 0 0.5em;
    background-repeat : no-repeat;
    background-color : white;
}
#left #month li a {
    background-image : url(images/archiv.gif);
    background-position : left;
    background-repeat : no-repeat;
}
#left #last li a {
    background-image : url(images/last.gif);
    background-position : 0 0.3em;
    background-repeat : no-repeat;
}
#left #login li a {
    background-image : url(images/personal.gif);
    background-position : left;
    background-repeat : no-repeat;
}
#right {
    float : right;
    width : 160px;
}
#right h2 {
    font-size : 120%;
    color : #FF4500;
    padding-left : 10px;
    padding-top : 10px;
    padding-bottom : 5px;
    background-image : url(images/e_righttop.gif);
    background-position : 100% 0;
    background-repeat : no-repeat;
    background-color : #E4F0CA;
}
#right ul {
    background-image : url(images/e_leftbottom.gif);
    background-position : 0 100%;
    background-repeat : no-repeat;
    background-color : #E4F0CA;
    padding-bottom : 10px;
    margin-bottom : 10px;
}
#right ul li {
    list-style-type : none;
    margin-left : 10px;
    padding-right : 10px;
}
#wp-calendar {
    background-color : #E4F0CA;
    width : 100%;
    background-image : url(images/e_leftbottom.gif);
    background-position : 0 100%;
    background-repeat : no-repeat;
    border-collapse : collapse;
    margin-bottom : 10px;
}

Alles anzeigen

ennekenskywalker

Oder gibt es dafür ein Plugin bzw. Widget?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Probleme in der Sidebar

Jetzt mitmachen!