Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : Phil 19 Feb 2013, 11:57:56

: css menu
: Phil 19 Feb 2013, 11:57:56
salve, ho la necessita di creare un menu laterale con lo stesso stile del top menu
ma non so come intervenire sul css
il sito è http://www.centroestudioslinguisticos.org/
help pleasse
: Re:css menu
: $Red 19 Feb 2013, 12:21:58
ciao, se non sbaglio quel menu è il modulo Maxi Menu Ck (http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/drop-a-tab-menus/11578?qh=YToxOntpOjA7czoxMDoibWF4aW1lbnVjayI7fQ%3D%3D), quindi basta che crei un'altro modulo uguale o duplichi quello impostandogli il menu che vuoi far visualizzare e lo imposti in verticale invece che in orizzontale qui (http://www.joomlack.fr/en/joomla-extensions/maximenu-ck) trovi come impostare i paramentri del modulo, ma non sono un esperto quindi magari mi sbaglio e mi scuso
: Re:css menu
: Phil 19 Feb 2013, 12:24:56
il problema è che se cambio una opzione con maxi menu ck me la cambia a tutti e due
:)
: Re:css menu
: $Red 19 Feb 2013, 12:28:18
cioè se hai 2 moduli Maxi Menu Ck e imposti i parametri di uno li cambia anche nell'altro? non mi è mai capitata una cosa del genere con nessun modulo, sinceramente non so perche accade e mi incuriosisce molto spero che qualcuno posso fare chiarezza
: Re:css menu
: Phil 19 Feb 2013, 12:32:14
ora ho trovato il modo per non cambiarli ad entrambi
se creo un suffisso differente per quel menu laterale, mi riesci ad aiutare col css per renderlo uguale al top menu?
grazie
: Re:css menu
: $Red 19 Feb 2013, 12:46:12
non sono esperto comunque posta qui magari qualcuno legge oltre me, io se posso ti aiuto, comunque di solito utilizzo firebu per firefox (https://addons.mozilla.org/it/firefox/addon/firebug/) per aiutarmi a modificare i css
: Re:css menu
: Phil 19 Feb 2013, 13:16:59
l'ho posizionato in altro all'articolo della home ma voglio renderlo il piu possibile simile al top menu
: Re:css menu
: Phil 19 Feb 2013, 19:02:26
nessuno puo aiutarmi?
: Re:css menu
: $Red 20 Feb 2013, 14:13:25
ciao, scusami mi sono appena ricollegato, ho provato a guardare con firebug il css del modulo ma sinceramente non ho capito cosa potresti fare, hai provato semplicemente a duplicare il modulo del menu che vuoi uguale e la copia pubblicarla nella posizione in cui lo vuoi? spero che qualcuno esperto possa aiutarti
: Re:css menu
: Phil 20 Feb 2013, 23:19:10
no perchè alla fine è la posizione che determina il css.
basterebbe copiare quel css ma purtroppo non so capire bene quale è

: Re:css menu
: $Red 20 Feb 2013, 23:50:04
io continiuo a cercare di aiutarti magari tra le varie cavolate che scrivo ci esce qualcosa di giusto, guardando sul sito (http://a4joomla.com/joomla-templates/ocean/) del produttore da 2 posizioni per i menu position-1 dove tu hai il menu principale e position-13 un'altra posizione menu in alto sopra dove tu hai le icone social, analizzando il tuo menu sembra richiamare il css dal file template.css questo
:
}
#topmenuwrap {
    margin: 0px;
    padding: 0 0 0 0;
    position: relative;
    height:35px;
    z-index:2000;
}
#topmenu {
    text-align: left;
    margin: 0px;
    padding: 0 16px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    height:35px;
    position: relative;
    z-index:1000;
}
: Re:css menu
: Phil 21 Feb 2013, 11:27:58
il problema che di quel top menu non dice per esempio il colore dello sfondo del menu quindi mi viene qualche dubbio. perche il mio intento era copiare il css di quel menu nel css del menu laterale. pero il problema è anche trovare quello del menu laterale. perche cambiando varie opzioni, non mi è mai cambiato nulla quindi sicuramente non prendo il css giusto
: Re:css menu
: Cereal___killer 21 Feb 2013, 20:11:27
Ciao,
   allora vediamo se così ti va bene:




devi aprire color1.css, cercare la regola ".colortable_menu li", che attualmente si presenta così:



.moduletable_menu li {
border-bottom: 1px dotted #b01e22;
}


e modificarla invece in:



.moduletable_menu li {
background: #ce2227;
border: 1px solid #b01e22;
padding: 7px 14px 7px 14px;
}






Devi poi cambiare il colore dei link; prima i link inattivi, che ora sono neri, in bianchi:



moduletable_menu li a:link, .moduletable_menu li a:visited {
color: #000;
text-decoration: none;
}


va cambiato in:



moduletable_menu li a:link, .moduletable_menu li a:visited {
color: #fff !important;
text-decoration: none;
}


Infine i link "hovered":



.moduletable_menu li a:hover {
color: #cd2227;
text-decoration: none;
}


va cambiato in:



.moduletable_menu li a:hover {
color: #ffde17 !important;
text-decoration: none;
}


Resta da vedere se ti va bene il titolo del modulo, dato che il top menu non ce l'ha....
: Re:css menu
: Phil 23 Feb 2013, 14:01:01
grazie mille veramente
quel css non l'avevo mai considerato


il titolo dei menu vorrei a questo punto toglierlo