scrollbar einbauen aber wie?

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Lupina, 20. Oktober 2005 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 20. Oktober 2005
    hallo, ich hab da eine frage und zwar möchte ich eine scrollbar auf meine seite einbauen so das die farbe dem layout angepasst ist aber wie mache ich das?

    im prinzip muss ich das ja nur zwischen <head> und </head> einfügen aber wie mache ich das wenn ich einen <style type="text/css"> habe?

    ich habe bereits versucht das unter <style type="text/css"> zu schreiben aber das funktioniert nicht auch drunter nicht oder mit neuer eingabe. deshalb wollte ich einen von euch fragen ob der mir das sagen kann da das irgendwie nicht klappt bei mir.

    normaler HTML code:

    Code:
    <Style>
    BODY {
    scrollbar-base-color: black;
    scrollbar-shadow-color: black;
    scrollbar-highlight-color: black; 
    scrollbar-3dlight-color: black; 
    scrollbar-darkshadow-color: black;
    scrollbar-track-color:black; 
    scrollbar-arrow-color: #999999;
    }
    a:link { text-decoration: none; }
    a:visited { text-decoration: none; }
    a:active { text-decoration: none; }
    a:hover { style: s-resize; cursor: s-resize; background-color: none;
    BORDER-RIGHT: none;
    BORDER-TOP: none;
    BORDER-LEFT: none;
    BORDER-BOTTOM: none; }--></Style>
    </head>
    
    in den hier dazu

    Code:
    <style type="text/css">
    <!--
    body,td,th {
     color: #FFFFFF;
    }
    body {
     background-color: #838591;
    }
    -->
    </style></head>
    

    vielen Dank

    Lupina
     
  2. 20. Oktober 2005
    Ich versteh das problem jetzt gerade nicht so richtig. Aber meinst du einfach das er beide styles anzeigen soll? Wenn ja, packs doch einfach zusammen?

    Habs getestet, geht alles wunderbar.

    Oder meintest du nun was vollkommen anderes?

    Gruß,
    LL
     
  3. 20. Oktober 2005
    Also,


    als erstes mal der Hinweis das die bunten Scollbalken nur im IE ab Version 5.x funktionieren. Alle anderen Browser zeigen da die normalen Balken an.

    Zweitens, hier ist meine Style.css (komplett)



    body { scrollbar-DarkShadow-Color:#0000FF; scrollbar-Track-Color:#0000FF;
    scrollbar-Face-Color:#FFFFFF; scrollbar-Shadow-Color:#0000FF;
    scrollbar-Highlight-Color:#FFFFFF; scrollbar-3dLight-Color:#0000FF; scrollbar-Arrow-Color:#0000FF;
    cursor: url(cursor/standard.cur);

    }







    A:link { color: #FFFFFF; text-decoration: none; font-family: Arial; letter-spacing: 0px; word-spacing: 0px}
    A:visited { color: #FFFFFF; text-decoration: none; font-family: Arial; letter-spacing: 0px; word-spacing: 0px}
    A:active { color: #FFFFFF; text-decoration: none; font-family: Arial; letter-spacing: 0px; word-spacing: 0px}
    A:hover { color: #FFFFFF; text-decoration: overline underline; font-family: Arial; letter-spacing: 1px; word-spacing: 0px}



    .normal { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF5EB; letter-spacing: 1px; word-spacing: 1px}

    .title { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFA44B; font-weight: bold; letter-spacing: 1px; word-spacing: 1px}
    .orange { color: #0000FF; font-family: Arial; font-size: 11px; letter-spacing: 1px; word-spacing: 1px}
    .hell { color: #AD8C8C; font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; word-spacing: 1px}


    .box { font-family: Arial; font-size: 11px; color: #111111; border: 1px #0000FF solid; background-color: #AAC5F9; letter-spacing: 1px; word-spacing: 1px}
    .button { font-family: Arial; font-size: 13px; color: #FFFFFF; border: 1px #FFFFFF solid; background-color: #0000FF; letter-spacing: 1px; word-spacing: 1px }
     
  4. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.