Menugestaltung

aruttkamp

Hallo zusammen,

ich tue mich nach wie vor mit Anpassungen ( CSS ) sehr schwer. ich würde gerne das Menu auf der verlinkten Seite in der gleichen Form darstellen wie es auf der alten Seite zu sehen ist.
Kann mir bitte jemand helfen ? Wo muss ich ansetzen um das zu erreichen ?
Die alte Seite ist hier : https://www.impfschaden.info

Es gibt noch mehr Baustellen auf der Seite, das ist mir bewusst. Diese ist auch bisher noch nicht erreichbar ( außer jetzt wo ich euch um Hilfe bitte ).

Vielen Dank !

Stef

Genau so anpassen wie auf der alten Seite wird schwierig werden, da hast du nicht Cassiopeia, sondern den JSN Gruve Template für Joomla 3.

aruttkamp

Zitat von Stef

Genau so anpassen wie auf der alten Seite wird schwierig werden, da hast du nicht Cassiopeia, sondern den JSN Gruve Template für Joomla 3.

Ja, das ist mir bewusst. Ich würde das gerne mit Cassiopeia so ähnlich wie möglich gestalten. Exakt genauso muss es nicht sein.

Stef

Oder auch unter extensions.joomla.org mal schauen:

Zum Beispiel hier

joomla-extensions/maximenu-ck

firstlady

Einfach ein collapsible dropdown menu mit Cassiopeia?
Ich würde sagen, dass solche Menus nicht mehr vertretbar sind. Auf dem Handy ist das furchtbar.

CurlY BracketS

Wenn man diesen Weg beschreitet, muss man für die Menüanzeige auf kleineren Bildschirmchen (fast) zwingend noch das Mobilemenü vom selben Anbieter installieren.

drmenzelit

Nur weil man es "damals" so gemacht hat, muss man es heute nicht wieder so machen ... Die aktuelle Seite geht gerade nicht, ich kann mir das Menü nicht anschauen

Stef

Zitat von drmenzelit

... Die aktuelle Seite geht gerade nicht, ich kann mir das Menü nicht anschauen

Die Frage im #1 war ja:

Zitat

ich tue mich nach wie vor mit Anpassungen ( CSS ) sehr schwer. ich würde gerne das Menu auf der verlinkten Seite in der gleichen Form darstellen wie es auf der alten Seite zu sehen ist.
Kann mir bitte jemand helfen ? Wo muss ich ansetzen um das zu erreichen ?

Und mit dem Cassiopeia ist es nicht möglich.

drmenzelit

Bei mir geht die Seite nicht

Stef

Zitat von drmenzelit

Bei mir geht die Seite nicht

Bei mir ist sie online:

Home - impfschaden.info - Mehr Transparenz über Impfungen, Impfen und Impfschäden

drmenzelit

Ok, es liegt an einem Cookie, was gesetzt wird, wenn man in der mobilen Ansicht auf diesem Symbol klickt

Wenn man es löscht, geht die Seite wieder...

Sieger66

Mal ein wenig herumgespielt für die user.css z.B.:

Code

:root {
   --cassiopeia-color-primary: #fff ; 
}

.grid-child.container-nav {
background: #408ebc url(https://www.impfschaden.info/templates/jsn_gruve_pro/images/colors/blue/bg-mainmenu.png) left bottom repeat-x;;
background-color:  #408ebc ;
padding: 0;  
}

.container-header {
 background-image:linear-gradient(135deg, #408ebc 0%,var(--cassiopeia-color-primary)100%);
 position:relative;
}

Alles anzeigen

aruttkamp

Zitat von Sieger66

Mal ein wenig herumgespielt für die user.css z.B.:
Vielen Lieben Dank ! Das hilft mir weiter !

Zitat von Sieger66
Code
 

aruttkamp

Ja, Ihr habt ja alle Recht wenn ihr das Menu als nicht mehr zeitgemäss bezeichnet.
Ich bin damit auch nicht glücklich. Aber... wie es im Leben oft so ist .. man ist (auch) von anderen abhängig.

Vielen Dank für Eure Tips / Ratschläge !

Sieger66

Noch mals ein wenig herumgespielt mit der user.css:

Code

:root {
   --cassiopeia-color-primary: #fff ; 
}

.grid-child.container-nav {
background: #408ebc url(https://www.impfschaden.info/templates/jsn_gruve_pro/images/colors/blue/bg-mainmenu.png) left bottom repeat-x;
background-color:  #408ebc ;
padding: 0;
  
border-radius: .3em;
-moz-border-radius: .3em ;
-webkit-border-radius: .3em;
-moz-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0 3px rgba(0, 0, 0, 0.5);  


}

.container-header {
 background-image:linear-gradient(135deg, #408ebc 0%,var(--cassiopeia-color-primary)100%);
 position:relative;
   }

.container-header nav.navbar {
   margin-top: 0 ;
}

Alles anzeigen

firstlady

Ich kenne das - aber wollte auch nochmal was dazu sagen.
Das Cassiopeia collapsible menu braucht oft ein bisschen CSS-Liebe. Es hat aber den Vorteil, barrierefrei zu sein.
Mit einem kleinen css-statement kann man es auch beim hover aufklappen lassen.

Meine Meinung ist aber, dass man keine drei-oder mehrstufen Menüs mehr anbieten sollte, es ist einfach nicht mehr state of the art. Mit zwei Stufen und dann gegebenenfalls extra Split Menüs kann tiefere Menü-Strukturen besser abdecken.

aruttkamp

Hallo Christiane,
CSS-Liebe - das wird schwierig bei mir ...
Aber das mit dem Menu - da bin ich bei Dir !
Ich werde mir da was einfallen lassen was den Seitenbetreiber überzeugt.
DANKE

aruttkamp

Sieger66 - Vielen Dank für deinen Input ! ich habe noch nicht alles verstanden, aber das kommt (hoffentlich) noch

christine2

Zitat von firstlady

Mit einem kleinen css-statement kann man es auch beim hover aufklappen lassen.

Probiers damit:

/*Untermenüs hoverable */
li.metismenu-item.level-1.deeper.parent:hover > ul {
display:block;
}
.mm-collapse li:hover {
background: #fff;
width: 100%;
}

Liebe Grüße
Christine

Sieger66

Und wenn dann doch eine dritte Menüebene beim hover aufklappen soll eventuell z.B.:

Code

/*Untermenüs hoverable */
li.metismenu-item.level-1.deeper.parent:hover > ul ,
li.metismenu-item.level-2.deeper:hover > ul  
{
display:block;
}
.mm-collapse li:hover {
 background: #fff;
 width: 100%;
}