Anzeige

Scrollbalken färben?

Scrollbalken färben? | PSD-Tutorials.de

Erstellt von aftern00n, 03.09.2005.

  1. aftern00n

    aftern00n Nicht mehr ganz neu hier

    Dabei seit:
    05.10.2004
    Beiträge:
    76
    Ort:
    Bayern
    Scrollbalken färben?
    Hi @ll,

    also ich weiß das es tutorials usw. gibt für dieses thema,
    jedoch hab ich ein problem.

    wie schaff ich es den scrollbalken eines contents auf der seite
    zu färben? es funktioniert nicht, wenn ich den code in die content-seite
    selbst einbaue oder die seite auf der das content erscheint.

    kann mir wer helfen?

    sonYx
     
    #1      
  2. funky

    funky Nicht mehr ganz neu hier

    Dabei seit:
    05.05.2005
    Beiträge:
    51
    Scrollbalken färben?
    welchen code hast du denn?
    vielleicht ist da ein fehler/schreibfehler drinnen
     
    #2      
  3. aftern00n

    aftern00n Nicht mehr ganz neu hier

    Dabei seit:
    05.10.2004
    Beiträge:
    76
    Ort:
    Bayern
    Scrollbalken färben?
    <style type="text/css">
    body{
    scrollbar-face-color:#FFFFFF;
    scrollbar-highlight-color:#747474;
    scrollbar-shadow-color:#747474;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-arrow-color:#747474;
    scrollbar-track-color:#FFFFFF;
    scrollbar-darkshadow-color:#747474;}
    </style>

    oder

    <style type="text/css">
    body{scrollbar-base-color:#FFFFFF;}</style>

    funktioniert aber wie gesagt beides nicht
     
    #3      
  4. Hennel

    Hennel Guest

    Scrollbalken färben?
    Habe den code oben nun nicht nach Fehlern abgesucht, denn die Mühe kann man sich sparen. Zuerst frage ich lieber, mit welchen Browser du surfst. Mit FireFox?
    FireFox, Opera, etc. stellen nämliche keine farbigen Scrollblaken dar...
     
    #4      
  5. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    Scrollbalken färben?
    für einen einzelnen content probier mal das:

    Code (Text):
    1.  
    2. <div style="scrollbar-base-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#ff0000; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#dedede; scrollbar-shadow-color:#ffffff; scrollbar-track-color:#ffffff; width:400px; height:400px; padding: 5px;
    3. margin:0 10px 0 10px; border: 1px solid #444444; color: #000033; font-size: 0.9em; font-family: Arial; overflow: auto; background-color: #FFFF00;"> Text oder Inhalt</div>
    4.  


    natürlich die farben, größen und weiten anpassen



    funzt nur im ie .... mozilla/firefox zeigen gar keine farbigen scrollbalken, opera seit der version7 zeigt nur farbige scrollbalken für die body-definition




    natürlich kannst du das auch in der css definition machen etwa so:


    Code (Text):
    1.  
    2. <style type="text/css">
    3. <!--
    4.  
    5.  
    6. body{
    7. scrollbar-base-color:#FF0000;            /* Basisfarbe der Scroll-Leiste */
    8. scrollbar-3dlight-color:#000000;         /* Farbe für 3D-Effekte  */
    9. scrollbar-arrow-color:#FF0000;           /* Farbe für Verschiebepfeile */
    10. scrollbar-darkshadow-color:#000000;      /* Farbe für Schatten  */
    11. scrollbar-face-color:#0000FF;            /* Farbe für Oberfläche  */
    12. scrollbar-highlight-color:#FFFFFF;       /* Farbe für oberen und linken Rand  */
    13. scrollbar-shadow-color:#000000;          /* Farbe für unteren und rechten Rand  */
    14. scrollbar-track-color:#00FF00;           /* Farbe für freibleibenden Verschiebeweg  */
    15.  }
    16.  
    17. .bereich1
    18.    {
    19. scrollbar-base-color:#ffffff;
    20. scrollbar-3dlight-color:#000000;
    21. scrollbar-arrow-color:#ff0000;
    22. scrollbar-darkshadow-color:#000000;
    23. scrollbar-face-color:#ffffff;
    24. scrollbar-highlight-color:#dedede;
    25. scrollbar-shadow-color:#ffffff;
    26. scrollbar-track-color:#ffffff;
    27. width:400px;
    28. height:400px;
    29. padding: 5px;
    30. margin:0 10px 0 10px;
    31. border: 1px solid #444444;
    32. color: #000033;
    33. font-size: 0.9em;
    34. font-family: Arial;
    35. overflow: auto;
    36. float: left;
    37. background-color: #FFFF00;
    38.  
    39.  }
    40.  
    41. -->
    42. </style>
    43.  


    im bodybereich des html-dokumentes würde das dann so aussehen:

    Code (Text):
    1.  
    2. <body>
    3. <div class="bereich1">Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text Langer Text ... </div>
    4. <div>Normaler Inhalt der Seite</div>
    5. </body>
    6.  
    7.  



    hier mal ein beispiel sehr bunt (zur Übersicht) .... wie geschrieben, funzt nur im ie
     
    #5      
  6. aftern00n

    aftern00n Nicht mehr ganz neu hier

    Dabei seit:
    05.10.2004
    Beiträge:
    76
    Ort:
    Bayern
    Scrollbalken färben?
    ne ganz normal ie
     
    #6      
  7. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    Scrollbalken färben?
    wenn du mal die adresse der seite angeben würdest, könnte man mehr sagen...
     
    #7      
  8. aftern00n

    aftern00n Nicht mehr ganz neu hier

    Dabei seit:
    05.10.2004
    Beiträge:
    76
    Ort:
    Bayern
    Scrollbalken färben?
    hab des auf noch keiner seite -.-
    wieso sollt ich was hochladen was nicht funktioniert?
     
    #8      
Seobility SEO Tool
x
×
×