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 => : opsosa 12 Jan 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
-
serve link al sito
-
il sito è osstrentino.altervista.org
ma non l'ho applicata la modifica ho fatto le prove con firebug per vedere come veniva....
-
avvisaci quando lo applichi. Se puoi posta anche una screenshot di come dovrebbe venire perchè non è molto chiaro
-
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...
-
#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?
-
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....
-
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?
-
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....
-
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
-
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]
-
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;"
-
credo di aver capito.....mi ci metto subito al lavoro.....poi posto il risultato.....grazie mille
-
prima ho tentato una cosa ma non so sembra andare con
padding-left: 200px mi si sposta il menu pensi sia una soluzione fattibile?
-
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+/-
-
si infatti ho fatto la prova e si incasina il tutto...grazie..
seguo la retta via che mi hai indicato..."che è meglio"!!!
-
(http://1.bp.blogspot.com/-XemaGHmyY88/Tk2SxUYBeNI/AAAAAAAAAiM/HeRUecG1Zlw/s200/Puffo_Secchione.jpg)
:) :) :)
-
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?
-
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:
body{
background: url(../immaginerosa.jpg) repeat-x top center;
}
-
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
-
fixed è fixed, quello a cui lo applichi resta fisso rispetto alla finestra :)
-
ok grazie per l'aiuto mi ci diverto un po ora cercando di non fare casino....
-
Alla riga 1 del file nexus.css c'è già il tag body. devi modificare dov'è c'è scritto
background: #e9e9e9;e sostituirlo con
background: url(../immaginerosa.jpg) repeat-x top center #e9e9e9;
-
mi pare di aver fatto esattamente cosi...stasera riprovo a controllare....ora scappo
ciao
-
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.....
-
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
-
OBBEDISCO!!!
-
ecco ho eseguito ed effettivamente l'immagine ora in cima, l'unica cosa è che non è fissa.
il menu non devo toccarlo giusto?
-
allora Garibaldi, prova ad aggiungere alla riga anche fixed!
-
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?
-
applica sempre a quel selettore la proprietà z-index:99999999999999999999999;
-
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?
-
eeeeee così pochi 9 ci hai messo! Sii un po più generoso! :)
Comunque si, deve andar li
-
#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....
-
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...
-
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..
-
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
-
il problema è che non so come fare...è già tanto che ho capito quello che mi hai spiegato prima....
-
sostituisci in index.php il tag <body> con
<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
-
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
-
ok però così non riesco a basarmi sui progressi ed a vedere il risultato... prova a pubblicare il sito/prova in uno spazio gratuito...
-
guarda ho fatto la modifica nel sito principale online......vedi un po....
-
bene, intanto al css aggiungi
.menufisso{
position:fixed; top:0; left:0; right:0;
}ed attribuiscigli anche il background (senza però la proprietà fixed)
-
nel css intendi style1.css
la posizione in cui la metto è indifferente?
-
si
edit: al css aggiungi anche .menufisso {float: left;}
ed a .menufisso applica anche lo z-index:999; e background:#d30950;
-
ho fatto ma non mi scorre piu la pagina....
-
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
<body><div class=menufisso><jdoc:include type="modules" name="menufisso" style="none" /></div>
-
cavolacci......ho chiuso,......tieni conto che per me è come tornare ad imparare a leggere e scrivere.....e questo è un corso avanzato....
ora scorre...
-
tranquillo, manca poco.
aggiungi .menufisso li {float: left;}poi a .menufisso applica anche lo z-index:999999999;
poi ancora incolla nel css .menufisso ul a, .menufisso ul .separator {
font-weight: bold;
display: block;
padding: 0 14px;
text-decoration: none;
margin-bottom: 0px;
}
-
ok fatto ho aggiunto un heigt:45px
per l'immagine....disattivo il menuvecchio altrimenti si sovrappone ma come?
-
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
.menufisso ul {margin:0 auto; width: 960px;}
-
ok ci provo subito
-
ok
-
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.
-
ma il modulo che hai pubblicato li non è lo stesso del menu principale!
-
ho fatto una copia
-
controlla le impostazioni allora perchè questo non ha le tendine!
-
ho provato ad inserire il modulo vecchio su menufisso ma scompare il menu a tendina...
le impostazioni del modulo sono le stesse....
-
hai un messaggio pvt
-
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.
-
come soluzione alternativa ho pensato che puoi usare un'estensione come maxximenuck da pubblicare in menufisso
-
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?
-
dipende da te :)