Template protosttar

Damit sprichst Du nur den aktiven Menüpunkt an, nicht die ganze Menülseiste.

Ich habe nirgendwo mehr das Protostar aktiv. Gib uns einen Link.

.navigation {

background: green;

}

geht das?

Hallo,

zunächst die Frage: meinst Du die ganze Menüleiste, das wäre ev. das von Macjoomla - bzw. .navbar {......}

oder eben diese " nav-pills" wie Indigo66 meint - bzw. wie in #1?

A) Diese nav-pills usw. #1 sind sozusagen in der index.php "hart codiert", siehe hier:

// Template color
if ($this->params->get('templateColor'))
{
    $this->addStyleDeclaration('
    body.site {
        border-top: 3px solid ' . $this->params->get('templateColor') . ';
        background-color: ' . $this->params->get('templateBackgroundColor') . ';
    }
    a {
        color: ' . $this->params->get('templateColor') . ';
    }
    .nav-list > .active > a,
    .nav-list > .active > a:hover,
    .dropdown-menu li > a:hover,
    .dropdown-menu .active > a,
    .dropdown-menu .active > a:hover,
    .nav-pills > .active > a,
    .nav-pills > .active > a:hover,
    .btn-primary {
        background: ' . $this->params->get('templateColor') . ';
    }');
}

Spreche jetzt das Protostar default an. Dieses: .... get('templateColor') . ';

wird von den Einstellungen im Backend vom Template genommen:

B) Templates > Stile > Protostar Default > Erweitert:

Probiere zuerst, Farben (siehe oben) zu ändern.

Willst Du das via CSS (user.css) spezifischer ändern, dann müsstest Du zum Segment ein: !important; dranhängen, weil diese (siehe A) Priorität haben.

OT: Man kann auch diese Zeilen in der index.php löschen. Hab ich gemacht, da ich eine Protostar Kopie habe.

Wie man halt mag.

Liebe Grüße

Christine

Zitat von Benjamin

@ christine2: Nein das habe ich schon versucht... das ist es nicht..

@ Macjoomla: habe das in die User.css kopiert.... hat leider auch nicht funktioniert...

Indigo66: Ja, ich möchte die gesamte Menüleiste grün hinterlegen.

Für gesamte Menüleiste: wie oben geschrieben: versuche es mit: .navbar {background: blue;}

Liebe Grüße

Christine

Zitat von Benjamin

Mit dieser Textzeile funktioniert es auch nicht... (habs in die User.css kopiert..)

Entweder, oder:

.navbar {background: blue;}

.navbar li {background: blue;}

Aber: Manchmal braucht die user.css etwas länger, dass diese wirkt. Ist mir auch schon passiert.

Leere mal den Browsercache.

Liebe Grüße

Christine

Zitat von Benjamin

Einen Link zu Seige gibt es noch nicht... ist noch nicht online

Falls du es wirklich nicht hinbekommst, dann einfach eine Testversion auf dem Webserver erstellen!
(z,B. passwortgeschützt) Kannst du uns dann hier mitteilen! Geht womöglich schneller als das Rumraten ohne Kontrollmöglichkeit.

M.E. müsste der Code von Macjoomla funktionieren.

Caches des Browswers und von Joomla gellert?

Wenn ich bei einer auf Protostar basierenden Seite in FF in den webentwicklertools den Code ergänze wird die gesamte Navigationsleiste grün.

Lui_brempt

Zitat von Lui_brempt

Wenn ich bei einer auf Protostar basierenden Seite in FF in den webentwicklertools den Code ergänze wird die gesamte Navigationsleiste grün.

Aha. Wollte wissen, wieso bei mir der Code nicht funktionierte bzw. der andere in #8 schon.

Kann das jetzt bestätigen, dass der Code von Macjoomla doch funktioniert - (bei einer Protostar Default Ausgabe).

Bei mir halt deswegen nicht, weil ich (ist schon lange her) bei einer Protostar Kopie diese Navis umgebaut hatte.

Allerdings genügt dieser Code .navigation {......} nicht, da man bzw. ich dann nur das 1 aktive Menü "sehe".

Die anderen sind ja durch den Hintergrund nicht sichtbar. Daher noch probehalber das hier dazugegeben:

.navigation {
background: green; 
}
.nav > li > a {
color: #fff;
}
.nav > li > a:hover {
color: green;  
background: #fff;
}

Würde dann so aussehen:

Benjamin

So, jetzt aber Schluss mit der Rätselaufgabe. Entweder Link oder selbst probieren.

Liebe Grüße

Christine

Die Datei "user.css" (wichtig: kleines u) muss übrigens auf dem Webserver im Verzeichnis joomla-root > templates > protostar > css liegen.

Alternativ kannst du auch folgendes versuchen:

.navigation {

background: green!important;

}