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

Offline opsosa

  • Appassionato
  • ***
  • Post: 475
  • Sesso: Maschio
  • operatore socio sanitario oss
    • Mostra profilo
RISOLTO: estensione colore menu
« il: 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
« Ultima modifica: 16 Gen 2013, 17:19:45 da opsosa »

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:estensione colore menu
« Risposta #1 il: 13 Gen 2013, 00:28:39 »
serve link al sito

Offline opsosa

  • Appassionato
  • ***
  • Post: 475
  • Sesso: Maschio
  • operatore socio sanitario oss
    • Mostra profilo
Re:estensione colore menu
« Risposta #2 il: 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....

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:estensione colore menu
« Risposta #3 il: 13 Gen 2013, 10:59:42 »
avvisaci quando lo applichi. Se puoi posta anche una screenshot di come dovrebbe venire perchè non è molto chiaro

Offline opsosa

  • Appassionato
  • ***
  • Post: 475
  • Sesso: Maschio
  • operatore socio sanitario oss
    • Mostra profilo
Re:estensione colore menu
« Risposta #4 il: 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...



Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:estensione colore menu
« Risposta #5 il: 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?

Offline opsosa

  • Appassionato
  • ***
  • Post: 475
  • Sesso: Maschio
  • operatore socio sanitario oss
    • Mostra profilo
Re:estensione colore menu
« Risposta #6 il: 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....


Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:estensione colore menu
« Risposta #7 il: 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?

Offline opsosa

  • Appassionato
  • ***
  • Post: 475
  • Sesso: Maschio
  • operatore socio sanitario oss
    • Mostra profilo
Re:estensione colore menu
« Risposta #8 il: 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....

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:estensione colore menu
« Risposta #9 il: 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

Offline opsosa

  • Appassionato
  • ***
  • Post: 475
  • Sesso: Maschio
  • operatore socio sanitario oss
    • Mostra profilo
Re:estensione colore menu
« Risposta #10 il: 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]

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:estensione colore menu
« Risposta #11 il: 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;"

Offline opsosa

  • Appassionato
  • ***
  • Post: 475
  • Sesso: Maschio
  • operatore socio sanitario oss
    • Mostra profilo
Re:estensione colore menu
« Risposta #12 il: 13 Gen 2013, 12:44:03 »
credo di aver capito.....mi ci metto subito al lavoro.....poi posto il risultato.....grazie mille

Offline opsosa

  • Appassionato
  • ***
  • Post: 475
  • Sesso: Maschio
  • operatore socio sanitario oss
    • Mostra profilo
Re:estensione colore menu
« Risposta #13 il: 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?

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:estensione colore menu
« Risposta #14 il: 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+/-

Offline opsosa

  • Appassionato
  • ***
  • Post: 475
  • Sesso: Maschio
  • operatore socio sanitario oss
    • Mostra profilo
Re:estensione colore menu
« Risposta #15 il: 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"!!!

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:estensione colore menu
« Risposta #16 il: 13 Gen 2013, 13:01:18 »


:) :) :)

Offline opsosa

  • Appassionato
  • ***
  • Post: 475
  • Sesso: Maschio
  • operatore socio sanitario oss
    • Mostra profilo
Re:estensione colore menu
« Risposta #17 il: 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?



Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:estensione colore menu
« Risposta #18 il: 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;
}

Offline opsosa

  • Appassionato
  • ***
  • Post: 475
  • Sesso: Maschio
  • operatore socio sanitario oss
    • Mostra profilo
Re:estensione colore menu
« Risposta #19 il: 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

 

Host

Torna su