Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : max85 02 Jul 2012, 08:28:55
-
Salve,
dopo aver modificato il template Beez_20 a mio piacimento ho inserito un modulo menu a tendina swMenuFree e attraverso la sua maschera nel menų componenti ho modificato l'aspetto a mio piacimento. Per spostare il menu sopra il logo header mi rimane una cornice trasparente che non riesco a rimuovere.
Qualcuno sa dirmi come posso fare ad eleminarla o perlomeno nasconderla?
questo č il sito http://www.isarcassette.it (http://www.isarcassette.it)
grazie
-
Il bordo trasparante č dovuto alla proprietā css:
#outerwrap { ....
padding: 8px 16px 16px !important; ....
}
questa viene aggiunta automaticamente dal componente, che versione hai di swmenufree e come hai impostato lo stile css? (presumo sia attivato l'opzione incorpora stile alla pagina)
-
si tratta della versione 7.2
per quanto riguarda lo stile css sulla voce Load Style Sheet: write style sheet dicectly into page mente Module Class Suffix: none
-
ho provato a modificare i parametri sulla styles/menu.css del modulo senza risultato, trovo questo codice
#outerwrap {
top: -385px !important ;
left: -6px;
border:0px solid #000000 ;
padding:8px 16px 16px 16px !important;
display: block;
position: relative;
z-index: 99;
}
-
Ciao, scusa per la risposta tardiva ma sono in pieni esami universitari :-[ comunque, nella schermata del componente swmenufree in alto a destra affianco al logo swmenufree dovrebbe esserci la voce "Create external css" premendo il quale il componente crea un css esterno. A questo vedrai nella stessa posizione il pulsante "Manually edit external CSS file" tramite il quale puoi modificare il css a tuo piacimento.
Ultima cosa che rimane da fare č nella opzioni style sheet setting spostare da "Write style sheet directly into page" a "Link to external style sheet"
Tutto questo č provato e testato in joomla 2.5 con swmenufree 7.2 ma non dovrebbero esserci differenze con la tua versione.
Spero di essere stato il pių esauriente possibile :)
-
ti ringrazio per le risposte.
Purtroppo non riesco ad eleminarlo, ho creato un css esterno e provato a fare delle modifiche ma senza risultato (ovvimente poi indicando "Link to external style sheet" nella maschera), se ti elenco il codice qui di seguito mi sapresti dire dove devo andare a correggere:
#swmenu table,
#swmenu,
#swmenu tr,
#swmenu td{
border:0 !important;
}
#outerwrap {
top: -385px !important ;
left: -6px;
border:0px solid #000000 ;
padding:8px 16px 16px 16px !important;
display: block;
position: relative;
z-index: 99;
}
.ddmx a.item1,
.ddmx a.item1:hover,
.ddmx a.item1-active,
.ddmx a.item1-active:hover {
padding: 8px 18px 11px 20px !important ;
font-size: 14px !important ;
font-family: Arial, Helvetica, sans-serif !important ;
text-align: center !important ;
font-weight: normal !important ;
color: #1C1C1C ;
font-style: normal !important;
text-decoration: none !important;
text-transform: none !important;
border-top: 0px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
border-left: 0px solid #FFFFFF;
border-right: 0;
display: block;
white-space: normal;
position: relative;
z-index: 200;
margin:8px 0px 0px 0px ;
background-image:none !important;
background-color: #E6E6E6 !important;
}
.ddmx td.item11.last a.item1-active,
.ddmx td.item11.last a.item1 {
border: 0px solid #FFFFFF;
}
.ddmx a.item1-active,
.ddmx a.item1-active:hover ,
.ddmx .last a:hover,
.ddmx .acton.last a,
.ddmx a.item1:hover{
white-space: normal;
background-color: #B5CFE6 !important ;
background-image:none !important;
}
.ddmx .item11:hover,
.ddmx .item11.acton:hover,
.ddmx .item11.last:hover,
.ddmx .item11.acton a.item1,
.ddmx .item11.acton a:hover,
.ddmx .item11 a:hover,
.ddmx .item11.last a:hover,
.ddmx a.item1-active,
.ddmx a.item1-active:hover {
color: #1C1C1C ;
}
.ddmx .acton a.item1-active,
.ddmx .acton a.item1:hover,
.ddmx .acton a.item1 {
white-space: normal;
background-image:none !important;
background-color: #E6E6E6 !important;
color: #1C1C1C !important ;
}
.ddmx a.item2,
.ddmx a.item2:hover,
.ddmx a.item2-active,
.ddmx a.item2-active:hover {
padding: 8px 49px 10px 15px !important ;
font-size: 14px !important ;
font-family: Arial, Helvetica, sans-serif !important ;
text-align: left !important ;
font-weight: normal !important ;
font-style: normal !important;
text-decoration: none !important;
text-transform: none !important;
display: block;
white-space: nowrap !important;
opacity:1;
filter:alpha(opacity=100)
}
.ddmx a.item2-active ,
.ddmx a.item2 {
background-image:none !important;
background-color: #FCFCFC !important ;
color: #234EA3 !important ;
border-top: 1px solid #000000 !important ;
border-left: 1px solid #000000 !important ;
border-right: 1px solid #000000 !important ;
}
.ddmx a.item2-active.last,
.ddmx a.item2.last {
border-bottom: 1px solid #000000 !important ;
z-index:500;
}
.ddmx .section a.item2:hover,
.ddmx a.item2-active,
.ddmx a.item2-active:hover {
background-image:none !important;
background-color: #2450A8 !important ;
color: #FFFFFF !important ;
border-top: 1px solid #000000 !important ;
border-left: 1px solid #000000 !important ;
border-right: 1px solid #000000 !important ;
}
.ddmx .section {
border: 0px solid #000000 ;
position: absolute;
visibility: hidden;
display: block;
z-index: -1;
}
.ddmx .inner_section {
background-color: #FCFCFC ;
display: block;
}
.ddmx .subsection a{
white-space:normal !important;
}
.ddmxframe {
border: 0px solid #000000 !important ;
}
* html .ddmx td { position: relative; } /* ie 5.0 fix */
.ddmx .item2-active img,
.ddmx .item2 img,
.ddmx .item1-active img,
.ddmx .item1 img{
border:none;
}
-
ok, proviamo cosė forse ti ho fatto creare il css esterno per niente, prova ad andare nella pagina Size, Position & Offsets e portare Complete Menu Padding tutto a zero vedi se cosė riesci a farla sparire
-
no, non succede niente..
-
ok allora, sempre nella stessa schermata metti anche top menu margin tutto a zero e poi in alto a destra fai save e poi export. Cosė dovrebbe settare tutto a zero nelle mie prove in locale ha funzionato
-
ho provato in questo modo č migliorato ma rimene sempre una linea sovrapposta, tra l'altro ora i nomi nel top menu non rimangono pių in centro anche se nella voce font&text sono su center.
-
Solo per capire bene, il menu č nella posizione corretta nel template come lo vedo ora? Quali spazi bianchi vuoi ridurre quello tra la scritta isar e il menu, o quello tra il menu e l immagine sottostante?
-
il menu si trova su un modulo sotto l'immagine quindi l'ho spostato in alto usando i setting del componente, per quanto riguarda gli spazi li posso ridurre a piacimento l'importante č che resti una proporzione sotto e sopra l'immagine
-
Risolto con swmenupro