| | Semplici CSS esterni - NECESSITA BROWSER MOZILLA FIREFOX, che si collegano alla pagina web principale | |
| |
 | | |
| max_400 |
| | QUESTA E' LA PAGINA WEB PRINCIPALE
Create una pagina web (con un programma qualsiasi o anche un block notes word pad... come cazzo volete voi) e chiamatela: principale.htm
<head>
<link rel="alternate stylesheet" href="blu-chiaro.css"
type="text/css" title="blu-chiaro" media="screen, projection">
<link rel="alternate stylesheet" href="giallo.css"
type="text/css" title="giallo" media="screen, projection">
</head>
<body>
principale
le scritte in rosso sono dei file esterni con estensione css che si collegano alla pagina principale
dopo di che ... preparate i fogli di stile...
--------------------------------------------------------------------
ecco il primo:
BODY{ background:lightblue;
margin-left : .5cm;
margin-right : .5cm;
color : red;
font-family : Verdana,Arial,Helvetica;
font-size : 10pt;
}
e lo chiamate blu-chiaro.css
-------------------------------------------------------------
poi il secondo:
BODY{ background:yellow;
margin-left : .5cm;
margin-right : .5cm;
color : blue;
font-family : Verdana,Arial,Helvetica;
font-size : 10pt;
}
e lo chiamate: giallo.css
-------------------------------------------------------------
Naturalmente è un lavoro che potete fare benissimo in locale tenete i fogli di stile e la pagina principale.htm nella stessa cartella
molto bene adesso andiamo a vedere il risultato:
avviate la pagina web: principale.htm
andate sul menu visualizza (View)
e posizionatevi nella voce: Page Style
per effetto rollOver (al passaggio del mouse su Page Style)
vedrete i due fogli di stile...
cliccate su uno di essi e se avete fatto tutto per bene vedrete
il cambiamento dello sfondo...
la messa è finita... andate a fare in culo!!
| | | |
| |
|
| max_400 |
| | Per chi non ha modzilla firefox... e non può prenderli dal menuvisualizza (View per la versione inglese) e poi stile pagina..., metto a disposizione una serie di pulsanti... cliccandoci sopra... cambia lo stile della pagina.... i colori dello sfondo del carattere ed infine una foto di sfondo...  Naturalmente ci sono esempi più complessi ma per il momento è meglio che imparate questo... cari sorcetti!! ecco un esempio:  http://max400scuola.altervista.org/a_esemp...li_di_stile.htmPS: come dice sempre mio zio.... un esempio vale più di 1000 parole.  | | | |
| |
|
| 2 replies since 14/10/2009, 17:42 104 views |
| |
| | |
