scrollbar colorata

luigilerose

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">

</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>

pieru

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!!

pj

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!

net83it

salve a tutti

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

qualcuno ha una soluzione?

grazie

gabip87

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.

vampiretta

Ultimamente neanche Opera colore più le barre peraltro.