Newsgroup: it.comp.www.html
Titolo: barre di scorrimento colorate

Ciao,
come si colorano le barre di scorrimento laterali del browser quando apre un
sito???
Sarebbero graditi esempi e siti di riferimento...
Grazie 1000
Alex

> come si colorano le barre di scorrimento laterali del browser quando apre
un
sito???
Sarebbero graditi esempi e siti di riferimento...
body {
 scrollbar-arrow-color:#0066CC;
 scrollbar-base-color:#FFFFFF;
 scrollbar-shadow-color:#F3F3F3;
 scrollbar-face-color:#FFFFFF;
 scrollbar-highlight-color:#CCCCCC;
 scrollbar-dark-shadow-color:#FFFFFF;
 scrollbar-3d-light-color:#0066CC;}
www.interisti.org
questo č il codice che ho messo nel foglio di stile del sito citato e
spammato lě sopra!
ciao
Lů
---
www.interisti.org
---

 ha scritto nel messaggio
news:bc4pec$ff8ej$1...@ID-188020.news.dfncis.de...

Grazie,
ma mi sarebbe utile metterlo nella mia index...come faccio?
Magari puoi darmi anche qualche dritta per i fogli di stile...su come si
usano
Grazie 1000,
Alex

 usano
documentazione sui fogli di stile ne trovi a bizzeffe in internet...
http://pro.html.it/lista_articoli.asp/idcat_8/
qui per esempio ne trovi parecchia
cmq, se usi Dreamweaver il css te li crea lui (css=foglio di stile), è
abbastanza intuitivo..
poi ti guardi il codice e capisci da solo
cmq quello che segue è il codice che ho implementato su 
www.interisti.org
<html>
<head>
<title>Interisti.org</title>
<script language="JavaScript" type="text/javascript"
src="script.js"></script>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
come vedi c'è un richiamo ad un file esterno che sta nella cartella css e si
chiama style.css
tale foglio di stile ha questo codice che puoi benissimo scrivere a mano su
un qualiasi foglio di notepad e salvare con estenzione .css
<-- inizio codice -->
p {   font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;}
td {   font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px}
body {
 scrollbar-arrow-color:#0066CC;
 scrollbar-base-color:#FFFFFF;
 scrollbar-shadow-color:#F3F3F3;
 scrollbar-face-color:#FFFFFF;
 scrollbar-highlight-color:#CCCCCC;
 scrollbar-dark-shadow-color:#FFFFFF;
 scrollbar-3d-light-color:#0066CC;}
marquee {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000000}
<-- fine codice -->
cosa significa.. che tutte le volte che trova un tag <td> lui formatterà
eventuale testo che ci trova con il font Verdana ( a seguire gli altri se
non trova il verdana) con grandezza 10 px.
il tag <body> invece ti imposta la scorllbar secondo quello che ci leggi
dentro.
poi c'è il discorso delle classi e che qui non si vede...
ma inizia a capire questo... di domande sui css ne trovi a iosa anche sul
ng.. datti alla lettura :-)))
cmq, è possibile non usare un css per avere la barra colorata
all'interno del tag <head> aggiungi lo stesso codice sopra riportato
preceduto dal tag <style>
<html>
<head>
<title>Interisti.org</title>
<style>
body {
 scrollbar-arrow-color:#0066CC;
 scrollbar-base-color:#FFFFFF;
 scrollbar-shadow-color:#F3F3F3;
 scrollbar-face-color:#FFFFFF;
 scrollbar-highlight-color:#CCCCCC;
 scrollbar-dark-shadow-color:#FFFFFF;
 scrollbar-3d-light-color:#0066CC;}
</style>
<script> ....... </script>
</head>
<body>
....
</body>
<html>
tutto chiaro?
ciao
Lore
---
www.interisti.org
---

 poi ti guardi il codice e capisci da solo
Si, un attimo... Però che io sappia non crea anche la parte di css per
personalizzare le barre di scorrimento... Io almeno la faccio ancora
manualmente questa parte. Sbaglio, forse?
Antonio Mirarchi

 manualmente questa parte. Sbaglio, forse?
no, non mi pare che tu sbagli
infatti io di solito apro il foglio di stile con Notepad e aggiungo
manualmente la parte che riguarda la barra di scorrimento.
io cmq mi riferivo alle classi, se non ricordo male quello che ho scritto :)
aggiungo questa cosa
{overflow-x: hidden; overflow-y: scroll}
serve, come mi hanno scritto in un altro post, a disabilitare la barra
orizzontale o la verticale a seconda di come si setta.
ciao ciao
buoni 26 anni :-)
Lů
---
www.interisti.org
---