CSS Menü Formatierung

Ich bekomme es irgendwie nicht hin, meine ersten Gehversuche in CSS beschäftigen mich mit der Seitenleiste. Ich versuche folgende Seitenleiste in meinem Theme zu modellieren, https://www.uni-hamburg.de/internationales.html.


Der HTML Code sieht wie folgt aus

<aside id="nav_menu-4" class="widget widget_nav_menu"><div class="menu-menue-hapkido-container">
<ul id="menu-menue-hapkido" class="menu">
<li id="menu-item-87" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-9 current_page_item menu-item-has-children menu-item-87">
<a href="http://myhomepage.de/?page_id=9">Shin Jeon Hapkido</a>
<ul class="sub-menu">
<li id="menu-item-142" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-142"><a href="http://myhomepage.de/?page_id=140">Eins</a></li>
<li id="menu-item-114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114"><a href="http://myhomepage.de/?page_id=104">Zwei</a></li>
<li id="menu-item-113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113"><a href="http://myhomepage.de/?page_id=106">Drei</a></li>
<li id="menu-item-112" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-112"><a href="http://myhomepage.de/?page_id=110">Vier</a></li>
</ul>
</li>
</ul></div></aside>


Jetzt dachte ich mir ich könnte wie folgt die Formatierung übernehmen? Aber es wirkt sich irgendwie nicht auf den Linktext aus, schreibe ich Text mit contend: davor, so ändert dieser seine Farbe. Kann mir jemand sagen was ich falsch mache? Den Link zur Homepage kann ich leider noch nicht veröffentlichen.

/* CSS Part */

.widget li::before {
width: 0;
height: 0;
}

.widget a:before,
a:link {
color: red;
text-decoration: none;
font-weight: bold;
}

.widget a:before,
a:visited {
color: green;
text-decoration: none;
font-weight:bold;
}
.widget a:before,
a:focus {
color: white;
text-decoration: underline;
}
.widget a:before,
a:hover {
color: blue;
text-decoration: underline;
}
.widget a:before,
a:active {
color: yellow;
text-decoration: underline;
}

das text-decoration: underline; macht sich auf den Text bemerkbar, kann ich mir color keine Linkfarbe verändern?

Zitat von b3317133

Bitte die bereits zum Thema bestehenden Threads benutzen:

• http://forum.wpde.org/design/177656-…html#post737983
• http://forum.wpde.org/design/177608-…lles-menue.html

Und mit WordPress an sich hat das eigentlich eher nichts zu tun, schau mal hier..

Uhh, sorry wie stelle ich dies um? Hatte dieses Thema als eigenständiges Problem angesehen...

bekomme die Seitenleiste einfach nicht formatiert, darum noch mal die Frage, gibt es evtl. ein PlugIn für Wordpress bei welchem ich das Hauptmenü UND die Seitenleiste gleich formatieren kann? Ich nutze das Zerif-lite und möchte es so wie https://www.uni-hamburg.de formatieren, nur wie? mit CSS komme ich anscheinend nicht an die Links? Und ein PlugIn welches die Seitenleiste formatiert finde ich leider nicht, Max Mega Menü scheint hier nicht zu greifen?

Ach ja, noch ein Problem, in Abhängigkeit des HAuptmenüs sollen Verschiedene Seitenleisten eingeblendet werden, dies bekomme ich auch hin aber halt nicht individuell formatiert :-(

Was ist mit dem UberMenu Plugin? Kostet Geld aber wenn es meine Anforderungen bedient? Gibt es evtl. ein kostenloses Menü mit dem ich experimentieren kann?

Kann die Seite leider noch nicht verlinken. Der Link zur Uni soll nur als Beispiel dienen, selbst wenn er in Wordpress geschrieben wäre, es wäre egal, es geht um das Design der Seitenleiste, Font, Farbe, etc.

Warum muss ich für meine Frage die Seite verlinken?

Frage: Kann man in dem Zefira Lite die Seitenleiste, mit PlugIn oder wie auch immer, so formatieren dass Sie wie in der Uni Seite aussieht??? Wenn ja mit welchen Mitteln?

ist das wirklich eine unlösbare Aufgabe?

welche Infos, ich kann die Seite noch nicht veröffentlichen! sorry

das man before nicht für mein Problem benutzen kann sollte eigentlich keine große Zeit kosten, wenn man vom Fach ist, in welcher Regel steht, das man seine Seite verlinken muss. Ein anderes Forum konnte mir mit gleicher Fragestellung in 5 Minuten weiterhelfen. Sorry wenn die Frage zu komplex war

evtl. ein wenig spitzfindig aber da steht nicht dass man einen Link posten MUSS, es wäre sicherlich dienlich gewesen, es ging aber leider nicht. Des Weiteren steht dort, dass man Code posten kann.

Verstoße ich nicht wieder gegen irgendeine Forenregeln wenn ich hier Werbung für andere Foren mache?

Die Lösung war aber auch nicht so pompös, falls also Jemand das Problem haben sollte:

„Before“ wirkt sich nicht auf die Links aus, nur auf Content, es wurde bestätigt was ich anfangs schon vermutete. Mir wurde nahe gelegt das Max Mega Menue mit UeberMenu zu erweitern. Das scheint meinen Anforderungen zu genügen.

Trotzdem Danke für Eure Hilfe!