1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Hyperlinks farbig gestalten

Dieses Thema im Forum "Design" wurde erstellt von yin-yang-living, 6. Februar 2017.

Schlagworte:
  1. yin-yang-living

    yin-yang-living Well-Known Member

    Registriert seit:
    8. Oktober 2012
    Beiträge:
    129
    Zustimmungen:
    0
    Hallo zusammen,

    in Twenty Fifteen wollte ich folgende CSS verwenden, jedoch kam die Meldung "Markup nicht gestattet":

    <style type="text/css">
    a:link{color:#5858FA;} /* Farbe blau*/
    a:visited{color:#DF0174;} /* Farbe samtrot */
    a:hover{color:#00FFFF;} /* Farbe türkis */
    a:active{color:#FF4000;} /* Farbe knallrot */
    </style>

    Diesen Code habe ich aus http://little-boxes.de.

    Wie kann ich die Hyperlinks so gestalten, dass Wordpress nicht meckert? Kann jemand helfen? Danke.

    Gruß, Jürgen
     
  2. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Wo hast Du den Code denn eingefügt?
     
  3. yin-yang-living

    yin-yang-living Well-Known Member

    Registriert seit:
    8. Oktober 2012
    Beiträge:
    129
    Zustimmungen:
    0
    Im Customizer des Themes.
     
  4. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.317
    Zustimmungen:
    234
    dann lass mal die <style type="text/css"> und </style> weg
     
  5. yin-yang-living

    yin-yang-living Well-Known Member

    Registriert seit:
    8. Oktober 2012
    Beiträge:
    129
    Zustimmungen:
    0
    Ja. Gut. Jetzt wird nicht mehr gemeckert, funktioniert aber trotzdem nicht so recht.

    Links im Text werden überhaupt nicht markiert (siehe Screenshot).

    20170206_hyperlinks.jpg

    Das war übrigens der Grund dafür, dass ich überhaupt damit anfing.


    Links in der Navigation (links seitlich) werden teilweise markiert, ich kann das Muster noch nicht erkennen, welcher Link wann markiert wird und welcher wann nicht. Jetzt scheint mir das noch durcheinander zu gehen.
     
  6. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Kannst Du bitte den Link zur Website angeben.
     
  7. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    2.429
    Zustimmungen:
    376
    Versuche das mal in den Customizer/Zusätzliche CSS einzufügen!

    a {
    color: #5858FA;
    }

    a:visited {
    color: #DF0174;
    }

    a:hover,
    a:focus {
    color: #00FFFF;
    }

    .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
    color: #FF4000;
    font-weight: 700;
    }

    twenty_fifteen.jpg
     
    #7 SEpp55, 6. Februar 2017
    Zuletzt bearbeitet: 6. Februar 2017
  8. yin-yang-living

    yin-yang-living Well-Known Member

    Registriert seit:
    8. Oktober 2012
    Beiträge:
    129
    Zustimmungen:
    0
    Mit der DoNoFollow-App bin ich mal die bis jetzt eingefügten Links durchgegangen, um sie aufzufinden. Tatsächlich wird kein Link im Beitragstext farblich markiert, weder als unbenutzter, noch als bereits benutzer Link noch beim Hover. In der Navigation hingegen funktionieren sie. Es geht also nur noch um die Beitragslinks, wie z. B. http://www.ag-beckenboden.de/beckenbodenuebung-1/
     
  9. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.472
    Zustimmungen:
    254
    durch den Divi Builder, den du verwendest, gibt es spezielle Formatierungen, z.B. auch
    #et_builder_outer_content a
     
  10. yin-yang-living

    yin-yang-living Well-Known Member

    Registriert seit:
    8. Oktober 2012
    Beiträge:
    129
    Zustimmungen:
    0
    Hallo maxe,

    ich bin nicht fit in CSS. Was macht denn "#et_builder_outer_content a" im DIVI Builder?
     
  11. yin-yang-living

    yin-yang-living Well-Known Member

    Registriert seit:
    8. Oktober 2012
    Beiträge:
    129
    Zustimmungen:
    0
    Hallo, Maxe,

    ich bin nicht fit in CSS. Was macht den "#et_builder_outer_content a" im DIVI Builder?
     
  12. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.472
    Zustimmungen:
    254
    du wolltest doch die Links stylen:
    dann versuch es halt so
    #et_builder_outer_content a:link{...
    #et_builder_outer_content a:visited{...
    usw. usf.

    Ansonsten mal ein bisschen mit CSS beschäftigen.
     
  13. yin-yang-living

    yin-yang-living Well-Known Member

    Registriert seit:
    8. Oktober 2012
    Beiträge:
    129
    Zustimmungen:
    0

    Ja, so funktioniert es.

    Was das CSS angeht: Bisher habe ich fast ausschließlich mit dem DIVI Theme gearbeitet. Das ist so komfortabel, dass ich damit bisher so gut wie nicht in Berührung kam.

    Danke für Eure Hilfe. :grin:
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden