• Hey RetroTown ich hab eine Kleine Webseite und möchte eine Andere Farbe verwenden mir fällt aber nichts ein.
    Derzeit sieht meine seite so aus http://i.imgur.com/IlCOKG4.png Hier meine CSS datei vlt hat ja einer eine Idee wie welche Farben passen

    Spoiler anzeigen
    Spoiler anzeigen

    /* style.css */


    body {
    font: 1rem Verdana, Sans-Serif;
    color: #000000;
    background-color: #F2EFC4;
    padding: 0;
    margin: 0;
    max-width: 70rem;
    }


    header {
    color: #FFFFFF;
    background-color: #BB9137;
    padding: 10px 0 10px 30px;
    margin: 0;
    font: bold 20px Verdana, Sans-Serif;
    }


    nav {
    float: left;
    width: 200px;
    margin-top: 15px;
    margin-left: 10px;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 0.8rem;
    }


    nav ul {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: None;
    width: 200px;
    }


    nav li {
    padding: 0 0 2px 0;
    margin: 0;
    }


    nav a:link, nav a:visited {
    width: 180px;
    display: block;
    color: #F2EFC4;
    background-color: #BB9137;
    border: 1px Solid #453514;
    padding: 2px 2px 2px 10px;
    font-weight: Bold;
    font-size: 12px;
    text-decoration: None;
    }


    nav a:hover {
    color: #FFFFFF;
    background-color: #CBA24B;
    border: 1px Solid #453514;
    }


    nav p {
    font-weight: Bold;
    font-size: 14px;
    margin: 0;
    padding: 0;color: #BB9137;
    }


    article {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 0.8rem;
    background-color: #FFFFFF;
    margin: 0 0 0 225px;
    padding: 30px 50px 22px 30px;
    border-left: Solid 1px #BB9137;
    min-height: 40rem;
    }


    article h1 {
    font: bold 16px Verdana, Sans-Serif;
    border-left: 10px solid #BB9137;
    border-bottom: 1px solid #BB9137;
    margin: 0 0 10px 0;
    padding: 2px 0 2px 5px;
    }


    article h4 {
    font:bold 12px verdana, sans-serif;
    border-left:6px solid #BB9137;
    border-bottom:1px Solid #BB9137;
    margin:25px 0 10px 0;
    padding:2px 0 2px 5px;
    }


    footer {
    font: bold 12px verdana, sans-serif;
    text-align: Right;
    color: White;
    background-color: #BB9137;
    padding: 10px 30px 10px 0;
    clear: Left;
    }


    footer a:link, footer a:visited {
    color: #FFFFFF;
    text-decoration: None;
    }


    footer a:hover {
    text-decoration: Underline;
    }


    a:link, a:visited {
    text-decoration: Underline;
    color: #BB9137;
    }


    a:hover {
    color: #D2B068;
    }

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!