assegnare nuova classe a link "altri articoli"

[The-BiT]

Buona sera,
ho creato alcuni moduli su di un template free e ho dichiarato loro alcune classi.
Fatto sta che questi moduli ereditano la classe link da {a:link} e non dalla classe che ho appositamente creato per loro.
Vorrei quindi sapere come fare per assegnare una nuova classe links solamente a questi due moduli, oppure come fare per assegnare la classe links solo alla voce presente in home page "altri articoli".

Grazie per il vostro aiuto.

[tonicopi]

Esplora con firebug The-BiT
Ad esempio la regola per formattare i link nel moduletto del tuo profilo nel forum qui in alto a destra è questa:

Codice: [Seleziona]

ul.sidenav a:hover {
background-color:#3E3E3E;
color:#FFFFFF;
}Mentre per formattare i link nel top menù è quest'altra:

Codice: [Seleziona]

#nav a:link, #nav a:visited {
color:#333333;
}Ovvio. In un posto mi servono bianchi, nell'altro grigio scuro. Non è cosa particolarmente difficile 

[The-BiT]

Ciao tonicopi,
è proprio quello che ho fatto: ho usato firebug ed ho anche configurato le classi. ma proprio non funziona. Puoi vedere anche tu su thewebcreation.altervista.org, un sito prove.

[conti1]

ciao
quali sono i modulo ?
forse sono i 2 al centro sopra il main?

[The-BiT]

si, sono i due famosi moduli (avevo aperto anche un altro topic sulla loro implementazione css). In pratica non ereditano lo stile link dei moduli "left" e "right".

Ora non ricordo se avevo apportato le modifiche anche a questo sito (perchè non riesco ad accedervi).
In ogni caso avevo clonato tutte le classi che si riferivano ai moduli "leftcolumn" e avevo messo al posto di leftcolumn, "user1", come da l'esempio seguente:

/**** START CUSTOM MODULES U1 U8*****/
#user1, #user8  {
   float: left;
   margin-top: -3px;
   /*padding: 0 0 20px 0;*/
   padding: 0 0 0 0;
   width: 180px;
   text-align: center;
}

#user8  {
   float: right;
   margin-top: -3px;
   /*padding: 0 0 20px 0;*/
   padding: 0 0 0 0;
   width: 180px;
   text-align: center;
}

#user1 div.module_art, #user8 div.module_art, #user1 div.module, #user8 div.module {
   margin:0px;
   padding:0 0 10px 0;
   text-align:center;
   width:180px;
}

#user1 div.module_art div, #user8 div.module_art div, #user1 div.module div, #user8 div.module div, #user1 div.module_text div , #user8 div.module_text div{
   background: transparent url(../images/l_r_middle.gif) top left repeat-y;
   padding:0;
   margin:0;
}
#user1 div.module_art div div, #user8 div.module_art div div, #user1 div.module div div, #user8 div.module div div, #user1 div.module_text div div, #user8 div.module_text div div{
   /*background: transparent url(../images/l_r_bottom.gif) bottom center no-repeat;*/
   padding:0 0 10px 0;
   margin:0;
}

#user1 div.module_art div div, #user1 div.module div div, #user1 div.module_text div div, #user8 div.module_art div div, #user8 div.module div div, #user8 div.module_text div div{
   /*background: transparent url(../images/l_r_bottom.gif) bottom center no-repeat;*/
   padding:0 0 10px 0;
   margin:0;
   text-align:left;
}

#user1 div.module_art div div div, #user8 div.module_art div div div, #user1 div.module div div div, #user8 div.module div div div, #user1 div.module_text div div div, #user8 div.module_text div div div {
   /*background: url(../images/l_r_top.gif) top center no-repeat;*/
   padding:0;
   margin:0;
   color:#FFFFFF;      /* colore benvenuto mod_login   */
   font-size:12px;
}
#user1 .module_art div div div h3, #user8 .module_art div div div h3, #user1 .module div div div h3, #user8 .module div div div h3, #user1 .module_text div div div h3, #user8 .module_text div div div h3 {
   font-size:12px;
   font-family:Tahoma,Verdana, sans-serif;
   font-weight:bold;
   text-align:left;
   color:#000000;
   height:30px;
   line-height:30px;
   margin:0 auto;
   padding:0 0 5px 10px;
   background: url(../images/h3.png) top center no-repeat;
}

#user1 div.module_art div div div div, #user8 div.module_art div div div div, #user1 div.module div div div div, #user8 div.module div div div div, #user1 div.module_text div div div div, #user8 div.module_text div div div div{
   background: #C30505;   /* colore pulsanti e modulo banner */
   padding:0;
   margin:0 auto;
   width:160px;
}

#user1 table, #user8 table{
   width:160px;
   margin:0 auto 0 auto;
   padding:0;
}
#user1 table td, #user8 table td{
   color:#999;
   font-size:12px;
   font-family: Tahoma, Verdana, sans-serif;
   padding: 0;

}
#user1 div.module form table, #user8 div.module form table{ /* modula za registracia */
   padding:0;
   text-align:left;
   margin:0 auto;
   font-size:12px;
   font-family:Tahoma, Verdana, sans-serif;
   color:#999;
}
#user1 div.module form, #user8 div.module form { /* modula za registracia */
   padding:6px;
   text-align:left;
   margin:0 auto;
   font-size:12px;
   font-family:Tahoma, Verdana, sans-serif;
   color:#999;
   width:160px;
}
/***** END CUSTOM MODULES U1 U8 ***/

[conti1]

allora i moduli te ho fatti mettere io se ricordi e to fatto  prendere la formattazione della leftcolumn  x averli uguali
il motivo e molto semplice  le classi le prendi ereditate  puoi piangere in cinese ma non li cambi  ameno che non togli la formattazione leftcolumn .
e ricostruici la tua classe.

[The-BiT]

Allora,
io ho ricostruito tutta la classe, ovvero ho clonato tutto ciò che ci fosse di riferimento a "#leftcolumn, #righcolumn" e ho messo rispettivamente "#user1, #user8". Perchè non dovrebbe funzionare?
Forse mi sfugge ancora qualcosa?

[conti1]

fai le modifche nel sito che hai in altervista, che vediamo il perche non ti prende la classe che dai.