Beiträge von Vidar

Vidar

Ok hab jetzt meine Divs geändert etc.

Jetzt sieht die sidebar.php so aus:

PHP

<div id="menu">
            
                <ul>
                    <li id="aktiv">
                        <a href="<?php echo get_settings('home'); ?>">Home</a>
                    </li>
                    
                    <?php wp_list_pages('title_li='); ?>
                </ul>
                
            </div>

Alles anzeigen

und die css so:

HTML

#menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}




#menu ul li {
    width: 270px;
    height: 40px;
    background-image: url("images/button_inaktiv.jpg");
    font-family: Georgia;
    margin-bottom: 1px;
}


#menu ul li#aktiv {
    background-image: url("images/button_aktiv.jpg");
}


#menu ul li a {
    color: #fff;
    text-decoration: none;
    margin-left: 45px;
    line-height: 2.9;
    font-size: small;
}


#menu ul li#aktiv a {
    color: #4f3a2e;
    font-weight: bold;
    
}

Alles anzeigen

Ist es jetzt noch möglich erstens die derzeitig aufgerufene Seite zu bestimmen und dann den li background auf aktiv zu stellen,
und zweitens würde ich gerne einen hover einfügen der den background für das li element ändert, ist das möglich?

Vidar

Naja, Divs und die Struktur sind vorgegeben, kann also dabei nichts machen.

Vidar

Und gibts irgendwelche anderen Möglichkeiten das zu lösen?

Vidar

Ja mit allem bin ich vertraut. Also sprich ich darf innerhalb einer ul überhaupt keine divs verwenden?

Vidar

Hey Leute, bin grad an nem kleinen Projekt beschäftigt und arbeite diesmal mit Wordpress.

Hab meine Seite derzeit statisch aufgebaut, ohne Wordpress-Anbindung aber jetzt kriege ich mein Menü nicht zum laufen und hab keine Ahnung wie weiterkommen.

Hier mal der Code aus der Sidebar:

PHP

<div id="menu">
                
                <div class="menu_item">
                    <div class="menu_item_aktiv_trible"></div>
                    <div class="menu_item_aktiv">
                        <div class="label_menu_item_aktiv">Home</div>
                    </div>
                    <div class="menu_item_aktiv_arrow"></div>
                </div>
                
                <div class="menu_item">
                    <div class="menu_item_inaktiv_trible"></div>
                    <div class="menu_item_inaktiv">
                        <div class="label_menu_item_inaktiv">Produkte</div>
                    </div>
                    <div class="menu_item_inaktiv_arrow"></div>
                </div>                
                
            </div>

Alles anzeigen

Und noch aus der CSS:

HTML

#menu {
    width:270px;
    float: left;
}


#menu_item {
    width: 270px;
    height: 40px;
    list-style-type: none;
}


.menu_item_aktiv {
    width: 142px;
    height: 42px;
    background-image: url("images/button_aktiv.jpg");
    background-repeat: no-repeat;
    float: left;
}


.menu_item_aktiv_arrow {
    width: 90px;
    height: 42px;
    float: left;
    background-image: url("images/button_aktiv_arrow.jpg");        
}


.menu_item_aktiv_trible {
    width: 38px;
    height: 42px;
    float: left;
    background-image: url("images/button_aktiv_trible.jpg");
}


.label_menu_item_aktiv {
    height: 30px;
    width: 120px;
    margin-top: 12px;
    margin-left: 12px;
    font-family: Georgia;
    font-weight: bold;
    font-size: small;
    letter-spacing:  1px;
}


.menu_item_inaktiv {
    width: 142px;
    height: 42px;
    float: left;
    background-image: url("images/button_inaktiv.jpg");
    background-repeat: no-repeat;
}


.menu_item_inaktiv_arrow {
    width: 90px;
    height: 42px;
    float: left;
    background-color: #fff;
}


.menu_item_inaktiv_trible {
    width: 38px;
    height: 42px;
    float: left;
    background-image: url("images/button_inaktiv_trible.jpg");
}


.label_menu_item_inaktiv {
    height: 30px;
    width: 120px;
    margin-top: 12px;
    margin-left: 12px;
    font-family: Georgia;
    font-size: small;
    color: #fff;
}

Alles anzeigen

Würde die Navi jetzt natürlich gerne mit den Pages aus Wordpress automatisieren, komm aber mit wp_list_pages einfach nicht weiter.

Ich freue mich über jede Hilfe.

Mfg

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von Vidar

Navigation mit list_pages

Navigation mit list_pages

Navigation mit list_pages

Navigation mit list_pages

Navigation mit list_pages