Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : gaspteam 30 Apr 2013, 14:48:30
-
Salve a tutti,
sono un principiante di joomla :'( ...non è mai troppo tardi.
Sto realizzando un sito (template Beez20), vorrei diversificare il menu orizzontale con il menu verticale laterale.
Girovagando qui sul forum, sono riuscito a personalizzare il menu orizzontale, specificando alla voce "Suffisso classe di menu", poi ho scritto all'interno del file personal.css le seguenti specifiche:
/* ++++++++++++++++++++++++++ */
/* Definisco menu orizzontale */
/* ++++++++++++++++++++++++++ */
ul.menuorizzontale li {
background-color: #FF0000;
border-right:1px solid white;
color: #FFFF00!important;
display:inline;
float:left;
font-size: 14px!important;
height: 14px;
line-height:7px;
list-style-type:none;
margin: 0px 0 0;
padding: 0px 50px 7px 0px;
text-transform:uppercase;
width:8%;
z-index: 99;
}
ul.menuorizzontale li a:link,
ul.menuorizzontale li a:visited
{
background-color: #5AADD5;
border-right:4px solid red;
color:#FFFF00;
}
/* Modifica stile al passaggio del mouse sul titolo del menu */
ul.menuorizzontale li a:hover{
height: 7.3px;
font-size: 14px!important;
background-color: #5AADD5;
color:#FFF;
width:130%;
text-transform:lowercase;
}
/* Modifica stile quando clicco col mouse */
ul.menuorizzontale li a:active
{
text-transform:uppercase;
}
/* ++++++++++++++++ */
/* Fine definizione */
/* ++++++++++++++++ */
Quello che non riesco a fare (perdonatemi :-[ ) è riuscire a dare un colore diverso al carattere del menuorizzontale. Nonostante abbia specificato un colore, mi riporta sempre il colore del carattere del menu laterale.
Spero di essere stato chiaro...
-
Ciao gaspteam,
benvenuto nel forum :)
Hai un link al sito? Così è più semplice darti una mano.
-
Ciao grazie per il benvenuto.
Purtroppo non ho un link al sito, in quanto è in locale.
Ti ringrazio per l'eventuale aiuto.
-
Per esempio ho dato un'occhiata al tuo sito, vorrei fare una cosa molto simile alla tua. Tu hai un menu top orizzontale, a blocchi sfondo verde, quando ha lo stato attivo diventa sfondo grigio testo verde.
Mentre i menu laterali, sono senza sfondo, con il carattere nero, quando lo selezioni il testo diventa arancione..
Ecco i vorrei realizzare qualcosa di simile.
Il template che utilizzo è Beez20 il file che sto modificando è personal.css
Grazie!
-
Mmmm, senza link mi viene un po' difficile.
hai provato a mettere:
ul.menuorizzontale li a {
color: #FFF !important;
}
-
Si ho provato a mettere il codice ma non ottengo nessun risultato.
Ancora il sito non è pronto per andare on-line, capisco le tue difficoltà ad aiutarmi. Ma qualcosa di molto simile l'ho visto nel tuo sito. Grazie sempre.
-
Sì, ma dipende dai css...
a vederlo così dovrebbe essere:
ul.menuorizzontale li a:link
a dare il colore al link. Cambia qualcosa se aggiungi !important?
-
Guardando il tuo sito, ho visto che i menu erano creati con sxMenuFree.
Grande!!!
Grazie mille.