Hallo,
ich habe mir eine Navigation als Tab erstellt als normale Links. Jetzt möchte ich diese gerne durch wp_list_pages ersetzten, aber dann passt das Aussehen nicht mehr von der Navigation.
hier mal mein HTML
Code
<div id="container">
<div id="menu">
<div class="box"> <a href="#nogo"> Link 1 <span class="topleft"></span> <span class="topright"></span> </a> </div>
<div class="box"> <a href="#nogo"> Link 2 <span class="topleft"></span> <span class="topright"></span> </a> </div>
</div>
</div>
hier mein CSS
Code
#container {
position:relative;
}
#menu {
text-align:center;
position:relative;
height:2.9em;
}
.box {
position:relative;
float:left;
top:30px;
}
#menu a, #menu a:visited {
position:relative;
text-decoration:none;
background-color:#06a;
color:#fff;
display:block;
width:70px;
height:15px;
padding:5px;
margin:0 1px;
}
#menu a .topleft, #menu a .topright {
position:absolute;
top:0;
width:0;
height:0;
overflow:hidden;
border-top:10px solid #fff;
}
#menu a .topleft {
left:0;
border-right:10px solid #06a;
}
#menu a .topright {
left:70px;
border-left:10px solid #06a;
}
#menu a:hover {
background-color:#000;
}
#menu a:hover .topleft {
border-right:10px solid #000;
border-top:10px solid #fff;
}
#menu a:hover .topright {
border-left:10px solid #000;
border-top:10px solid #fff;
}
Alles anzeigen
und hier mein TexstBlog
klick
wie bekomme ich denn nun das <?php wp_list_pages('exclude=53&title_li='); ?> darein damit es genauso aussieht wie voher ????