ilch Forum » Allgemein » HTML, PHP, SQL,... » Anpassen der Text Farbe

Geschlossen
  1. #1
    User Pic
    metalberlin Mitglied
    Registriert seit
    25.10.2008
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    Ich wollte im design
    die Farben ändern

    1. bei dem menü ,clan menü balken ect in weiß z.b und

    darunter die news forum ect in fett

    wenn man oben auf menu clan menue others geht
    öffnet sich sone leiste da möchte ich die schrift in weiß
    und nicht in blau habe

    hier die style css daten ein mal





    body {


    margin: 0;
    padding: 0;
    // text-align: center;
    background-color: #003366; // Hintergrund
    font-size: 10px;
    font-family: Verdana, sans-serif;
    }
    #wrap {
    position: relative;
    width: 967px;
    text-align: left;
    margin: 0 auto 0 auto;
    }
    #top {
    background: url('img/top.gif');
    height: 67px
    }
    #header {
    background: url('img/logo.gif');
    height: 153px;
    text-align: center;
    vertical-align:middle
    }
    #header h1 {
    display: inline;
    position: absolute;
    top: 110px; left: 100px;
    color: #fff;
    font-family: 'Trebuchet MS';
    font-weight: normal;
    font-size: 24px;
    }
    #top2 {
    background: url('img/top2.gif');
    height: 31px
    }
    #top2 font {
    display: inline;
    position: absolute;
    left: 172px;
    margin-top: 2px;
    font-size: 10px;
    text-decoration: none;
    }
    #content {
    background: url('img/contentbg.gif');

    }
    #footer {
    background: url('img/footer.gif');
    height: 33px;
    text-align: center;
    vertical-align: middle
    }
    #left_col {
    width: 158px;
    float: left;
    padding-top: 0px;
    padding-left: 9px;
    padding-right: 18px;
    padding-bottom: 0px;
    color: #fff;
    overflow: hidden;
    }

    #left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
    color: #ff0000;
    }

    #left_col a {
    color: #CCCCCC;
    }

    #left_col .menu_heading
    {
    color: #000;
    display:block;
    letter-spacing: 1px;
    font-size: 11px;
    padding: 0 0 3px 5px;
    }

    #main_col {
    width: 440px;
    float: left;
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 20px;
    padding-bottom: 0px;
    clear: none;
    min-height: 100px;
    overflow: auto;
    }
    #right_col1 {
    width: 141px;
    float: left;
    padding-top: 0px;
    padding-left: 7px;
    padding-right: 10px;
    padding-bottom: 0px;
    overflow: hidden;
    }
    #right_col2 {
    width: 141px;
    float: right;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 14px;
    padding-bottom: 0px;
    overflow: hidden;
    }

    #right_col1 .menu_heading,
    #right_col2 .menu_heading
    {
    color:#fff;
    font-size:11px;
    letter-spacing: 1px;
    }

    #left_col ul
    {
    padding: 0;
    margin: 0;
    width: 149px; list-style-position:inside; list-style-image:url('img/box_menu_pfeil.gif')
    }

    #left_col li
    {
    margin:0;
    background: url('img/box_menu_trennlinie.gif') no-repeat bottom;; padding-left:2px; padding-right:0; padding-top:5px; padding-bottom:0
    }

    #left_col li ul
    {
    width: 146px;
    background: url('img/box_menu_trennlinie.gif') no-repeat top;
    }

    #left_col li li
    {
    padding-left: 16px;
    }
    #left_col li a
    {
    color: #fff;
    padding-left: 8px;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    }

    td
    {
    font-family: Times New Roman;
    font-size: 16px;
    color: #C0C0C0; // Textfarbe

    }

    hr
    {
    height: 0px;
    border: solid #006600 0px;
    border-top-width: 1px;
    }

    a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a
    {
    color: #024b7a; // Hyperlinks
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
    }

    a:hover
    {
    text-decoration: none;
    }

    a.box
    {
    color: #c0c0c0; // Hyperlinks bei login und menuepunkte
    font-family: Times New Roman;
    font-size: 16px;
    text-decoration: none;
    }

    a.box:hover
    {
    text-decoration: none;
    }

    .Chead
    {
    background: #2e2e2e; // Schrift zb bei forum und Kalender
    color: #ffffff;
    }

    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
    background: #2e2e2e;
    color: #ffffff; // überschriften
    }

    .Callg
    {
    background-color: #000000;
    color: #000000;
    }

    .Callg td
    {
    color: #000000;
    }

    .Cnorm
    {
    background-color: #1c1c1c;
    }
    .Cmite
    {
    background-color: #1c1c1c;
    }
    .Cdark
    {
    background-color: #1c1c1c;
    }

    .rand
    {
    border: solid #c0c0c0 0px;
    }

    .smalfont
    {
    font-size: 10px;
    text-decoration: none;
    }

    .border
    {
    background-color: #2a2a2a;
    }
    hr
    {
    height: 0px;
    border: solid #6B6B6B 0px;
    border-top-width: 1px;
    }

    input, textarea, select
    {
    color: #000000;
    font: 14px Verdana;
    border-color: #1D1D1D;
    border-width: 1px;
    border-style: solid;
    font-weight: none;
    text-decoration: none;
    background-color: #EFEFEF;


    Zuletzt modifiziert von metalberlin am 25.10.2008 - 15:10:08
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Son!c Hall Of Fame
    Registriert seit
    14.09.2006
    Beiträge
    3.766
    Beitragswertungen
    5 Beitragspunkte
    schau dir die css mal genau durch und achte auf die Kommentare ( die beginnen mit // )

    vllt kommst du von selber drauf zwinker
    Nimm das Leben nicht zu ernst, du kommst sowieso nicht lebend raus.
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    metalberlin Mitglied
    Registriert seit
    25.10.2008
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    :-D
    die hab ich schon aus probiert hat leider nichts gebracht :-(
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Son!c Hall Of Fame
    Registriert seit
    14.09.2006
    Beiträge
    3.766
    Beitragswertungen
    5 Beitragspunkte
    versuchs mal mit a.box zwinker

    a.box
    {
    color: #FFFFFF; // Hyperlinks bei login und menuepunkte
    font-family: Times New Roman;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    }
    Nimm das Leben nicht zu ernst, du kommst sowieso nicht lebend raus.
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    metalberlin Mitglied
    Registriert seit
    25.10.2008
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    jetz hab ich schon mal
    news forum und so fett freu
    aber der rest :-(
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Chainy Mitglied
    Registriert seit
    26.09.2008
    Beiträge
    1.202
    Beitragswertungen
    1 Beitragspunkte
    ja genauso, such einfach mal durch wo überall so en farbcode steht und mach es gegenteil rein, damit du erkennst wo du was verändert hast, also von schwarz weiß usw.... 000000 is glaub weiß FFFFFF is schwarz FF0000 is rot 00FF00 is glaub gelb......... aber wenn du en paintprogramm hast kannste dir da ja die farbentabelle anzeigen lassen, da stehen se ja meistens
    "...mich interessiert nicht warum sich die Leute an mich erinnern, Hauptsache sie tun es!
    ----------------------GeT HaRdCoRe----------------------
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    sCar Mitglied
    Registriert seit
    21.10.2008
    Beiträge
    231
    Beitragswertungen
    15 Beitragspunkte
    wie muss ich das für die lastforum und die lastwars box machen???
    habs so in der style.css probiert, ohne erfolg
    a.lastwars
    {
    color: #ffffff;
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    }
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    dann muss du in der lastwars box die class angeben sonst geht das nicht box ist der oberbegriff der alle boxen aendern sollte
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    metalberlin Mitglied
    Registriert seit
    25.10.2008
    Beiträge
    10
    Beitragswertungen
    0 Beitragspunkte
    habs endlich geschafft :-D


    schau auch mal in die index htm hat mir viel geholfen
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    sCar Mitglied
    Registriert seit
    21.10.2008
    Beiträge
    231
    Beitragswertungen
    15 Beitragspunkte
    ich habs auch ^^


    Zuletzt modifiziert von sCar am 26.10.2008 - 00:44:22
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten