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 => Topic aperto da: opsosa - 12 Gen 2013, 20:49:04

Titolo: RISOLTO: estensione colore menu
Inserito da: opsosa - 12 Gen 2013, 20:49:04
ciao,
vorrei che il colore di sfondo di un menu messo in cima al sito si espandesse fino agli estremi del template anche a sinistra.
io per ora ho questo codice nel template
 
#hornav {    background-color: #D40A51;    clear: both;    position: fixed;    width: 100%;    z-index: 999;

dite che è possibile da qui?
ciao
Titolo: Re:estensione colore menu
Inserito da: giovi - 13 Gen 2013, 00:28:39
serve link al sito
Titolo: Re:estensione colore menu
Inserito da: opsosa - 13 Gen 2013, 08:36:55
il sito è osstrentino.altervista.org
ma non l'ho applicata la modifica ho fatto le prove con firebug per vedere come veniva....
Titolo: Re:estensione colore menu
Inserito da: giovi - 13 Gen 2013, 10:59:42
avvisaci quando lo applichi. Se puoi posta anche una screenshot di come dovrebbe venire perchè non è molto chiaro
Titolo: Re:estensione colore menu
Inserito da: opsosa - 13 Gen 2013, 11:06:43
ecco un tentativo messo online....
per ora sono riuscito a mettere il menu in cima fissandolo....mi piacerebbe
1 estenderlo per tutta la larghezza dello schermo...
2 far si che ci sia un margine in modo che quando scorre la pagina il contenuto scompaia ad una distanza di 10px per esempio...


Titolo: Re:estensione colore menu
Inserito da: giovi - 13 Gen 2013, 11:23:57
#hornav {    background-color: #D40A51;    clear: both;    position: fixed;    width: 100%;    z-index: 999;
Non la vedo mica questa modifica... Controlla che sia stata applicata correttamente. Dove lo hai inserito?
Titolo: Re:estensione colore menu
Inserito da: opsosa - 13 Gen 2013, 12:15:30
mhm si ho modificato il css la modifica l'ho fatta...
#hornav {    background-color: #BF0171;    clear: both;    float: left;    position: fixed;    width: 960px;    z-index: 999;}

un po diversa ...ma sempre con lo stesso scopo...te non vedi il menu in alto alla pagina? spero di non fare troppo casino....

Titolo: Re:estensione colore menu
Inserito da: giovi - 13 Gen 2013, 12:21:55
fatti sempre una copia di backup. Io vedo il menu hornav sempre sotto il logo. Dove dovrebbe essere invece?
La tua modifica non la vedo ma neanche la trovo nel codice..


aggiornamento: ora si è modificato, vedo il menu in alto. Come vuoi procedere?
Titolo: Re:estensione colore menu
Inserito da: opsosa - 13 Gen 2013, 12:29:42
io vorrei per prima cosa che il lo sfondo del menu si estendesse per tutta la lunghezza della pagina..
ma se imposto width: 100% mi si allarga solo a destra....
Titolo: Re:estensione colore menu
Inserito da: giovi - 13 Gen 2013, 12:31:23
dal momento che hai impostato una position:fixed; devi usare gli attributi top:--px; left:0; e right:0; e cancellare width: 960px; dal file nexus.css
Titolo: Re:estensione colore menu
Inserito da: opsosa - 13 Gen 2013, 12:36:54
mi sento tanto .....deficiente.....e dire che ci avevo provato...evidentemente sbagliavo a scrivere...
ora mi compare a tutta larghezza...ma come ci si poteva aspettare il menu stesso è spostato tutto a sinistra...è possibile far si che sia sempre centrato?

allego immagine che finalmente ho capito come inserire nel messaggio


[allegato eliminato da un amministratore essendo vecchio più di un anno]
Titolo: Re:estensione colore menu
Inserito da: giovi - 13 Gen 2013, 12:41:11
mmmmm.... secondo me puoi fare una cosa migliore. riporta tutto come era prima tranne il position:fixed; del menu. Poi crei un'immagine di quel colore alta quanto il menu e la imposti come background del tag body con impostazione "top center repeat-x;"
Titolo: Re:estensione colore menu
Inserito da: opsosa - 13 Gen 2013, 12:44:03
credo di aver capito.....mi ci metto subito al lavoro.....poi posto il risultato.....grazie mille
Titolo: Re:estensione colore menu
Inserito da: opsosa - 13 Gen 2013, 12:51:11
prima ho tentato una cosa ma non so sembra andare con
padding-left: 200px mi si sposta il menu pensi sia una soluzione fattibile?
Titolo: Re:estensione colore menu
Inserito da: giovi - 13 Gen 2013, 12:57:09
no perchè se io ho uno schermo più grande del tuo lo vedo comunque spostato a destra e distante dal bordo 200px ma non centranto rispetto alla pagina. puoi vederlo tu stesso l'effetto cambiando lo zoom del browser con CTRL+/-
Titolo: Re:estensione colore menu
Inserito da: opsosa - 13 Gen 2013, 12:59:21
si infatti ho fatto la prova e si incasina il tutto...grazie..
seguo la retta via che mi hai indicato..."che è meglio"!!!
Titolo: Re:estensione colore menu
Inserito da: giovi - 13 Gen 2013, 13:01:18
(http://1.bp.blogspot.com/-XemaGHmyY88/Tk2SxUYBeNI/AAAAAAAAAiM/HeRUecG1Zlw/s200/Puffo_Secchione.jpg)

:) :) :)
Titolo: Re:estensione colore menu
Inserito da: opsosa - 13 Gen 2013, 13:31:38
mi sto di nuovo incasinando non ho capito in che punto inserire l'immagine...
tag body non capisco dove trovarlo...

devo sempre metterlo nel menu hornav dove inserivo il resto?


Titolo: Re:estensione colore menu
Inserito da: giovi - 13 Gen 2013, 20:13:20
il tag body è il contenitore di tutto ciò che vedi nella pagina. Per attribuirgli uno sfondo ti basterà aggiungere una regola al file nexus.css:
Codice: [Seleziona]
body{
      background: url(../immaginerosa.jpg) repeat-x top center;
}
Titolo: Re:estensione colore menu
Inserito da: opsosa - 14 Gen 2013, 11:36:05
con il template che sto usando ho inserito nel body ma non mi compare....ho provato con il beez5 e funziona invece....mi sa che dovrò riprovare....
per quanto riguarda i moduli posso procedere allo stesso modo? se volessi che un modulo tipo notizie resti fisso lateralmente..i comandi sono sempre quelli?
ciao
Titolo: Re:estensione colore menu
Inserito da: giovi - 14 Gen 2013, 11:42:01
fixed è fixed, quello a cui lo applichi resta fisso rispetto alla finestra :)
Titolo: Re:estensione colore menu
Inserito da: opsosa - 14 Gen 2013, 11:47:54
ok grazie per l'aiuto mi ci diverto un po ora cercando di non fare casino....
Titolo: Re:estensione colore menu
Inserito da: giovi - 14 Gen 2013, 11:51:40
Alla riga 1 del file nexus.css c'è già il tag body. devi modificare dov'è c'è scritto
Codice: [Seleziona]
background: #e9e9e9;e sostituirlo con
Codice: [Seleziona]
background: url(../immaginerosa.jpg) repeat-x top center #e9e9e9;
Titolo: Re:estensione colore menu
Inserito da: opsosa - 14 Gen 2013, 12:38:29
mi pare di aver fatto esattamente cosi...stasera riprovo a controllare....ora scappo
ciao
Titolo: Re:estensione colore menu
Inserito da: opsosa - 15 Gen 2013, 12:50:43
Nulla da fare ho copiato e sostituito ma non compare nulla.
anche con firebug ho tentato per vedere di corregere in tempo reale ma non cambia nulla.....
Titolo: Re:estensione colore menu
Inserito da: giovi - 15 Gen 2013, 13:40:36
cancella la proprietà background del file style1.css alla riga 5 ed inserisci la riga pari pari come te l'ho postata io (senza distinzione tra background position, image, repeat, ecc... e aggiungi un !important subito prima del punto e virgola
Titolo: Re:estensione colore menu
Inserito da: opsosa - 15 Gen 2013, 13:59:19
OBBEDISCO!!!
Titolo: Re:estensione colore menu
Inserito da: opsosa - 15 Gen 2013, 14:16:50
ecco ho eseguito ed effettivamente l'immagine ora in cima, l'unica cosa è che non è fissa.
il menu non devo toccarlo giusto?
Titolo: Re:estensione colore menu
Inserito da: giovi - 15 Gen 2013, 14:20:45
allora Garibaldi, prova ad aggiungere alla riga anche fixed!
Titolo: Re:estensione colore menu
Inserito da: opsosa - 15 Gen 2013, 14:28:03
ho fatto cosi..
#container_header {background: url(../images/sfondomenu.png) repeat-x top center fixed #e9e9e9  !important;}

ora scorre ma quando arrivo al modulo mi scompare ...mhm forse perchè è legato all'header il fixed?
Titolo: Re:estensione colore menu
Inserito da: giovi - 15 Gen 2013, 14:37:34
applica sempre a quel selettore la proprietà z-index:99999999999999999999999;
Titolo: Re:estensione colore menu
Inserito da: opsosa - 15 Gen 2013, 14:45:30
si ci avevo pensato ma forse sbaglio dove lo metto:
style1

#container_header {background: url(../images/sfondomenu.png) repeat-x top center fixed #e9e9e9  !important;
z-index:999;

}


cosi?
Titolo: Re:estensione colore menu
Inserito da: giovi - 15 Gen 2013, 14:48:10
eeeeee così pochi 9 ci hai messo! Sii un po più generoso! :)
Comunque si, deve andar li
Titolo: Re:estensione colore menu
Inserito da: opsosa - 15 Gen 2013, 14:52:40
#container_header {background: url(../images/sfondomenu.png) repeat-x top center fixed #e9e9e9  !important;
z-index:9999999999999;}

fatto ma non cambia arrivato a superare il logo scompare....
Titolo: Re:estensione colore menu
Inserito da: giovi - 15 Gen 2013, 14:52:44
ecco il problema: il menu è inserito nell'header e nonostate il background resti fisso, l'header scorre on la pagina quindi ad un certo punto scompare anche il background. Devi creare un nuovo div in cui inserire il menu e posizionarlo all'inizio della pagina in modo che tutti gli stili applicati siano indipendenti...
Titolo: Re:estensione colore menu
Inserito da: opsosa - 15 Gen 2013, 14:59:13
faccio finta di aver capito...
e ti ringrazio per la disponibilità
questi template cosi evoluti sono un po granosi....troppi file css che interagiscono tra loro..

Titolo: Re:estensione colore menu
Inserito da: giovi - 15 Gen 2013, 16:19:03
nono, il template è semplicemente stato progettato per una struttura diversa quindi ha le sue ragioni per essere così. Tu puoi creare un nuovo div ed applicare a quello gli stili che erano validi per il precedente compreso lo sfondo che ora resterà sempre fisso
Titolo: Re:estensione colore menu
Inserito da: opsosa - 15 Gen 2013, 22:34:52
il problema è che non so come fare...è già tanto che ho capito quello che mi hai spiegato prima....
Titolo: Re:estensione colore menu
Inserito da: giovi - 15 Gen 2013, 23:25:32
sostituisci in index.php il tag <body> con
Codice: [Seleziona]
<body><div class=menufisso>   <jdoc:include type="modules" name="menufisso" style="none" /><> e pubblica il menu in posizione menufisso da gestione moduli

poi procederemo per gradi
Titolo: Re:estensione colore menu
Inserito da: opsosa - 16 Gen 2013, 12:49:55
ok sto seguendo la procedura su un sito in locale però.
ho inserito nel file index.php presente nel template.
mi compare un menu verticale in altro
Titolo: Re:estensione colore menu
Inserito da: giovi - 16 Gen 2013, 12:53:00
ok però così non riesco a basarmi sui progressi ed a vedere il risultato... prova a pubblicare il sito/prova in uno spazio gratuito...
Titolo: Re:estensione colore menu
Inserito da: opsosa - 16 Gen 2013, 13:12:45
guarda ho fatto la modifica nel sito principale online......vedi un po....
Titolo: Re:estensione colore menu
Inserito da: giovi - 16 Gen 2013, 13:18:54
bene, intanto al css aggiungi
Codice: [Seleziona]
.menufisso{
    position:fixed; top:0; left:0; right:0;
}
ed attribuiscigli anche il background (senza però la proprietà fixed)
Titolo: Re:estensione colore menu
Inserito da: opsosa - 16 Gen 2013, 13:23:42
nel css intendi style1.css

la posizione in cui la metto è indifferente?
Titolo: Re:estensione colore menu
Inserito da: giovi - 16 Gen 2013, 13:24:12
si

edit: al css aggiungi anche .menufisso {float: left;}
ed a .menufisso applica anche lo z-index:999; e background:#d30950;
Titolo: Re:estensione colore menu
Inserito da: opsosa - 16 Gen 2013, 13:32:19
ho fatto ma non mi scorre piu la pagina....
Titolo: Re:estensione colore menu
Inserito da: giovi - 16 Gen 2013, 13:35:20
ti sei accorto che hai inserito l'intera pagina all'interno di quel div? Grazie che ha smesso di scrollare.. ora è tutto fixed! Devi chiudere il tag div aperto

Il codice in index.php deve essere
Codice: [Seleziona]
<body><div class=menufisso><jdoc:include type="modules" name="menufisso" style="none" /></div>
Titolo: Re:estensione colore menu
Inserito da: opsosa - 16 Gen 2013, 13:40:06
cavolacci......ho chiuso,......tieni conto che per me è come tornare ad imparare a leggere e scrivere.....e questo è un corso avanzato....
ora  scorre...
Titolo: Re:estensione colore menu
Inserito da: giovi - 16 Gen 2013, 13:43:38
tranquillo, manca poco.
aggiungi 
Codice: [Seleziona]
.menufisso li {float: left;}poi a .menufisso applica anche lo z-index:999999999;


poi ancora incolla nel css
Codice: [Seleziona]
.menufisso ul a, .menufisso ul .separator {
font-weight: bold;
display: block;
padding: 0 14px;
text-decoration: none;
margin-bottom: 0px;
}
Titolo: Re:estensione colore menu
Inserito da: opsosa - 16 Gen 2013, 13:49:57
ok fatto ho aggiunto un heigt:45px
per l'immagine....disattivo il menuvecchio altrimenti si sovrappone ma come?
Titolo: Re:estensione colore menu
Inserito da: giovi - 16 Gen 2013, 13:53:23
abbi pazienza, se lo cancelli non possiamo vedere che stile ha. Piuttosto cancella le modifiche apportate ieri cosicchè il menu torni alla sua posizione originale. Poi aggiungi al css

Codice: [Seleziona]
.menufisso ul {margin:0 auto; width: 960px;}
Titolo: Re:estensione colore menu
Inserito da: opsosa - 16 Gen 2013, 13:55:40
ok ci provo subito
Titolo: Re:estensione colore menu
Inserito da: opsosa - 16 Gen 2013, 14:01:47
ok
Titolo: Re:estensione colore menu
Inserito da: opsosa - 16 Gen 2013, 14:25:17
mi ero sbagliato mi mancava da inserire una parte di codice che mi avevi dato...
ora assomiglia al menu originale...manca solo il menu a discesa.

Titolo: Re:estensione colore menu
Inserito da: giovi - 16 Gen 2013, 14:30:37
ma il modulo che hai pubblicato li non è lo stesso del menu principale!
Titolo: Re:estensione colore menu
Inserito da: opsosa - 16 Gen 2013, 14:31:36
ho fatto una copia
Titolo: Re:estensione colore menu
Inserito da: giovi - 16 Gen 2013, 14:34:16
controlla le impostazioni allora perchè questo non ha le tendine!
Titolo: Re:estensione colore menu
Inserito da: opsosa - 16 Gen 2013, 14:39:16
ho provato ad inserire il modulo vecchio su menufisso ma scompare il menu a tendina...
le impostazioni del modulo sono le stesse....
Titolo: Re:estensione colore menu
Inserito da: giovi - 16 Gen 2013, 14:49:30
hai un messaggio pvt
Titolo: Re:estensione colore menu
Inserito da: opsosa - 16 Gen 2013, 15:02:31
Temporaneamente ho impostato il top a 0px ù
messo position fixed e z-index:9999999;
tutto questo a hornav il menuvecchio e disabilitato il menufisso

anche se non è magari la soluzione alla scomparsa dei menu a discesa ora sembra funzionare.
Titolo: Re:estensione colore menu
Inserito da: giovi - 16 Gen 2013, 15:06:55
come soluzione alternativa ho pensato che puoi usare un'estensione come maxximenuck da pubblicare in menufisso
Titolo: Re:estensione colore menu
Inserito da: opsosa - 16 Gen 2013, 17:11:01
comunque anche come ora non mi dispiace....mi sembra sia funzionante....almeno con firefox...e safari su ipad....e chrome
io metterei anche RISOLTO che ne dici?
Titolo: Re:estensione colore menu
Inserito da: giovi - 16 Gen 2013, 17:13:35
dipende da te :)