Linkgestaltung

Dieses Thema im Forum "Webdesign" wurde erstellt von commander, 2. August 2011 .

  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 2. August 2011
    Hallo liebe Webmaster


    Mir tut sich derweil die Frage auf, wie ich am einfachsten meine Links in der Art wie in der linken Navigation dieser Seite gestalten kann: PHPKIT WCMS | Einfach, schnell und günstig zur eigenen Website. PHPKIT Web CMS basiert auf PHP und MySQL - www.phpkit.com


    also mit diesem orangenen Balken davor...

    Jemand ne' Idee?
     

  2. Anzeige
    Dealz: stark reduzierte Angebote finden.
  3. #2 2. August 2011
    AW: Linkgestaltung

    Einfach mal fix aus dem PHPKit-Quellcode kopiert ;)
    Code:
    .pkcontent_a_left:hover {
    border-left:4px solid #FF7500;
    background:#EFEFEF;
    }
    
    War aber mal ne gute Frage, da stand ich eben auch voll aufm Schlauch, man lernt halt nie aus :)

    Gruß Blackb!rd
     
  4. #3 2. August 2011
    AW: Linkgestaltung

    Ja, da muss aber noch was fehlen.

    Das ist ja bloß die Angabe für "hover"....

    Benutzt du zufällig Firebug o. Ä.?

    Seltsamerweise bringt die Löschung dieser Attribute keinen Unterschied bei mir...
     
  5. #4 2. August 2011
    AW: Linkgestaltung

    Code:
    .pkcontent_a_left{
    border-left:4px solid #grey;
    background:#EFEFEF;
    }
    
    Damit haste dann bei NonHover diesen grauen Balken und bei Hover den orangenen. Ich benutzer gar nix, ich hab grad einfach in den Quellcode reingschaut ;)

    Es kommt dir ja auf die Balken vor den Links an oder habe ich dich da missverstanden? Weil die werden ja defintiv mit Border gemacht.

    Gruß Blackb!rd
     
  6. #5 2. August 2011
    AW: Linkgestaltung

    Ah. Okay wunderbar.

    Jetzt bleibt nur noch die Frage wie ich diese border, so wie da, weiter nach links versetzen kann.

    Nun klebt sie förmlich am Link....

    Müsste doch irgendwie mit padding# gehen...


    EDIT:

    Habs gefunden:

    Code:
    .pkcontent_a_left {
    border-left:4px solid #E9E9E9;
    padding:1px;
    margin-left:-14px;
    padding-left:10px;
    display:block;
    }
    
    .pkcontent_a_left:hover {
    border-left:4px solid #FF7500;
    background:#EFEFEF;
    }
    
     
  7. #6 2. August 2011
    AW: Linkgestaltung

    Hey,

    mit padding-left müsste es normalerweise funktionieren!


    Gruß Blackb!rd
     
  8. #7 2. August 2011
    AW: Linkgestaltung

    Klappt alles prima.

    Wunderbare Sache.

    Wenig Aufwand, viel Effekt. Hat nicht jeder.

    Bw ist raus.
     

  9. Videos zum Thema