• User Newbie

    scrollbar colorata

    salve sto creando un sito, sono un neofita, ma con una grande voglia di imparare, ho creato la struttura del sito ed adesso vorrei colorare la scrollbar e far si che la pagina stia al centro.
    Ho letto tanti forum, ma vista la mia ignoranza su molti argomenti, non riesco ad ottenere risultati, potreste aiutarmi.
    Vi invio il codice. e se potete, inseritemi il codice che serve per fare quanto richiesto.
    Vi ringrazio in anticipo.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>food for thought</title>
    <style type="text/css">
    <!--
    .Stile7 {font-size: small; font-family: "Times New Roman", Times, serif; color: #001C4C; }
    .Stile9 {color:; font-size: small; }
    .Stile5 {color:; }
    body,td,th {
    color:;
    }
    a:link {
    color:;
    text-decoration: none;
    }
    a:visited {
    color: #6A7BA9;
    text-decoration: none;
    }
    a:hover {
    color:;
    text-decoration: underline;
    }
    a:active {
    color:;
    text-decoration: none;
    }
    .Stile11 {font-size: medium; font-family: "Times New Roman", Times, serif; color:; }
    -->
    </style>
    </head>

    <body>
    <table width="760" border="1" cellpadding="0" cellspacing="0" bordercolor="#B4BAD4">
    <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td colspan="2"><div align="center"></div></td>
    </tr>
    <tr>
    <td colspan="2"><table width="100%" border="1" cellpadding="0" cellspacing="3" bordercolor="#B4BAD4">
    <tr>
    <td width="55"><div align="center"><span class="Stile7">[url="index.html"]Home</span></div></td>
    <td><div align="center"><span class="Stile7">[url="lap.html"]Lap of luxury </span></div></td>
    <td><div align="center"><span class="Stile11">Food for thought </span></div></td>
    <td><div align="center"><span class="Stile7">[url="business.html"]Business as usual </span></div></td>
    <td><div align="center"><span class="Stile7">[url="weddings.html"]Weddings</span></div></td>
    <td nowrap="nowrap"><div align="center"><span class="Stile7">How to find us </span></div></td>
    <td width="55"><div align="center"><span class="Stile7">News</span></div></td>
    <td><div align="center"><span class="Stile7">Contact</span></div></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td colspan="2"><div align="center"></div></td>
    </tr>
    <tr>
    <td colspan="2"><table width="60%" border="0" align="center" cellpadding="5" cellspacing="15">
    <tr>
    <td><div align="justify"><span class="Stile5">Hamill's Restaurant has rightfully earned a reputation for serving superb traditional cuisine whilst also introducing some contemporary dishes to its menu. Total attention to detail, makes us the perfect venue for all occasions - small intimate dinners - anniversaries - parties or a specially tailored banquet for your conference or meeting. trust the professional to make your event that wee bit special at Hamill's.</span></div></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td colspan="2"><table width="95%" border="1" align="center" cellpadding="5" cellspacing="5" bordercolor="#B4BAD4">
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td colspan="2"><div align="center"></div></td>
    </tr>
    <tr>
    <td></td>
    <td><div align="right"><span class="Stile9">[url="../The Covenanters Inn/index.html"]THE COVENANTERS INN * - Aberfoyle Stirlingshire, FK 3XD Tel: 01877 382 347 Fax: *01877 734 0957</span></div></td>
    </tr>
    </table></td>
    </tr>
    </table>
    </body>
    </html>


  • Super User

    Ciao luigilerose e benvenuto nel forumGT 🙂

    Io non so darti una risposta, sposto il tuo messaggio nel forum di html dove troverai gente più competente di me!!


  • User Attivo

    All'interno dei tag <style> prova ad inserire il seguente codice:

    BODY {scrollbar-face-color: #5d15f2;
    scrollbar-track-color: #d5c4f9;
    scrollbar-shadow-color: #02306d;
    scrollbar-darkshadow-color:;
    scrollbar-highlight-color: #AFAFE1;
    scrollbar-3dlight-color:;
    scrollbar-arrow-color: #f9f9f9;
    scrollbar-base-color: #336600; }

    Dove naturalmente #123456 sono i valori in esadecimale dei colori che vuoi utilizzare!

    face -> il colore della scrollbar
    track -> il percorso
    shadow -> l'ombra chiara che sta sulla sinistra
    darkshadow -> l'ombra a destra, quella scura di solito
    highlight -> il colore del tasto premuto
    3dlight -> il colore della sporgenza
    arrow -> il colore delle frecce sui tastini
    base -> il colore della base

    spero di essere stato chiaro!

    ciaoo! 🙂


  • User

    salve a tutti

    purtroppo la scrolbar non si colora quando la pagina ha come doctype xhtml 1.0

    qualcuno ha una soluzione?

    grazie


  • User

    il codice sopra riportato non è standard. inoltre, viene interpretato soltanto da IE ed Opera. visto anche il risultato poco professionale, imho, forse è meglio rinunciare alla personalizzazione delle scroll.


  • Super User

    Ultimamente neanche Opera colore più le barre peraltro.