Nice Menu bei Drupal 7
Eingetragen von entschke (33)am 26.03.2013 - 01:29 Uhr in
Hallo zusammen,
ich habe Nice Menu unter Drupal 7 installiert und aktiviert und folgendermaßen konfiguriert:
So schaut das Hauptmenü aus:
Trotzdem klappen die Menüs nicht auf:
Kann mir bitte jemand helfen, was ist falsch bzw. noch nicht gemacht habe?
Danke.
- Anmelden oder Registrieren um Kommentare zu schreiben
Nive Menu bei Drupal 7
am 26.03.2013 - 01:57 Uhr
ich würde mal vermuten die Menus sind standardmäßig nicht als 'ausgeklappt anzeigen' markiert (admin/menu/item/....
www.drupalme.de
Haken sind gesetzt
am 26.03.2013 - 07:40 Uhr
Hallo Jörg,
danke für deine schnelle Antwort, jedoch sind die Haken gesetzt, trotzdem klappt da nichts auf...
Hat jemand noch einen anderen Vorschlag?
Danke.
das iwas man dort sieht ist
am 26.03.2013 - 11:15 Uhr
das was man dort sieht ist wahrscheinlich das hauptmenü direkt. du mußt einen block nicemenue aktiviren, hauptmenü im design deaktivieren
C.A.W. Webdesign
Design auswählen
am 26.03.2013 - 11:34 Uhr
Im Design (Theme) kann ich aber nur das Hauptmenü auswählen, wie bekomme ich dann das Nice-Menü da oben rein?
genau im design deaktivierts
am 26.03.2013 - 11:45 Uhr
genau im design deaktivierts du das hauptmneü und unter struktur -> blöcke kannst du einnen block nicemenue aktivieren und konfigurieren
C.A.W. Webdesign
???
am 26.03.2013 - 11:58 Uhr
Ich verstehe dann immer noch nicht, wie ich dann das Menü als Quer-Menü nach oben bekommen soll...
Menü ist da
am 26.03.2013 - 12:23 Uhr
So, das Menü ist da:
Das obere ist das Standard-Hauptmenü vom Theme, das untere das Nice_Menu.
Das obere läßt sich nicht aufklappen, das untere jetzt schon.
Jetzt meine Frage, wie bekomme ich vom Design, das untere wie das obere hin?
Kann mir hier noch jemand helfen?
Danke.
Du mußt bei Nice Menü eine
am 26.03.2013 - 12:26 Uhr
Du mußt bei Nice Menü eine gewisse Anzahl an Blöcken eintragen (default ist, soweit ich mich erinnere 2). Dann konfigurierst Du einen dieser Blöcke und definierst, daß dort das Hauptmenü gezeigt werden soll. Danach schiebst Du den Nice-Menü Block in die passende Region. Zusätzlich muß im Theme die Anzeige des Hauptmenüs ausgeschaltet werden, sonst wird es zweimal gezeigt.
Beste Grüße
Werner
.
Werner
drupal-in-duesseldorf.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Die Anpassung des Designs ist
am 26.03.2013 - 12:28 Uhr
Die Anpassung des Designs ist reines CSS. Da mußt Du sehen, wie das bisher war und dann das Nice-Menü entsprechend anpassen.
Beste Grüße
Werner
.
Werner
drupal-in-duesseldorf.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
CSS....
am 26.03.2013 - 13:22 Uhr
Oh Gott, CSS... da kenn ich mich null aus.
Da hilft nur einarbeiten.
am 26.03.2013 - 13:30 Uhr
Da hilft nur einarbeiten. Alle Änderungen im Design werden mit CSS gemacht, das wirst Du also noch häufiger benötigen.
Beste Grüße
Werner
.
Werner
drupal-in-duesseldorf.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Welche CSS?
am 26.03.2013 - 13:39 Uhr
In welchen CSS steht das denn, sowohl in Standard-Theme's wie auch im Nice-Menu?
Trage im .info-File Deines
am 26.03.2013 - 14:05 Uhr
Trage im .info-File Deines Themes, als letztes in der Reihe der CSS-Dateien, einen eigenen CSS-File ein. Darin sammelst Du alle Deine Änderungen. Da die als letztes kommen, überschreiben die alle bisherigen Anweisungen.
Noch ein Hinweis: benutze Ketten von Selectoren ausgehend von einer ID, die ja nur einmal auf der Seite vorkommen kann (z.B. die Block-ID). Damit bist Du sicher, daß die Anweisungen nur begrenzt wirken und nicht die ganze Seite umformatieren.
Beste Grüße
Werner
.
Werner
drupal-in-duesseldorf.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *
Standard CSS
am 26.03.2013 - 14:26 Uhr
So, ich habe in meinem Theme eine Standard CSS für das Suckerfish-Menü gefunden (siehe unten).
Dieses habe ich an folgendem Menüpunkt eingetragen:
Leider funktioniert das ganze immer noch nicht so richtig.
Die Aufklappmenüs enden nicht mehr bündig und sind nicht mehr bündig mit dem Hauptpunkt.
Außerdem finde ich den weißen Streifen oberhalb des Menüs komisch und die Menü-Icons werden auch nicht angedruckt:
/* www.roopletheme.com */
/* Velocity :D (www.globide.com/x99designs/) */
/* another son of suckerfish...
http://www.htmldog.com/articles/suckerfish/dropdowns/
http://www.alistapart.com/articles/horizdropdowns
*/
#suckerfishmenu .block {
margin-bottom: 0;
padding-bottom: 0;
}
#suckerfishmenu .block,
#suckerfishmenu .box {
padding: 0;
}
#suckerfishmenu h2 {
display: none;
}
#suckerfishmenu {
line-height: 28px;
background: #852A3B url(../images/red/menu-bg.png) repeat-x;
}
#suckerfishmenu ul.menu { /* top level ul */
padding: 0 0 0 0px;
list-style: none;
z-index: 3;
display: inline;
}
#suckerfishmenu a {
background: #852A3B url(../images/blue/menu-bg.png) repeat-x;
color: #fff;
display: block;
padding: 0px 14px 0px 14px; /* padding between menu elements */
text-decoration: none;
font-size: 95%;
font-weight: bold;
border-right: #999 solid 1px;
}
#suckerfishmenu a:active,
#suckerfishmenu a:hover {
background: #B61C1E url(../images/blue/menu-bg-over.png) repeat-x;
text-decoration: none;
border-right: #999 solid 1px;
}
#suckerfishmenu li {
display: inline;
float: left;
margin: 0;
padding: 0;
height: 1%;
}
/* second-level lists */
#suckerfishmenu ul.menu ul {
padding: 0;
margin-left: -1px;
list-style: none;
background: #999;
}
#suckerfishmenu ul.menu li ul {
position: absolute;
width: 200px;
left: -999em; /* to hide menus because display: none isn't read by screen readers */
}
#suckerfishmenu ul.menu li li {
/* height: auto; */
float: left;
width: 200px;
margin-bottom: 1px;
}
#suckerfishmenu ul.menu li li a:link,
#suckerfishmenu ul.menu li li a:visited {
color: #fff;
background: #818181;
width: 170px;
border-bottom: 1px #999 solid;
border-left: 1px #999 solid;
font-weight: normal;
}
#suckerfishmenu ul.menu li li.expanded a {
background: #818181 url(../images/menu_arrow.png) 100% 50% no-repeat;
}
#suckerfishmenu ul.menu li li.expanded a:active,
#suckerfishmenu ul.menu li li.expanded a:hover {
background: #B61C1E url(../images/menu_arrow.png) 100% 50% no-repeat;
}
#suckerfishmenu ul.menu li ul a:active,
#suckerfishmenu ul.menu li ul a:hover {
background: #B61C1E;
text-decoration: none;
}
#suckerfishmenu ul.menu li li.expanded ul.menu a {
background: #818181;
}
#suckerfishmenu ul.menu li li.expanded ul.menu a:active,
#suckerfishmenu ul.menu li li.expanded ul.menu a:hover {
background: #B61C1E;
}
#suckerfishmenu ul.menu li li.expanded ul.menu li.expanded a {
background: #818181 url(../images/menu_arrow.png) 100% 50% no-repeat;
}
#suckerfishmenu ul.menu li li.expanded ul.menu li.expanded a:active,
#suckerfishmenu ul.menu li li.expanded ul.menu li.expanded a:hover {
background: #B61C1E url(../images/menu_arrow.png) 100% 50% no-repeat;
}
#suckerfishmenu ul.menu li li {
}
#suckerfishmenu ul.menu li ul a {
color: #fff;
width: 200px;
line-height: 24px;
font-size: 95%;
}
#suckerfishmenu ul.menu li ul a:active,
#suckerfishmenu ul.menu li ul a:hover {
color: #fff;
background: #B61C1E;
text-decoration: none;
}
/* margin for pullouts */
#suckerfishmenu ul.menu li ul ul {
margin: -25px 0px 0px 199px;
}
#suckerfishmenu ul.menu li:hover ul ul,
#suckerfishmenu ul.menu li:hover ul ul ul,
#suckerfishmenu ul.menu li.sfhover ul ul,
#suckerfishmenu ul.menu li.sfhover ul ul ul {
left: -999em;
}
#suckerfishmenu ul.menu li:hover ul,
#suckerfishmenu ul.menu li li:hover ul,
#suckerfishmenu ul.menu li li li:hover ul,
#suckerfishmenu ul.menu li.sfhover ul,
#suckerfishmenu ul.menu li li.sfhover ul,
#suckerfishmenu ul.menu li li li.sfhover ul {
left: auto;
}
Hast Du Dir denn mal mit z.B.
am 26.03.2013 - 16:35 Uhr
Hast Du Dir denn mal mit z.B. dem Firebug im Firefox angesehen, wie der Block wirklich heißt, nachdem das jetzt ein Nice-Menü ist? Dir Block-ID ist mit an Sicherheit grenzender Wahrscheinlichkeit nicht #suckerfishmenu! Das mußt Du in der CSS-Datei schon noch anpassen, damit das funktioniert.
Beste Grüße
Werner
.
Werner
drupal-in-duesseldorf.de
Moderator und Drupal Trainer
* - - - - - - - - - - - - - - - - - - - - - - - - - - - *