Forum

DynPG Forum

Foren

Login

Suchen

Forenübersicht - Allgemeines Forum - Dynamische Navigation (d_menu): Subnavi soll auf Mausklick geöffnet bleiben

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