Menüleiste unterhalb des Logos

Ribery85

Wie kann ich unterhalb des Logos die u.g. Menüleiste einfügen ?

Das Aussehen der Menüleiste befand sich bisher bei mir in einer css Datei:

PHP

#menu2 a , #menu2 a:visited , #menu2 a:active {display:block;
color:#000000;
background: url("http://www.pspking.de/images/bu.gif");
text-decoration:none ;
font: normal 11px verdana, times, serif;
line-height:24px;
text-decoration:none ;
padding: 0px 0px 0px 0px;
text-align:center;
width:110px;
}


#menu2 a:hover{
color:#000000;
text-decoration:none ;
background: url("http://www.pspking.de/images/bu2.gif");
}

Alles anzeigen

Die Beschriftung der Buttons und die Links waren immer in den jeweiligen html Dateien:

PHP

</tr>
    
<td align="center"   width="100%"  class="leiste"   >
    
<table bgcolor="#93B9DB" width="100%"  border="0" cellpadding="0" cellspacing="0"  >
    <tr>
    <td>
    <table    id="menu2" width="100%"  border="0" cellpadding="0" cellspacing="1"    >
    <tr>
    <td ><a href="http://www.pspking.de/infos.html"  onfocus="this.blur()">PSP-Infos</a></td>
    <td ><a href="http://www.pspking.de/tutorials.html"  onfocus="this.blur()">Tutorials</a></td>
    <td ><a href="http://www.pspking.de/lexikon.html"  onfocus="this.blur()">Lexikon</a></td>
    <td ><a href="http://www.pspking.de/forum" onfocus="this.blur()"><strong>Forum</strong></a></td>
    <td ><a href="http://www.pspking.de/downloads.html"  onfocus="this.blur()">Downloads</a></td>
    <td ><a href="http://www.pspking.de/shop.php"  onfocus="this.blur()"><span class="Stil27">::</span> PSP-Shop <span class="Stil27">::</span></a></td>
    
</tr>
    </table>

Alles anzeigen

Zur Verdeutlichung:

Mein Wordpress Blog bisher: :: pspking.de - Start using your PSP -

So soll es aussehen mit dem Menü: :: pspking.de - Start using your PSP

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

Cabcom

das musst du der Header.php eintragen
im Regelfall werden die Seitenlinks durch einen WP internen Loop erstellt und über den TemplateTag

PHP

<ul>
                <?php wp_list_pages('sort_column=menu_order&title_li='); ?>
            </ul>

Genaue erklärung dazu Template Tags/wp list pages « WordPress Codex
damit erhälst du eine 1A liste die sich über die internen Klassen Stylen lässt.
das was du bisher nutzt würde ich nicht weiter tun, da man Hover effekte ganz ohne Javascript hinbekommt. Zumal ich nicht weis ob man ein Javascript an den a Tag anhängen kann.

die Klassen die WP automatisch nutzt sehen so aus

HTML

ul {


}


ul li.page_item {


}


ul li.page_item a {


}


ul li.page_item a:hover {


}


ul li.current_page_item a {


}


ul li.current_page_item a:hover {


}

Alles anzeigen

.page_item = jeder Listenpunkt der Navigation
.current_page_item = Der Listenpunkt der die Aktuelle seite angibt hat zusätzlich noch das .current_page_item damit man diesen Extra hervorheben kann.

sooo hoffe ich konnte dir ein wenig helfen

greez

Ribery85

Danke für deine Hilfe, aber mir geht es ja gerade darum, dass es exakt so aussehen soll wie auf den anderen normalen php/html Seiten.

Irgendwie muss man ja den bereits fertigen Code einbinden können in WP.

Cabcom

ja dann einfach in die header.php einfügen,das ist der "Anfang" jedes Templates und die klassen in die stylesheet.css fertig

Ribery85

Zitat von Cabcom

ja dann einfach in die header.php einfügen,das ist der "Anfang" jedes Templates und die klassen in die stylesheet.css fertig

Danke dir, hab die Menü-Leiste jetzt hinbekommen, allerdings übernimmt er den Hintergrund der Leiste direkt auch für die Beiträge und die Sidebar, das scheint er nicht trennen zu können.

Oder hat da jemand ne Lösung ?

http://www.pspking.de/wordpress

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Menüleiste unterhalb des Logos

Jetzt mitmachen!