| | #1 (permalink) |
| PostRank: 1 ![]() Registriert seit: 12.04.2008
Beiträge: 29
| Navigationsplugin? Hallo Leute, Gibt es ein Plugin, das eine Dropdown-Navigation der statischen Seiten generiert, ungefähr wie bei dem Theme: WordPress Deutschland Themepool » BranfordMagazine ? mfg HighFlyer |
| | |
| | #2 (permalink) | |
| PostRank: 6 ![]() Registriert seit: 15.06.2007
Beiträge: 569
| Zitat:
(meine längste frage seit langem | |
| | |
| | #4 (permalink) |
| PostRank: 6 ![]() Registriert seit: 15.06.2007
Beiträge: 569
| Das brauchst du dafür: Der Teil für deine header.php Code: <ul id="nav" class="clearfloat">
<li><a href="<?php echo get_option('home'); ?>/" class="on">Home</a></li>
<?php wp_list_pages('title_li='); ?>
</ul>
Code: <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"type="text/css" media="screen" />
Code: /* Float Properties*/
.clearfloat:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}
.clearfloat {
display:inline-block;
}
.clearfloat {
display:block;
}
Code: <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/styles/nav.css" type="text/css" media="screen" />
Code: /******************************************
* Main or page navigation styles
******************************************/
/*Main Navbar */
#nav {
background:#666;
font-size:1em;
}
#nav, #nav ul {
list-style:none;
line-height:1;
}
#nav a, #nav a:hover {
display: block;
text-decoration: none;
border:none;
}
#nav li {
float: left;
list-style:none;
border-right:1px solid #fff;
}
#nav a, #nav a:visited {
display:block;
font-weight:bold;
color: #eee;
padding:6px 12px;
}
#nav a:hover, #nav a:active {
background:#333;
text-decoration:none;
}
.current_page_item a, #home .on {background:#333;}
/* Dropdown Menus for child pages */
#nav li ul {
position: absolute;
z-index: 10;
left: -999em;
height: auto;
width: 174px;
border-bottom: 1px solid #666;
}
#nav li li {
width: 172px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
background:#999;
}
#nav li li a, #nav li li a:visited {
font-weight:normal;
font-size:0.9em;
color:#FFF;
}
#nav li li a:hover, #nav li li a:active {background:#840000;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
a.main:hover {background:none;}
Müsste so vollständig sein! Wenn du noch Fragen hast....dann melden. Geändert von Silencer (30.05.2008 um 20:01 Uhr). |
| | |
![]() |
| Lesezeichen |
| Themen-Optionen | |
| Ansicht | |
| |