Visualizzazione risultati 1 fino 9 di 9

Discussione: colore alla barra di scorrimento

  1. #1
    Guest

    Predefinito colore alla barra di scorrimento

    ciao a tutti
    vorrei chiedere se possibile:
    che codice devo mettere per dare dei colori scelti da me alla barra di scorrimento delle pagine del mio sito?

    grazie

  2. #2
    L'avatar di Taitaonline
    Taitaonline non è connesso Utente storico
    Data registrazione
    11-03-2004
    Residenza
    Zena
    Messaggi
    3,317

    Predefinito

    questo è il codice (più o meno) :
    <style type="text/css">
    body {
    scrollbar-3dlight-color: #000000 o il colore che vuoi;

    scrollbar-darkshadow-color: #000000 o il colore che vuoi;
    scrollbar-arrow-color: #000000 o il colore che vuoi;
    scrollbar-base-color: #000000 o il colore che vuoi;
    scrollbar-face-color: #000000 o il colore che vuoi;
    scrollbar-highlight-color: #000000 o il colore che vuoi;
    scrollbar-shadow-color: #000000 o il colore che vuoi;
    scrollbar-track-color: #000000 o il colore che vuoi;
    }
    </style>
    dove i nomi equivalgono a :
    1) scrollbar-3dlight-color / è il bordo sinistro della barra scorrimento
    2) scrollbar-darkshadow-color /il bordo destro della barra scorrimento
    3) scrollbar-arrow-color / le frecce di scorrimento su e giù
    4) scrollbar-base-color / il colore di base della barra e sfondo barra
    5) scrollbar-face-color / colore di barra e frecce scorrimento
    6) scrollbar-highlight-color /colore della luce x effetto 3D
    7) scrollbar-shadow-color / colore dell'ombra x effetto 3D
    8) scrollbar-track-color / colore dello sfondo su cui scorre la barra

    P.S. ) Dovrebbe funzionare solo con IE, credo.
    Ultima modifica di Taitaonline : 05-02-2005 alle ore 17.44.41
    ...Il grano che nasce e l'acqua che va, è un dono di tutti, padroni non ha...
    My Site FAQ di AlterVista Regolamento di AlterVista

  3. #3
    L'avatar di NoWhere
    NoWhere non è connesso Moderatore
    Data registrazione
    14-02-2003
    Residenza
    New Balarm
    Messaggi
    4,118

    Predefinito

    oltre a funzionare solo con IE mettendo quel codice il css non sarà più valido perchè il w3c non riconosce valido quel codice!!

    ma si sa, per la bellezza bisogna un pò soffrire!!

  4. #4
    Ospite Guest

    Predefinito

    a sì? son contenta, perché io coloro tutto ma le barre proprio forse perché non uso IE non le coloro mai.

  5. #5
    Guest

    Predefinito

    pero va anche detto che ce un sistema per colorare le barre e farsi validare il css dal w3c...ehehehehehehhe

  6. #6
    L'avatar di NoWhere
    NoWhere non è connesso Moderatore
    Data registrazione
    14-02-2003
    Residenza
    New Balarm
    Messaggi
    4,118

    Predefinito

    Citazione Originalmente inviato da jenyauno
    pero va anche detto che ce un sistema per colorare le barre e farsi validare il css dal w3c...ehehehehehehhe
    sai che non ti ho mai detto quanto ti stimo e ti ammiro...........
    ... dirci come????????????????

  7. #7
    Guest

    Predefinito

    Citazione Originalmente inviato da NoWhere
    sai che non ti ho mai detto quanto ti stimo e ti ammiro...........
    ... dirci come????????????????

    questo non fa altro che nascondere le scrollbar al validatore
    Codice:
    <script type="text/javascript">
    window.onload = function()
    {
    var htmlStyle = document.getElementsByTagName('html')[0].style;
    var bodyStyle = document.body.style;
    bodyStyle.scrollbarFaceColor = htmlStyle.scrollbarFaceColor = '#000000';
    bodyStyle.scrollbarArrowColor = htmlStyle.scrollbarArrowColor = '#000000';
    bodyStyle.scrollbarTrackColor = htmlStyle.scrollbarTrackColor = '#000000';
    bodyStyle.scrollbarShadowColor = htmlStyle.scrollbarShadowColor = '#000000';
    bodyStyle.scrollbarHighlightColor = htmlStyle.scrollbarHighlightColor = '#000000';
    bodyStyle.scrollbar3dlightColor = htmlStyle.scrollbar3dlightColor = '#000000';
    bodyStyle.scrollbarDarkshadowColor = htmlStyle.scrollbarDarkshadowColor = '#000000';
    }
    </script>

  8. #8
    L'avatar di NoWhere
    NoWhere non è connesso Moderatore
    Data registrazione
    14-02-2003
    Residenza
    New Balarm
    Messaggi
    4,118

    Predefinito

    Citazione Originalmente inviato da jenyauno
    questo non fa altro che nascondere le scrollbar al validatore
    Codice:
    <script type="text/javascript">
    window.onload = function()
    {
    var htmlStyle = document.getElementsByTagName('html')[0].style;
    var bodyStyle = document.body.style;
    bodyStyle.scrollbarFaceColor = htmlStyle.scrollbarFaceColor = '#000000';
    bodyStyle.scrollbarArrowColor = htmlStyle.scrollbarArrowColor = '#000000';
    bodyStyle.scrollbarTrackColor = htmlStyle.scrollbarTrackColor = '#000000';
    bodyStyle.scrollbarShadowColor = htmlStyle.scrollbarShadowColor = '#000000';
    bodyStyle.scrollbarHighlightColor = htmlStyle.scrollbarHighlightColor = '#000000';
    bodyStyle.scrollbar3dlightColor = htmlStyle.scrollbar3dlightColor = '#000000';
    bodyStyle.scrollbarDarkshadowColor = htmlStyle.scrollbarDarkshadowColor = '#000000';
    }
    </script>
    wo però, bella come idea!!
    però... credo che l'unica pecca sia che bisogna forzatamente inserirlo in un file html o php... beh, cmq non credo che funzioni messo in un file .css!! oh no??

  9. #9
    Ospite Guest

    Predefinito

    vabé ma a me che mi importa che me lo validi il wc3? a me interessa mettere delle cose che possano vedere almeno con i maggiori browser, se le barre le vede solo ie le lascio incolori :)

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •