Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : TheBestNeo 02 Oct 2010, 22:51:47
-
Il menu non prende gli stili che gli ho applicato, il menu è posizionato nel footer:
<div id="contentbtm_bar">
<span class="left"><jdoc:include type="modules" name="footer"/></span>
</div>
e questi gli stili del div:
#contentbtm_bar {background: url(../images/contentbtm_footer.jpg) repeat-x; height: 28px; }
.menu_footer{list-style-type: none;}
#contentbtm_bar span {float: left; display: block; font-size: 11px; color: #c9c4b5; font-family: Verdana; }
#contentbtm_bar a, #contentbtm_bar a:visited, #contentbtm_bar a:active {color: #c9c4b5; text-decoration: none;}
#contentbtm_bar a:hover {text-decoration:none; color: #fff;}
#contentbtm_bar .left {float: left; width:100%; padding: 10px 0 0 10px;}
#contentbtm_bar .right {margin-left: 62%; padding: 8px 3px 0 5px; text-align: right;}
Ho aggiunto il suffisso css "_footer" e tolto lo stile della lista.
Ho anche impostato un separatore di lista, che però non viene visualizzato.
Dove sbaglio??
Grazie
-
ciao
tanto x dirne una .
qui non vedo il suffisso che hai dato al menu.
#contentbtm_bar {background: url(../images/contentbtm_footer.jpg) repeat-x; height: 28px; }
.menu_footer{list-style-type: none;}
#contentbtm_bar span {float: left; display: block; font-size: 11px; color: #c9c4b5; font-family: Verdana; }
#contentbtm_bar a, #contentbtm_bar a:visited, #contentbtm_bar a:active {color: #c9c4b5; text-decoration: none;}
#contentbtm_bar a:hover {text-decoration:none; color: #fff;}
#contentbtm_bar .left {float: left; width:100%; padding: 10px 0 0 10px;}
#contentbtm_bar .right {margin-left: 62%; padding: 8px 3px 0 5px; text-align: right;}se possibile posta il link del sito.
-
ciao
tanto x dirne una .
qui non vedo il suffisso che hai dato al menu.
#contentbtm_bar {background: url(../images/contentbtm_footer.jpg) repeat-x; height: 28px; }
.menu_footer{list-style-type: none;}
#contentbtm_bar span {float: left; display: block; font-size: 11px; color: #c9c4b5; font-family: Verdana; }
#contentbtm_bar a, #contentbtm_bar a:visited, #contentbtm_bar a:active {color: #c9c4b5; text-decoration: none;}
#contentbtm_bar a:hover {text-decoration:none; color: #fff;}
#contentbtm_bar .left {float: left; width:100%; padding: 10px 0 0 10px;}
#contentbtm_bar .right {margin-left: 62%; padding: 8px 3px 0 5px; text-align: right;}se possibile posta il link del sito.
c'è la classe menu_footer, _footer era il suffisso.
Perchè, penso, che la classe predefinita .menu mi sovrascrivesse gli stili dei div che contengono il menu.
Comunque il sito non è ancora online quindi non posso linkare...
-
ciao
scusa oh il mio monitor mi nasconde le scritte oh sono diventato ceco io.
dimmi tu dove vedi il tuo suffisso in questo css postato da te .?
#contentbtm_bar span {float: left; display: block; font-size: 11px; color: #c9c4b5; font-family: Verdana; }
sicuro di aver capito come funziona un suffisso?
http://wiki.joomla.it/index.php?title=Cos%27%C3%A8_il_Suffisso_classe_CSS_modulo%3F
-
Guardando con firebug, al nuovo menu veniva comunque associata la classe "menu".
Come tipo menu ho lasciato "lista", dunque nel codice che ne viene fuori ho:
<ul class="menu_footer">
<li class="item5"></li>
<li class="item6"></li>
<li class="item7"></li>
<li class="item8"></li>
<li class="item9"></li>
</ul>
-
Un aiutino???
-
allora vediamo se in questo modo riesco a farmi capire dove tu sbagli
guarda il menu left hai un meni di colore grigio con un suffisso _darkgrey
controlla il tutto con firebug e vedrai come e composto un css con suffisso personalizzato.
http://www.contiweb.altervista.org/
ti ho postato pure un link di guida come si fa un suffisso ma continui a fare di testa tua .
metti in pratica quello che leggi .
ripeto non basta mettere un suffisso solo al modulo ti devi ricreare tutto il css con il tuo suffisso aggiuntivo , solo in questo modo vedrai la tua grafica.
-
allora vediamo se in questo modo riesco a farmi capire dove tu sbagli
guarda il menu left hai un meni di colore grigio con un suffisso _darkgrey
controlla il tutto con firebug e vedrai come e composto un css con suffisso personalizzato.
http://www.contiweb.altervista.org/
ti ho postato pure un link di guida come si fa un suffisso ma continui a fare di testa tua .
metti in pratica quello che leggi .
ripeto non basta mettere un suffisso solo al modulo ti devi ricreare tutto il css con il tuo suffisso aggiuntivo , solo in questo modo vedrai la tua grafica.
Pardon non avevo capito quello che avevi detto e quindi pensavo di non aver esposto bene il mio problema.
Invece che ricreare tutto il css per il menu, c'è modo di annullare quello che c'è? Devo effettuare l'override di qualche modulo?
Grazie per la pazienza.
-
Continua il problema, per esempio Firebug riscontra che a:hover ha carattere bianco, ma non lo applica.
Non capisco cosa impedisca l'applicazione degli stili.
<div id="contentbtm_bar">
<span class="left"><ul class="menu_footer"><li class="item5"><a href="/francescadantimi/index.php"><span>Home</span></a></li><li class="item6"><a href="/francescadantimi/index.php?option=com_atomicongallery&view=atomicongallery&Itemid=6"><span>Portfolio</span></a></li><li class="item7"><a href="/francescadantimi/index.php?option=com_contact&view=contact&id=1&Itemid=7"><span>Contattami</span></a></li><li class="item8"><a href="/francescadantimi/index.php?option=com_content&view=article&id=8&Itemid=8"><span>Curriculum Vitae</span></a></li><li class="item9"><a href="/francescadantimi/index.php?option=com_user&view=login&Itemid=9"><span>Login</span></a></li></ul></span>
</div>
E il css relativo a questa parte:
#contentfooter {background: url(../images/contentbtm_bg.jpg) repeat;}
#cf_inner {background: url(../images/contentbtm_top.jpg) center top no-repeat; padding:7px 10px 0 10px; height:50px; }
#contentbtm_bar {background: url(../images/contentbtm_footer.jpg) repeat-x; height: 28px; }
#contentbtm_bar span {float: left; display: block; font-size: 11px; color: #c9c4b5; font-family: Verdana; }
#contentbtm_bar a, #contentbtm_bar a:visited, #contentbtm_bar a:active {color: #c9c4b5; text-decoration: none;}
#contentbtm_bar a:hover {text-decoration:none; color: #fff;}
#contentbtm_bar .left {float: left; width:100%; padding: 10px 0 0 10px;}
#contentbtm_bar .right {margin-left: 62%; padding: 8px 3px 0 5px; text-align: right;}
.menu_footer{list-style-type: none;}
.menu_footer span{float: left; display: block; font-size: 11px; color: #c9c4b5; font-family: Verdana; }
.menu_footer a, #contentbtm_bar a:visited, #contentbtm_bar a:active {color: #c9c4b5; text-decoration: none;}
.menu_footer a:hover {text-decoration:none; color: #fff;}
.menu_footer .left {float: left; width:100%; padding: 10px 0 0 10px;}
.menu_footer .right {margin-left: 62%; padding: 8px 3px 0 5px; text-align: right;}
Non riesco proprio a capire, grazie.
-
rileggi all'infinito fino a a consumare lo scroll
http://wiki.joomla.it/index.php?title=Cos%27%C3%A8_il_Suffisso_classe_CSS_modulo%3F
e quando pensi di aver capito prova a mettere in pratica quello che letto .
non ci sono molti modi se non esegui il suffisso nel css che devi personalizzare non funzionerà mai.
altro non so che dire
piu che averti fatto vedere anche un esempio di un mio sito e non ci arrivi a capire che il suffisso va sui css interessati e non solo sul modulo come stai facendo , non vedrai mai il cambiamento .
DEVI RICREARE TUTTO IL CSS CON IL SUFFISSO .
scusate x l'urlo che ho appena fatto .
-
Come vedi c'è qualcosa che mi sfugge anche rileggendo mille volte quella pagina.
Io ho messo come suffisso _footer, e correttamente firebug mi da ul class="menu_footer".
E nel css globale ho aggiunto le regole per quello.
www.francescadantimi.netsons.org (http://www.francescadantimi.netsons.org)
Ora se ti va di spiegarmi con calma senza gridare o altro te ne sono grato, sennò non importa, continuerò a provare o resterò in attesa di altre risposte, in ogni caso grazie dell'aiuto finora. :)
-
cominciamo col dire che non hai capito come funziona un suffisso , a parte questo.
dal link postato e impossibile che firebub su quel menu in fondo ti trovi quello citato da te a:hover.
la mia domanda e una sola xche vuoi mettere un suffiso su quel menu che hai nel footer?
visto che non hai nessun menu nel template in uso?
non ti basta modificare il tutto con il css già esistente?
comunque ora ti sistemo il menu e vedi come dovrebbe essere sensa suffisso
#contentbtm_bar span {
color:#C9C4B5;
display:block;
float:left;
font-family:Verdana;
font-size:11px;
margin-right:10px;
}
questo e xfare hover
#contentbtm_bar span:hover {
color:#fff;
}
questo e x farlo diventare attivo
#contentbtm_bar li.active span {
color:red;
}
inizia con questi pezzi di css
come vedi ho ricreato il css anche se non ho usato il tuo suffisso .
ripeto no vedo il motivo di aggiungere un suffisso quando quel menu e in uso solo li.
-
Ho un menu sulla destra, e quello altro non è che una copia di quello.
Quello sulla destra ha funzionato subito, senza toccare niente. Questo invece ha creato problemi, l'avevo solamente caricato all'interno del div contentbtm_bar, ma per l'appunto non applicava stili (e tra l'altro non mi mette nemmeno lo spaziatore).
Proverò il codice da te postato, ho messo il suffisso solo perchè credevo che qualcosa mi sovrascrivesse lo stile visto che non lo applicava.
Provo e ti faccio sapere, grazie.
-
Più o meno agendo sul css sono riuscito ad ottenere quello che volevo (a parte lo spaziatore | che non viene messo a meno che non metta lista legacy orizzontale).
Il problema è che in internet explorer il menu viene visto comunque in verticale...