Kunena 6.3.0 released

The Kunena team has announce the arrival of Kunena 6.3.0 [K 6.3.0] in stable which is now available for download as a native Joomla extension for J! 4.4.x/5.0.x/5.1.x. This version addresses most of the issues that were discovered in K 6.2 and issues discovered during the last development stages of K 6.3

Question Menü-Farben Änderung

DerMagicWolf
Topic Author
Offline
New Member

3 years 2 months ago - 3 years 2 months ago #1 by DerMagicWolf

Menü-Farben Änderung was created 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: 3 years 2 months ago by DerMagicWolf.

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

rich
Offline
Kunena Moderator

3 years 2 months 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.

Code:

.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.

Time to create page: 0.502 seconds