Prima Pagina > Creazione Siti Web > CSS - fogli di stile > LINK - Controllarli tramite CSS

News
Pubblicità

LINK - Controllarli tramite CSS

Scarica il file link.css e collegalo alle tue pagine con questa riga di codice:

<head>
<title>Titolo Pagina</title>
<link rel="stylesheet" type="text/css" media="all" href="/link.css" />
</head>


Una volta collegato il CSS ti basta scrivere <a href="..." class="lnk1"> per applicare il primo stile e cosi' via. Puoi modificare il CSS a tuo piacimento, nessun copyright vieta la distrubuzione o la modifica.

Attraverso i CSS è possibile collegare la modalità di visualizzazione di un link non cliccato, già visitato, nonché la modalità di visualizzazione quando il mouse passa sopra il link o quando il link viene cliccato.

Visualizzazione Stili

Fantasia: Claudio Santori

a.lnk0:link { font-weight: bold; font-size: 10px; color: #000000; font-family: Verdana, Arial, sans-serif; text-decoration: underline; background-color: #ffffff; }

a.lnk0:visited { font-weight: bold; font-size: 10px; color: #000000; font-family: Verdana, Arial, sans-serif; text-decoration: none; background-color: #ffffff; }

a.lnk0:hover { font-weight: bold; font-size: 10px; color: #000000; font-family: Verdana, Arial, sans-serif; text-decoration: underline; background-color: #0099ff; }

Ottimizzare.com NavBar: Claudio

a.lnk1:link {
font-weight: bold;
font-size: 10px;
color: #ffcc00;
font-family: Verdana, Arial, sans-serif;
text-decoration: none;
background-color: #000000;
padding: 5px;
}
a.lnk1:visited {
font-weight: bold;
font-size: 10px;
color: #ffcc00;
font-family: Verdana, Arial, sans-serif;
text-decoration: none;
background-color: #000000;
padding: 5px;
}
a.lnk1:hover {
font-weight: bold;
font-size: 10px;
color: #ffcc00;
font-family: Verdana, Arial, sans-serif;
text-decoration: underline;
background-color: #000000;
padding: 5px;
}

Standard: SitiWeb-Css

a.lnk2:link {
font-weight: normal;
font-size: 10px;
color: #0033ff;
font-family: Verdana, Arial, sans-serif;
text-decoration: underline;
background-color: #ffffff;
}
a.lnk2:visited {
font-weight: bold;
font-size: 10px;
color: #9900cc;
font-family: Verdana, Arial, sans-serif;
text-decoration: underline;
background-color: #ffffff;
}
a.lnk2:hover {
font-weight: bold;
font-size: 10px;
color: #000000;
font-family: Verdana, Arial, sans-serif;
text-decoration: underline;
background-color: #ffffff;
}