Ergebnis 1 bis 3 von 3

Thema: CSS Menü Formatierung

  1. #1
    HTML Newbie
    Registriert seit
    06.11.2017
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard 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
    HTML-Code:
    <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.
    Code:
    /* 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;
    }
    Geändert von Arne Drews (07.11.2017 um 15:03 Uhr) Grund: MOD: Code-Tags zugefügt

  2. #2
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    459
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: CSS Menü Formatierung

    :before funktioniert nur im Zusammenhang mit content:
    a:before {
    content:"Text davor";
    }

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    06.11.2017
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS Menü Formatierung

    Ok, das erklärt es, ich konnte Auswirkungen bei content und text-decoration beobachten, gibt es denn eine andere Möglichkeit die Farben meines Links zu ändern? In dem original Theme Zefira Light (Wordpress) ändert es, wenn ich die Maus rüber ziehe (hover), die Farbe von Grau nach Schwarz.

Ähnliche Themen

  1. Brauche Hilfe bei Menü-Formatierung
    Von dabizi im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 23.05.2017, 16:48
  2. keine Formatierung für <h2>
    Von davidos_no.1 im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 15.11.2009, 19:20
  3. Formatierung Opera vs IE
    Von im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 15.10.2006, 20:29
  4. Formatierung
    Von im Forum Computer - Internet Forum
    Antworten: 10
    Letzter Beitrag: 19.07.2005, 00:21
  5. Formatierung der Bestätigungsmail!?
    Von DasGast im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 17.08.2004, 16:02

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •