×
Blue Eagle 5 v1.6.2 has been Released for Kunena 5.2 (20 Jan 2021)

The Kunena team has announce the arrival of Kunena template Blue Eagle 5 v1.6.2 which is now available for download. This version addresses most of the issues that were discovered in development.

REQUIREMENTS
Blue Eagle 1.6.x requires Kunena 5.2.x to work with

Question Menü-Farben Änderung

More
1 month 1 day ago - 1 month 1 day ago #1 by DerMagicWolf
Hallo, liebe Gemeinde!

Ich habe ein Problem betreffend der CSS in der die Menüfarben festgelegt werden. Ich bin ja nicht vollkommen neu, muss jedoch zugeben, dass Joomla, CSS & Co. nicht mehr aus meiner Zeit stammen, in der wir noch HTML-Editoren selbst programmiert haben. Irgendwann habe ich mich über ein CMS gemacht und ich denke auch ganz gut hinbekommen, bin jedoch was das betrifft kein Profi - also sorry, falls ich für den einen oder anderen dumme Fragen stelle.

Ich habe, da ich FB beenden möchte, wieder einmal das Kunena-Forum installiert:  dolphinpower.eu/forum.html

Leider finde ich die CSS-Dateien nirgends, wo ich die Menü-Farben anpassen kann. Mit Chrome. Firefox und Safari-Tools habe ich schon alles mögliche probiert, bin jedoch nicht wirklich weiter gekommen. Vielleicht liegt es auch daran, dass Komprimierungs-Tools Verwendung finden? Ich weiß es nicht. Kann mir jemand weiter helfen. Gibt es eine deutsche Anleitung zu diesem Thema, oder noch besser, weiss jemand, wie und wo ich das ändern kann? Ich sitze schon Stunden dran, bin jedoch etwas verzweifelt. Link zum Forum ist oben.

Herzlichen Dank für jeden Tip! 

Wolfgang

P.S. Ich habe das Forum schon einmal testweise 2018 installiert und 2021 neu installiert. Joomla ist aktuell.
 
Last edit: 1 month 1 day ago by DerMagicWolf.

Please Log in or Create an account to join the conversation.

More
1 month 12 hours ago #2 by rich
Replied by rich on topic Menü-Farben Änderung
Im Prinzip hat sich nicht viel geändert. Kunena verwendet less anstatt css, dadurch veringert sich die Anzahl der Codes. Du findest die richtigeun Codes nach wie vor mit dem Browserwerkzeug. Wenn du mit der rechten Maustaste auf die Menüleiste klickst und im Kontextmenü „Element untersuchen“ auswählst, wird dir ein Codeblock angezeigt. Ich habe dir als Beispiiel diesen Code kopiert und bereiinigt, sodass nur mehr die Eiinträge für die Farben (einschleßliich die Farbveräufe für verschiiedene Browser) übrig geblieben sind. Danach habe ich die Farbcodes verändert, was du auch diirekt mit dem Browsertool vor dem kopieren machen kannst, da du dann die Änderung direkt sehen kannst.
Füge diesen Beispielcode in deine custom.less ein, du siehst dann den Unterschied und kannst die Farben nach deinen Vorstellungen ändern.
.navbar-inner {
    background-color: #0f4e66;
    background-image: -moz-linear-gradient(top, #0f4e66, #90b8c7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0f4e66), to(#90b8c7));
    background-image: -webkit-linear-gradient(top, #0f4e66, #90b8c7);
    background-image: -o-linear-gradient(top, #0f4e66, #90b8c7);
    background-image: linear-gradient(to bottom, #0f4e66, #90b8c7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f4e66', endColorstr='#90b8c7', GradientType=0);
     border: 1px solid #be0a0a;
}
 
.navbar .nav > li > a {
    color: #f7700d;
    text-shadow: 0 1px 0 #ffffff;
}
 
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #2a7310;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

Please Log in or Create an account to join the conversation.

  • Not Allowed: to create new topic.
  • Not Allowed: to reply.
  • Not Allowed: to edit your message.
Time to create page: 0.072 seconds