Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => : paulhevson 11 Jan 2012, 14:59:06

: Come si cambia il formato di un main menu?
: paulhevson 11 Jan 2012, 14:59:06

Ciao a tutti.
in questo sito: http://www.et-ecotermica.it/ (http://www.et-ecotermica.it/) vorrei che il menu che compare a sinistra assumesse un formato diverso. In particolare vorrei che le voci di menu diventassero in grassetto e lo sfondo magari di un altro colore.
Mi riuscite ad aiutare? credo di dover andar a modificare il codice che riporto di seguito giusto?
Non so come si faccia a copiare il codice nel forum, intanto lo scrivo qui sotto poi se qualcuno mi dice per la prossima volta così so come fare. Grazie

:

#/*--MAIN MENU--*/
#menuWrapper{height: 30px;overflow: hidden;padding-top: 10px;}
#menu ul li a {font-weight: bold;font-size: 14px;}
#menuWrapper {margin-top: -1px;}
#menu ul {list-style: none;margin: 0;}
#menu ul li {float: left;margin: 0;}
#menu ul li a {display: block;text-decoration: none;padding: 0px 10px 9px 10px;}
#menu ul li ul li a {padding-bottom: 0px;}
#menu ul li ul {position: absolute;list-style: none;margin: 0px 0px 0px 9px;left: -9999px;z-index: 9999;padding-bottom: 10px;}
#menu ul ul li {position: relative;}
#menu ul ul ul {top: 0;margin: 0 0 0 300px;left: -9999px;z-index: 9999;}
#menu ul ul li {margin: 0;float: none;}
#menu ul ul li a {margin: 0;padding: 10px;border-right: none;}
#menu ul ul a, #menu ul li#current ul a {width: 280px;text-align: left;margin: 0;background: none;}
#menu ul ul li a:hover, #menu ul li#current ul li a:hover, ul#topmenu li.active a {}
#menu ul li:hover ul, #menu ul li.hover ul {left: auto;}
#menu ul li:hover ul ul, #menu ul li.hover ul ul {left: -9999px;}
#menu ul ul li:hover ul, #menu ul ul li.hover ul {left: auto;}
ul#topmenu {list-style: none;margin: 50px 0px 0px 0px;font-weight: bold;padding: 0px 0px 0px 0px;float: right;}
ul#topmenu li {float: left;margin: 0px 0px 0px 5px;}
ul#topmenu li a {text-transform: uppercase;text-decoration: none;display: block;padding: 5px 10px;font-size: 14px;}
ul#topmenu li.current a , ul#topmenu li.active a {-webkit-border-radius: 5px;-moz-border-radius: 5px;}#

: Re:Come si cambia il formato di un main menu?
: Maac 11 Jan 2012, 15:35:16

Penso che questo che riporti sotto sia il CSS del template che usi, perchè secondo me è la che devi intervenire per cambiare l'aspetto di un qualunque elemento.

: Re:Come si cambia il formato di un main menu?
: adottauncane 11 Jan 2012, 15:36:05

Ciao paulhevson,
aggiungi questo css al fondo del file css del template e poi lo regoli come vuoi:

:

.moduletable_menu {
background: #fcfcda;
border: 1px solid #ffda10;
}

.moduletable_menu ul.menu li a span
{
font-size:13px;
font-weight:bold;
}

: Re:Come si cambia il formato di un main menu?
: adottauncane 11 Jan 2012, 15:37:13

Ah, per inserire del codice (ma di solito non serve, come in questo caso), usa il tastino # dell'editor.

: Re:Come si cambia il formato di un main menu?
: paulhevson 11 Jan 2012, 17:30:12

Ho fatto come dici però rimane tutto tale e quale. Ho in compenso trovato un ottimo componente per creare i menu con sfondo, carattere e colori come voglio io :)  ;)

: Re:Come si cambia il formato di un main menu?
: adottauncane 11 Jan 2012, 23:04:06

Meglio ancora... Però il css che ho scritto funziona.  ;)