Su
Beiträge: 416
|
Dynamische Navigation (d_menu): Subnavi soll auf Mausklick geöffnet bleiben
|
Hoi mitenand
Wie könnte ich das dmenu so umbauen, dass die (vertikale) Subnavi beim Klick auf die jeweilige (horizontale) Hauptnavi geöffnet bleibt?
Damit es kein Durcheinander mit der Anzeige der Subnavis gibt, müsste wohl aber die geöffnete Subnavi beim hover über eine andere (horizontale) Hauptnavi vorübergehend ausblenden und die entsprechende andere Subnavi anzeigen.
Im Voraus herzlichen Dank für eure Tipps
und liebe Grüsse
Susanna
|
http://www.artundmedia.ch
|
|
|
08.02.2017 15:59
|
ZITIEREN
| ANTWORTEN
|
Chris
Beiträge: 510
|
hi susanna,
ich denke das dies rein mit css möglich sein sollte. hast ein beispiel link auf ein projekt wo man das anschauen kann?
lg
chris.w.
|
*************************************
Christoph Würsch
Urbanización Aranjuez
Asturianas No° 23
Asuncion / Paraguay
-------------------------------------
Tel: +595 (0)21 332 984
-------------------------------------
http://www.chriswuersch.com
*************************************
|
|
|
08.02.2017 19:22
|
ZITIEREN
| ANTWORTEN
|
Su
Beiträge: 416
|
Lieber Chris
Ja gern - hier
Ich hab hier noch ein zweites Problem: Die Hauptnavi müsste list-style-type: none; sein. Das hab ich in einem früheren Versuch schon irgendwie hingekriegt. Was mir aber nicht gelingen will: Den Abstand zwischen dem change-img und dem schwarzen Hauptnavi-Balken zu eliminieren. Auch padding-left: 0 hat bisher nichts geholfen. Ich hab wohl die richtige css-Zeile noch nicht gefunden ;(
Im Voraus herzlichen Dank für deine Unterstützung
und liebe Grüsse
Susanna
|
http://www.artundmedia.ch
|
|
|
09.02.2017 00:12
|
ZITIEREN
| ANTWORTEN
|
Su
Beiträge: 416
|
Jetzt ist mir grad eingefallen: Das DynPG ist Version 4.5.3. Habt ihr für die neuste Version allenfalls das dmenu.css überarbeitet und meine Frage würde sich erübrigen?
Zu meiner zweiten Frage: Sind vielleicht die - unsichtbaren - bullet points der Subnavi schuld am unerwünschten Abstand zwischen Hauptnavi-Balken und change-img?
Herzli
Suanna
|
http://www.artundmedia.ch
|
|
|
09.02.2017 14:40
|
ZITIEREN
| ANTWORTEN
|
Chris
Beiträge: 510
|
Hi Susanna,
Damit die Unternavigation stehen bleibt und der hover trotzdem noch funktioniert, würde ich folgendes CSS empfehlen:
.topMenu_a > ul {
display: block !important;
z-index: 5 !important;
}
dmenu_2017.css z.183
mit z-index: 10; ergänzen.
|
*************************************
Christoph Würsch
Urbanización Aranjuez
Asturianas No° 23
Asuncion / Paraguay
-------------------------------------
Tel: +595 (0)21 332 984
-------------------------------------
http://www.chriswuersch.com
*************************************
|
|
|
09.02.2017 15:38
|
ZITIEREN
| ANTWORTEN
|
Chris
Beiträge: 510
|
Hi Su,
quadrobild_resp.css z.127
hast du ein padding: 0 0 0 20px;
wenn Du das auf 0 setzt, müsste der Abstand weg sein.
lg
chris.w
|
*************************************
Christoph Würsch
Urbanización Aranjuez
Asturianas No° 23
Asuncion / Paraguay
-------------------------------------
Tel: +595 (0)21 332 984
-------------------------------------
http://www.chriswuersch.com
*************************************
|
|
|
09.02.2017 15:40
|
ZITIEREN
| ANTWORTEN
|
Su
Beiträge: 416
|
Lieber Chris
Genial, vielen Dank für beides!
Optisch erscheint mir nun aber der inactive hover auf der Hauptnavi für die Subnavis etwas verwirrend, besonders hier:
Beispiel ‚rahmen‘ active, ‚etc.‘ inactive.
Vielleicht wäre eine Variante, den inactive hover der subnavi farblich etwas anders zu gestalten als die active subnavi. Leider habe ich aber nicht herausgefunden, wie ergänzen. Das dmenu.css isch für mich scho echli kompliziert … ich liebe das menu.css mit seiner klaren Struktur ;)
Im Voraus herzlichen Dank für deine Meinung und deine Inputs
Liebe Grüsse
Susanna
|
http://www.artundmedia.ch
|
|
|
10.02.2017 14:15
|
ZITIEREN
| ANTWORTEN
|
Chris
Beiträge: 510
|
hi susanna,
finde das gar nicht schlimm, ist ja genau das was man möchte ;)
generell kannst ja hier:
dmenu_2017.css z.212 den hintegrund für die inaktiven vergeben
und dann zusätzlich noch einen eintrag für den aktiven machen:
.topMenu_a > ul {
background: ...;
}
lg
chris.w
|
*************************************
Christoph Würsch
Urbanización Aranjuez
Asturianas No° 23
Asuncion / Paraguay
-------------------------------------
Tel: +595 (0)21 332 984
-------------------------------------
http://www.chriswuersch.com
*************************************
|
|
|
10.02.2017 20:03
|
ZITIEREN
| ANTWORTEN
|
Su
Beiträge: 416
|
Lieber Chris
Herzlichen Dank einmal mehr für deine grossartige Unterstützung und deine Tipps!
Leider ist mir nichts davon gelungen - weder mit Hintergrundbild, -farbe noch Schriftfarbe. Keine Ahnung, was ich falsch gemacht habe ;( Ich habe alles gleich wieder gelöscht.
Was ich eigentlich gern ausprobieren würde: Die Schrift der Subnavi-Punkte beim inactive hover auf der Hauptnavi in einem Grau anzuzeigen. Der inactive hover auf der - inaktiven - Subnavi müsste aber trotzdem orange sein.
Wär uuu lieb von dir, wenn du mir auch dazu noch die entscheidenden Hinweise geben könntest.
Im Voraus riesigen Dank
und liebe Grüsse
Susanna
|
http://www.artundmedia.ch
|
|
|
13.02.2017 12:06
|
ZITIEREN
| ANTWORTEN
|
Chris
Beiträge: 510
|
hi su,
evtl. so:
dmenu_2017.css z.155 color auf zb. 999 setzen
zusätzlich
.topMenu_a ul a.hlink:link {
color: #fff;
}
.topMenu_a ul a.hlink:hover {
color: #f60 !important;
}
lg
chris.w.
|
*************************************
Christoph Würsch
Urbanización Aranjuez
Asturianas No° 23
Asuncion / Paraguay
-------------------------------------
Tel: +595 (0)21 332 984
-------------------------------------
http://www.chriswuersch.com
*************************************
|
|
|
13.02.2017 15:59
|
ZITIEREN
| ANTWORTEN
|
Su
Beiträge: 416
|
Super, riesigen Dank, Chris!
Ich hab zusätzlich noch
.topMenu_a ul a.hlink:visited {
color: #fff;
}
eingefügt. Jetzt machen alle 'folgeseite.php' das, was ich mir vorgestellt habe.
Nun muss ich der Startseite wohl noch ein eigenes css geben? Da sollen ja alle Auswahlmöglichkeiten der Subnavi in weisser Schrift erscheinen. Uuufff ... ;)
Liebe Grüsse
Susanna
|
http://www.artundmedia.ch
|
|
|
13.02.2017 16:54
|
ZITIEREN
| ANTWORTEN
|
Chris
Beiträge: 510
|
dann evlt. besser ein eigenes .css nur für die folgeseite und dort packst genau diese 2 sachen rein, denn Du willst ja auf der folgeseite überschreiben, damit es dort anders ist.
lg
chris.w.
|
*************************************
Christoph Würsch
Urbanización Aranjuez
Asturianas No° 23
Asuncion / Paraguay
-------------------------------------
Tel: +595 (0)21 332 984
-------------------------------------
http://www.chriswuersch.com
*************************************
|
|
|
13.02.2017 18:57
|
ZITIEREN
| ANTWORTEN
|