• hallo!


    ich würde gerne das erscheinungsbild der scrollleisten auf meiner homepage ändern.
    geht das mit stylesheet, und wenn ja, wie?


    danke von einer ahnungslosen...

  • da ich fast nur in der layoutansicht arbeite, habe ich damit trotzdem probleme.
    in welchen code soll ich das denn einfügen? in den css-code, in die Startseite oder in der seite direkt?
    hab alles ausprobiert und es funktioniert trotzdem nicht...

  • Hallo bellabionda,

    Das visuelle Beeinflussen der Scrollbars wird nur vom IE unterstützt ab der Version 5.5!
    Du kannst dies also nur sehen, wenn Du die entsprechende Seite im IE anschaust ;)

    Den Code der dazu nötig ist wird in CSS definiert.
    Entweder im <head> Bereich aller Seiten auf denen es erscheinen soll oder ein einer separaten CSS-Datei welche per Link in die Seiten eingebunden wird.

  • hallo! irgendwie klappt das trotzdem nicht. ich hab es auf beide arten versucht, er zeigt mir immer den typischen winxp scrollbalken. und das auch mit ie 6.0.
    ich habe auch eine css-datei von einem freund geladen, und auch da klappt es nicht...
    woran kann das noch liegen? :confused:
    gruß bellabionda



  • damit kann eigentlich nix schief gehen... nur farben anpassen natürlich nicht vergessen ;)

    bemsen.de


    GCM d- s: a-- C++$ UL P L+ E--- W++ N o? K- w+ !O !M !V PS+ PE Y PGP- t+ 5? X R- tv- b- DI- !D G e h! r++ z?

  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Unbenanntes Dokument</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    -->
    </style>


    Das ganze befindet sich aber in einem frame... und der frame bekommt einen scrollbalken, soweit ok, aber nicht so wie im stylesheet definiert.
    hier nochmal der quelltext vom stylesheet:


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <meta content="text/html; charset=iso-8859-1" http-equiv=content-type>
    <meta content="mshtml 5.1000" name=generator>
    </head>


    <body>


    /* stylesheets fuer internet explorer */
    a { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #000000 }
    a:link { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #000000 }
    a:visited { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #000000 }
    a:hover { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #FF6D00 }
    /* font-weight: bold; */
    a:active { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva; text-decoration: none; color: #FFFFFF }
    body { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva;
    font-size: 10px;
    text-decoration: none;
    color: #FFFFFF;
    scrollbar-face-color: DEE3E7;
    scrollbar-arrow-color: 909090;
    scrollbar-base-color: DEE3E7;
    scrollbar-3d-light-color: DEE3E7;
    scrollbar-darkshadow-color: DEE3E7;
    scrollbar-highlight-color: 909090;
    scrollbar-shadow-color: 909090;
    scrollbar-track-color: DEE3E7; }

    /* background-color: #111111 */


    /* Font-Definitionen*/
    /* 1. Stelle= Font; 2. Stelle= Schriftgroesse; a=7, b=7, c=8, d=9 3. Stelle= Schriftschnitt; 4. Stelle= Schriftfarbe, 5. Stelle= Schriftdekos */


    /* Formelement-Definitionen */
    /*Pull-down-Menue */
    select { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva;
    font-size: 7pt;
    text-decoration: none;
    width: 85%;
    /* dropdown-highlight-color: #FF0000; */
    /* dropdown-3d-light-color: #FF0000; */
    /* dropdown-darkshadow-color: #FF0000; */
    /* dropdown-shadow-color: #FF0000; */
    color: #808080;
    background-color: #000000 }


    table { font-family: Century Gothic, Arial, Tahoma, Helvetica, Geneva;
    font-size: 8px;
    text-decoration: none;
    color: #333333;
    scrollbar-face-color: 090909;
    scrollbar-arrow-color: FFFFFF;
    scrollbar-base-color: 090909;
    scrollbar-3d-light-color: FF0000;
    scrollbar-darkshadow-color: 090909;
    scrollbar-highlight-color: 909090;
    scrollbar-shadow-color: 909090;
    scrollbar-track-color: 00004F }




    </BODY></HTML>


  • Dieser Teil muss auch in den Header zwischen <style> und </style stehen ;)


    Also dann so: