Back to top

Autore Topic: Diversificare il menu top (orizzontale) con il side menu (verticale).  (Letto 1540 volte)

Offline gaspteam

  • Esploratore
  • **
  • Post: 50
    • Mostra profilo
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...
« Ultima modifica: 30 Apr 2013, 15:21:37 da gaspteam »

adottauncane

  • Visitatore
Ciao gaspteam,
benvenuto nel forum  :)
Hai un link al sito? Così è più semplice darti una mano.

Offline gaspteam

  • Esploratore
  • **
  • Post: 50
    • Mostra profilo
Ciao grazie per il benvenuto.
Purtroppo non ho un link al sito, in quanto è in locale.
Ti ringrazio per l'eventuale aiuto.


Offline gaspteam

  • Esploratore
  • **
  • Post: 50
    • Mostra profilo
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!
« Ultima modifica: 30 Apr 2013, 15:30:04 da gaspteam »

adottauncane

  • Visitatore
Mmmm, senza link mi viene un po' difficile.
hai provato a mettere:

Codice: [Seleziona]
ul.menuorizzontale li a {
color: #FFF !important;
}

Offline gaspteam

  • Esploratore
  • **
  • Post: 50
    • Mostra profilo
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.

adottauncane

  • Visitatore
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?

Offline gaspteam

  • Esploratore
  • **
  • Post: 50
    • Mostra profilo
Guardando il tuo sito, ho visto che i menu erano creati con sxMenuFree.
Grande!!!
Grazie mille.

 



Web Design Bolzano Kreatif