Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 15 von 26
  1. #1
    Avatar von womstar
    womstar ist offline Lounge-Member
    registriert
    22-07-2002
    Ort
    latente matrix
    Beiträge
    5.913

    Farbige Scrollbalken

    hei!

    Wer schon immer davon geträumt hat, farbige Scrollbalken auf seiner Seite einzusetzten. Dem wird hier jetzt geholfen.

    Das ganze ist alles andere als "Javascript" sondern knallhartes CSS. Man kann es allerdings auch in "Javascript" in Verbindung mit CSS machen.

    Hier der CSS-Code, der in den <head>....</head> eingebaut werden muss.

    Code:
    <head>
    <style type=text/css>
    body { 
    scrollbar-face-color:00458C; // Farbe des Schiebebalkens + der Scroll up & down pfeile der der Scrollbalken
    scrollbar-shadow-color:ff0000; // Die Farbe des Schattens der Scrollbalken
    scrollbar-highlight-color:ffffff; // Die Lichtern (links) der Scrollbalken
    scrollbar-3dlight-color:FFFFFF; // 3D effekt Farbe
    scrollbar-darkshadow-color:000000; // Farbe den Schattens der ganz rechts ist
    scrollbar-track-color:FFFFFF; // Farbe von der Laufleiste der Scrollbalken
    scrollbar-arrow-color:FFFFFF; // Pfeilfarbe von den Scrollbalken
    } 
    </style>
    </head>

    Wer es aber unbedingt in "Javascript" machen möchte, kann das so tun:

    Code:
    <head>
    
    <script language=javascript>
    var face = "ff0000";
    var shadow = "00458C";
    var highlight = "cccccc";
    var darkshadow = "00ffff";
    var track = "ffffff";
    var arrow = "ff0000";
    
    function laufLeiste(){
    document.body.style.scrollbarFaceColor = face; 
    document.body.style.scrollbarShadowColor = shadow ;
    document.body.style.scrollbarHighlightColor = highlight;
    document.body.style.scrollbarDarkshadowColor = darkshadow;
    document.body.style.scrollbarTrackColor = track;
    document.body.style.scrollbarArrowColor = arrow;
    }
    window.onload=laufLeiste;
    </script>
    </head>
    Ich denke es ist nicht schwer, die Farben nach seinem eigenen Geschmack zu ändern.

    salü womstar
    Geändert von womstar (21-11-2002 um 17:53 Uhr)

  2. #2
    Avatar von bine
    bine ist offline Lounge-Member
    registriert
    06-07-2002
    Ort
    Schleswig-Holstein
    Beiträge
    5.902
    Hei ho,

    kann den ein CSS in Javascript Umwandler auch meinen Traum erfüllen, und den Scrollbalken nicht mit einer Farbe färben, sondern mit einer beliebigen Hintergrund-gif? Das wär mal ne Klasse Sache.
    bine

  3. #3
    Avatar von womstar
    womstar ist offline Lounge-Member
    registriert
    22-07-2002
    Ort
    latente matrix
    Beiträge
    5.913
    neeeee das geht nich, noch nie was von gehört!
    aber man kann die farben faden lassen, das ist auch schön.

  4. #4
    Avatar von LeGato
    LeGato ist offline Tripel-As
    registriert
    31-10-2002
    Ort
    Göttingen
    Beiträge
    203

  5. #5
    Avatar von hjf
    hjf
    hjf ist offline Foren-Gott
    registriert
    06-04-2002
    Beiträge
    3.079
    Hi bine!
    Teste doch mal meine exe in:
    http://forum.jswelt.de/showthread.php?s=&threadid=10992 (Seite speichern)
    Dann bau ich Dir auch was, das ähnlich aussieht und funktioniert wie ein Bilder - Webscrollrahmen (ne frame - hp mit *.swf - Dateien), es sei denn, albu oder .colin machen das schneller als ich.
    Hab wenig Zeit, aber in einer Woche müßte es fertig sein - okay? Vielleicht kann Robert das dann auch noch in javascript umwandeln, wenn Du Ihn darum bittest?
    lg joachim

  6. #6
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    onmouseMove="scrollbar();"

    hab ich gefunden.
    ist nicht von mir.
    dafür reichts noch nicht...

    in den body-tag:
    onmouseMove="scrollbar();"

    der code:
    function scrollbar()
    {
    posl = document.body.clientWidth + 2;
    posr = document.body.clientWidth + 2 + 17;
    if(window.event.x > posl && window.event.x < posr) //--> wenn Mauszeiger über der Scrollbar!
    {
    var sfc = '#4682B4'; //scrollbar-face-color
    var sac = '#000000'; //scrollbar-arrow-color
    var stc = '#4682B4'; //scrollbar-track-color
    var s3c = '#000000'; //scrollbar-3dlight-color
    var ssc = '#000000'; //scrollbar-shadow-color
    var sdc = '#ffffff'; //scrollbar-darkshadow-color
    var shc = '#4682B4'; //scrollbar-highlight-color
    var sbc = '#4682B4'; //scrollbar-base-color

    if(sfc > "") document.body.style.scrollbarFaceColor = sfc;
    if(sac > "") document.body.style.scrollbarArrowColor = sac;
    if(stc > "") document.body.style.scrollbarTrackColor = stc;
    if(s3c > "") document.body.style.scrollbar3dLightColor = s3c;
    if(ssc > "") document.body.style.scrollbarShadowColor = ssc;
    if(sdc > "") document.body.style.scrollbarDarkshadowColor = sdc;
    if(shc > "") document.body.style.scrollbarHighlightColor = shc;
    if(sbc > "") document.body.style.scrollbarBaseColor = sbc;
    }
    else //--> wenn Mauszeiger nicht über der Scrollbar!
    {
    var sfc = '#4682B4'; //scrollbar-face-color
    var sac = '#ffffff'; //scrollbar-arrow-color
    var stc = '#4682B4'; //scrollbar-track-color
    var s3c = '#ffffff'; //scrollbar-3dlight-color
    var ssc = '#ffffff'; //scrollbar-shadow-color
    var sdc = '#4682b4'; //scrollbar-darkshadow-color
    var sdc = '#4682B4'; //scrollbar-highlight-color
    var sbc = '#4682B4'; //scrollbar-base-color

    if(sfc > "") document.body.style.scrollbarFaceColor = sfc;
    if(sac > "") document.body.style.scrollbarArrowColor = sac;
    if(stc > "") document.body.style.scrollbarTrackColor = stc;
    if(s3c > "") document.body.style.scrollbar3dLightColor = s3c;
    if(ssc > "") document.body.style.scrollbarShadowColor = ssc;
    if(sdc > "") document.body.style.scrollbarDarkshadowColor = sdc;
    if(shc > "") document.body.style.scrollbarHighlightColor = shc;
    if(sbc > "") document.body.style.scrollbarBaseColor = sbc;
    }
    }

  7. #7
    brainshock ist offline Lounge-Member
    registriert
    03-10-2002
    Ort
    .
    Beiträge
    5.319

    AW: onmouseMove="scrollbar();"

    Und das alles läuft nur im IE am PC...

    OT: Das sofortige Antworten geht am Mac nicht... Jetzt habe ich mich doch so daran gewöhnt...

  8. #8
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Farbige Scrollbalken

    ist sowieso nur eine sinnlose spielerei...

  9. #9
    brainshock ist offline Lounge-Member
    registriert
    03-10-2002
    Ort
    .
    Beiträge
    5.319

    AW: Farbige Scrollbalken

    Zitat Zitat von dkdenz
    ist sowieso nur eine sinnlose spielerei...
    Also alles, was sinnlos ist, gehört zum IE auf'm PC

  10. #10
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Farbige Scrollbalken

    es gibt auch sinnvolle dinge die nur beim IE gehen, bei anderen aber nicht, wie zum beispiel:
    http://forum.jswelt.de/showthread.php?t=17752 (verzweiflung macht sich breit...)

  11. #11
    Avatar von enjoi.CO
    enjoi.CO ist offline Mitglied
    registriert
    11-05-2004
    Beiträge
    32

    Red face AW: Farbige Scrollbalken

    Mein erster Post *freu wie doof*
    Warum macht ihr das in JS... geht doch in CSS viel leichter

    Code:
    Body {
    scrollbar-base-color: #0F3449;
    scrollbar-track-color: #0F3449;
    scrollbar-face-color: #0F3449;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-arrow-color: #CCCCCC;
    }
    Cy@
    Money don't grow on trees, but skateboards do!


  12. #12
    Avatar von enjoi.CO
    enjoi.CO ist offline Mitglied
    registriert
    11-05-2004
    Beiträge
    32

    Unhappy AW: Farbige Scrollbalken

    Sry... hab nicht von Anfang an gelsen *schäm*
    Money don't grow on trees, but skateboards do!


  13. #13
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: Farbige Scrollbalken

    so enden die meißten ersten posts...(ich weiß das)

  14. #14
    Damaris ist offline Jungspund
    registriert
    16-06-2004
    Ort
    Villach Austria
    Beiträge
    16

    AW: Farbige Scrollbalken

    Hallo!
    Bekommt man die farbigen Scrollbalken auch in <iframes>?

    Wenn möglich, bitte eine Antwort für Anfänger. Hab schon alle (meiner Meinung nach)
    Möglichkeiten versucht

  15. #15
    Avatar von womstar
    womstar ist offline Lounge-Member
    registriert
    22-07-2002
    Ort
    latente matrix
    Beiträge
    5.913

    AW: Farbige Scrollbalken

    @Damaris
    klar, in die datei die css-anweisung stecken, die du im iframe aufrufst.
    oder du packst die anweisung auf die hauptseite, wo sich der iframe befindet.

    bsp:

    iframe {

    scrollbar-base-color: #0F3449;
    scrollbar-track-color: #0F3449;
    scrollbar-face-color: #0F3449;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-arrow-color: #CCCCCC;

    }

Seite 1 von 2 12 LetzteLetzte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •