Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
officememo - dropdown menü
#5
wenn es ein Menu "dropdown horizontal" sein soll, habe ich das mit dem Plugin "auf der HP www.schwarzer-adler.co.at umgesetzt. Hierarchical Menu Plugin

In der Template-Datei (== unter ==> menu-wrapper)
....
<?php get_navigation(return_page_slug()); ?> ersetzt mit
....
<div id="menu-wrapper">
<div id="menu" class="container">
<ul>
<?php get_nested_navigation(return_page_slug()); ?>
</ul>
</div>
</div>

und in der "Seiten-Verwaltung" dann eine Hauptseite definiert und die Unterseiten werden eingerückt:

Die Definition in den Menüpunkten: oberste Seite == übergeordnete Seite == leer ==, die Unterseiten dann bei "übergeordnete Seite" die "Hauptseite" definieren, und speichern.

Im Menu erscheint dann dann als horizontaler Dropdown-Teil:

Speisekarte (=Speis & Trank)
- Weinkarte
- Getränke
- Spezialitäten

(Geht aber nur bis zu einer Ebene)
Eine zweiter "Dropdown-Punkt" unter "Reservierungen"

Die "menu" Section in der style.css
-------------------------------------------------------------------------
Quote

/* Menu */

#menu-wrapper {
overflow: hidden;
height: 56px;
background: #EDEDED;
}

#menu {
width: 1000px;
height: 55px;
margin: 0px auto;
padding: 0px;
}

#menu ul {
margin: 0;
padding: 0px;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
border-right: 1px solid #FFFFFF;
}

#menu a {
display: block;
letter-spacing: 1px;
line-height: 55px;
padding: 0px 30px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-family: 'Arvo', serif;
font-size: 14px;
font-weight: normal;
color: #3B3B3B;
border: none;
}

#menu a:hover, #menu .current a {
background: #0193CC;
text-decoration: none;
color: #FFFFFF;
}

#menu .current a {
background: #0193CC;
}

/* End Menu*/

UNQUOTE
-------------------------------------------------------------------------
Da sind dann noch die Farben uns die Schrift anzupassen.

Das funktioniert beim Schwarzen Adler, sollte auch bei anderen Sites passen.
Übrigens: Gibt es einen Link zu Deiner Seite?

Anmerkung: An einem vertikal "Flyout" - Menu arbeite ich noch - oder gibt es da auch ein Plugin? Bis dato urde ich nicht fündig (Martin Vlcek hatt ein Plugin, aber da werden die Menüpunkte untereinander nur in einer Ebene aufgelistet (oder irre ich hier?)
Thats all "volks"
PauliOpa
werrechtschreibfehlerfindetdarfsiebehalten
Reply


Messages In This Thread
officememo - dropdown menü - by phpman - 2015-03-02, 05:52:11
RE: officememo - dropdown menü - by Lars - 2015-03-02, 16:46:16
RE: officememo - dropdown menü - by phpman - 2015-03-10, 05:06:28
RE: officememo - dropdown menü - by Lars - 2015-03-10, 07:03:40
RE: officememo - dropdown menü - by PauliOpa - 2015-03-10, 11:21:46
RE: officememo - dropdown menü - by phpman - 2015-03-12, 04:57:35
RE: officememo - dropdown menü - by draftec - 2016-06-21, 00:23:53
RE: officememo - dropdown menü - by Lars - 2016-10-21, 04:21:47



Users browsing this thread: 1 Guest(s)