Autore Topic: RISOLTO: estensione colore menu (Letto 14982 volte)

giovi · « **Risposta #40 il:** 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...

opsosa · « **Risposta #41 il:** 16 Gen 2013, 13:12:45 »

guarda ho fatto la modifica nel sito principale online......vedi un po....

giovi · « **Risposta #42 il:** 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)

opsosa · « **Risposta #43 il:** 16 Gen 2013, 13:23:42 »

nel css intendi style1.css

la posizione in cui la metto è indifferente?

giovi · « **Risposta #44 il:** 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;

opsosa · « **Risposta #45 il:** 16 Gen 2013, 13:32:19 »

ho fatto ma non mi scorre piu la pagina....

giovi · « **Risposta #46 il:** 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>

opsosa · « **Risposta #47 il:** 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...

giovi · « **Risposta #48 il:** 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;
}

opsosa · « **Risposta #49 il:** 16 Gen 2013, 13:49:57 »

ok fatto ho aggiunto un heigt:45px
per l'immagine....disattivo il menuvecchio altrimenti si sovrappone ma come?

giovi · « **Risposta #50 il:** 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;}

opsosa · « **Risposta #51 il:** 16 Gen 2013, 13:55:40 »

ok ci provo subito

opsosa · « **Risposta #52 il:** 16 Gen 2013, 14:01:47 »

opsosa · « **Risposta #53 il:** 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.

giovi · « **Risposta #54 il:** 16 Gen 2013, 14:30:37 »

ma il modulo che hai pubblicato li non è lo stesso del menu principale!

opsosa · « **Risposta #55 il:** 16 Gen 2013, 14:31:36 »

ho fatto una copia

giovi · « **Risposta #56 il:** 16 Gen 2013, 14:34:16 »

controlla le impostazioni allora perchè questo non ha le tendine!

opsosa · « **Risposta #57 il:** 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....

giovi · « **Risposta #58 il:** 16 Gen 2013, 14:49:30 »

hai un messaggio pvt

opsosa · « **Risposta #59 il:** 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.