Creare più stili per i link

mercoledì 22 marzo 2006 - 12.21

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

stee85 Profilo | Senior Member

299 messaggi | Data Invio: mer 22 mar 2006 - 12:21

ciao a tutti
ho creato il mio css nel quale specifico anche lo stile del mio link:
.link
{
font-size: x-small ;
color:efefef;
font-family: verdana ;
text-decoration: none;
text-align: center;
}

a:link
{
font-size: x-small;
color: #efefef;
font-family: verdana;
text-align: center;
text-decoration: none;
}
a:visited
{
font-size: x-small;
color: #efefef;
font-family: verdana;
text-align: center;
text-decoration: none;
}
a:hover
{
font-size: x-small;
color: #484848;
font-family: verdana;
background-color: transparent;
text-align: center;
}

Ora se volessi creare un altro stile per il mio link ... diciamo un link_2 come devo chiamare i vari stili?
.link diventerà .link_2?
invece a:hover?

Grazie mille
Ste

Brainkiller Profilo | Guru

7.999 messaggi | Data Invio: mer 22 mar 2006 - 12:26

>Ora se volessi creare un altro stile per il mio link ... diciamo
>un link_2 come devo chiamare i vari stili?
>.link diventerà .link_2?
>invece a:hover?

Intanto il primo dovrebbe essere così:

a
{
  font-size: x-small  ;
  color:efefef;
  font-family:  verdana ;
  text-decoration: none;
  text-align: center;
}

quindi a e non link. Questo css ti consente di cambiare lo stile a tutti i link classici nella pagina. Per classico intendo <a href="pagina.aspx">Link</a>.
Se ne vuoi creare altri puoi usare:

.BigLink:link
.BigLink:hover
ecc.

e poi nel codice HTML mettere:

<a class="BigLink" href="pagina.aspx">Link</a>

ciao

David De Giacomi
Microsoft MVP
http://blogs.dotnethell.it/david/

stee85 Profilo | Senior Member

299 messaggi | Data Invio: mer 22 mar 2006 - 12:43

così? perchè ora anche quelli dove non ho messo class="link_1" ora sono stati formattati come se lo fossero

.link
{
   font-size: x-small;
   color: #efefef;
   font-family: verdana;
   text-align: center;
   text-decoration: none;  
}
a
{
   font-size: x-small;
   color: #efefef;
   font-family: verdana;
   text-align: center;
   text-decoration: none;  
}
a:visited
{
   font-size: x-small;
   color: #efefef;
   font-family: verdana;
   text-align: center;
   text-decoration: none;
}
a:hover
{
   font-size: x-small;
   color: #484848;
   font-family: verdana;
   background-color: transparent;
   text-align: center;
}
link_1:link
{
   font-size: x-small;
   color: #00ff00;
   font-family: verdana;
   text-align: center;
   text-decoration: none;  
}

link_1:visited
{
   font-size: x-small;
   color: #00ff00;
   font-family: verdana;
   text-align: center;
   text-decoration: none;  
}
link_1:hover
{
   font-size: x-small;
   color: #0000ff;
   font-family: verdana;
   text-align: center;
   text-decoration: none;  
}

Ste

Brainkiller Profilo | Guru

7.999 messaggi | Data Invio: mer 22 mar 2006 - 16:59

>così? perchè ora anche quelli dove non ho messo class="link_1"
>ora sono stati formattati come se lo fossero

Devi mettere un punto davanti alla definizione:

.link_1:visited

e non

link_1:visited

Il primo link in alto che hai definito non serve.
CIao

David De Giacomi
Microsoft MVP
http://blogs.dotnethell.it/david/

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !