Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Mike, ihr werdet die Lösung schon finden, bin ich sicher.

Hab euch auch nicht ausgelacht, aber manchmal ist es so witzig hier - und am witzigsten find' ich, dass ich das sogar ausprobiert hatte. Wenn ich's aber hinbekommen hätte, wäre das schon cool gewesen, das muss ich sagen. ;)

Viele Grüße
River

Zitat von m3ontour im Beitrag #18

---

Es wir immer nur der erste ausgeführt.

---

Keine Ursache, ich wollte schon lange mal wieder dieses super schöne Wort 'Akkolade' verwenden.

Das Wort ist auch noch praktisch - viel kürzer als 'geschweifte Klammer' oder 'Nasenklammer' und es erinnert mich dran, dass ich noch Schoki einkaufen muss.

Viele Grüße
River

Wenn ich den Reiter, in dem ich mich grad befinde, farblich hervorheben möchte,
kann ich das mit folgendem CSS-Code erreichen;

li.currentpage   {
background-color: #65696e !important;
}
 

Das funktioniert allerdings nur bei den Haupt-Reitern. (Bild, Nr. 1-4)



Bei anderen Verlinkungen, ("/userlist.php", "/useronline.php", "/search.php")
oder eigenen Seiten greift dieser Code allerdings nicht mehr. (Bild, Nr. 5-11)

Wie "paare" ich denn diese Attribute

li.currentpage
 

und

li#user_page (lange Zahlenfolge) .menu_item
 

um den gleichen Effekt wie bei 1-4 zu erreichen?

Du kannst mit folgendem JavaScript-Code die Klasse "currentpage" nachträglich hinzufügen:

$('#navigation li').each(function() {
    var link = $(this).find('a').attr('href');
    if(window.location.pathname == "/" + link || window.location.href == link)  {
        $(this).addClass('currentpage');
    }
});
 

Zitat von creator im Beitrag #23

---

Du kannst mit folgendem JavaScript-Code die Klasse "currentpage" nachträglich hinzufügen:

---

Der Code funktioniert mit <script></script> umschlossen in der Fußzeile unter Layout → Kopf/Fußzeile → Fußzeile.

<script>
$('#navigation li').each(function() {
    var link = $(this).find('a').attr('href');
    if(window.location.pathname == "/" + link || window.location.href == link)  {
        $(this).addClass('currentpage');
    }
});
</script>
 

Fruchtet leider nicht. Hängt das evtl. damit zusammen, dass in der Fusszeile bereits 2 Scripts stehen? (Denke zwar eher nicht)

Der CSS-Code aus Beitrag 22 sollte weiterhin eingetragen sein. Der JavaScript-Code von mir ist nur ein Zusatz, damit der CSS-Code an allen Stellen greift.

Vorhanden sein sollte:
Unter Layout → Farben & Einstellungen → Eigener CSS Code:

li.currentpage   {
background-color: #65696e !important;
}
 

Unter Layout → Kopf/Fußzeile → Fußzeile:

<script>
$('#navigation li').each(function() {
    var link = $(this).find('a').attr('href');
    if(window.location.pathname == "/" + link || window.location.href == link)  {
        $(this).addClass('currentpage');
    }
});
</script>
 

Ist nun alles so, wie von dir beschrieben hinterlegt; Bleibt aber beim gleichen Resultat - Greift nicht.

Kann es sein, dass ein vorgängiger Code, den nachfolgenden aushebelt?

ul.navigation li {
    display: inline-block !Important;
float: inherit; padding:0px !Important;
border-right: 0px solid #1B1B1B;
border-left: 0px solid #1B1B1B;}
 

ul.navigation {
    padding-top: 5px !Important;
}
 

ul.navigation   {
background-color: #3f444a  !important;
}
 

li.currentpage   {
background-color: #65696e !important;
}
 

Zitat von Jim im Beitrag #28

---

Ist nun alles so, wie von dir beschrieben hinterlegt; Bleibt aber beim gleichen Resultat - Greift nicht.

---

Komisch ... Jetzt funzt es. Aber egal, Ziel erreicht.
Herzlichen Dank, creator. Top Job!