Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : The-BiT 17 Apr 2009, 20:29:00
-
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.
-
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:
ul.sidenav a:hover {
background-color:#3E3E3E;
color:#FFFFFF;
}Mentre per formattare i link nel top menù è quest'altra:
#nav a:link, #nav a:visited {
color:#333333;
}Ovvio. In un posto mi servono bianchi, nell'altro grigio scuro. Non è cosa particolarmente difficile ;)
-
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.
-
ciao
quali sono i modulo ?
forse sono i 2 al centro sopra il main?
-
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 ***/
-
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.
-
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?
-
fai le modifche nel sito che hai in altervista, che vediamo il perche non ti prende la classe che dai.