Cambio grafica totale su ogni pagina

[c4c5]

Salve a tutti e grazie che avete creato un forum decente x le domande su evo9.
Io volevo cambiare totalmente la grafica in alcune pagine del sito (header, menu, body, footer e sfondo)..con evo8 come dice anche Snake basta inserire questo codice nei css (cambiando i nomi delle immagini):
 

body {background-image: url('../files/bg2.jpg'); }
#imHeader {background-image: url('../files/top2.jpg'); }
#imBody {background-image: url('../files/content2.jpg'); }
#imFooter {background-image: url('../files/bottom2.jpg'); }

ma in evo9 non funziona...avete provato voi? che modifiche devo apportare al codice? 

[GDR]

Perchè sulla nuova versione diverse di quelle funzioni da te richieste sono presenti già da programma.

[c4c5]

si permette di cambiare il body e lo sfondo..ma x il resto?

[GDR]

Il resto se non erro è rimasto uguale, vedo ancora presente sia  #imHeader che  #imFooter

[c4c5]

#imFooter non mi funziona, come anche il cambio immagine menù..mah 

[GDR]

Velocemente:

http://www.gdrtestdesign.altervista.org/cambio_header_footer/

[essedi]

Velocemente:

http://www.gdrtestdesign.altervista.org/cambio_header_footer/

 Credo che nessuno avesse dubbi sulle tue capacità.
Non credi che sia il caso di spiegarci anche come si fa?
 

[Silver]

direi praticamente come la v8 tranne che per la graffetta che ora non c'è essendo già disponibile la finestra per l'inserimento dei files collegati.

[c4c5]

Ciao Gdr, ho provato qui a fare un esempio di come dici ma l'haeder e il footer non compaiono in tutta la loro altezza e non sono al centro pagina ..l'immagine del menu, del centro pagina e dello sfondo non compaiono..dove sbaglio? Ho messo anche il codice nella pagina..grazie

[stesil]

Ciao,

per l'immagine di sfondo del body e del contenuto della pagina, come ti è già stato indicato, utilizza l'apposita scheda del programma (creazione della mappa --> proprietà pagina --> grafica).

Per il resto, prova a correggere il css che hai inserito indicando la posizione dell'immagine attraverso background-position:

Codice:

Only registered users can see contents. Please click here to Register or Login.
Per il menu il selettore da utilizzare è #imMnMn invece di #imMenuMain.

[c4c5]

Grazie Stesil, ho fatto come dici..solo che non riesco a centrare l'immagine centrale la quale non copre in alto fino all'immagine del menu...e l'immagine dell'header appare sovrapposta..errore nel mio codice?


#imHeader {
background-image: url('../files/header.jpg');
background-position: center;
height: 351px;
}

#imMnMn { background-color: #FFFFFF;
background-image: url('../files/barra menu.png');
background-position: center;
height: 49px;
margin-top: 135px
}

#imBody { background-image: url('../files/centro.png');
background-position: center; }

#imFooter {
background-image: url('../files/footer.jpg');
background-position: center bottom;
height: 365px;
}

[stesil]

Ciao, ho visto ... puoi provare così:

per l'immagine aggiunta nella scheda "grafica" scegli l'allineamento centro centro e dovrebbe risolvere il problema.

Per le altezze visto che i div header, menu e contenuto sono posizionati in modo assoluto, cambiando l'altezza dell'header rispetto al modello utilizzato, occorre secondo me agire sul valore di top del css di ciascun div interessato.

Quindi:
#imMnMn { background-color: #FFFFFF;
background-image: url('../files/barra menu.png');
background-position: center center;
height: 49px;
top: 351px;
}
così si posiziona sotto l'header, alto 351px.

Il div imBody nella 9 non c'è; quello che si vede tra il menu e il contenuto è l'immagine di background di imContentGraphics. Il suo valore di top dovrebbe essere uguale alla somma dell'altezza dell'header (351) e dell'altezza del menu (49). Prova a sostituire il css di imBody con questo:

#imContentGraphics{
background-image: url('../files/centro.png');
background-position: center;
top: 400px; }

[c4c5]

Grande Stesil     Praticamente quasi perfetto..manca solo abbassare i link del menu per centrarli all'immagine..x richiamare la posizione devo mettere #imMnMnTxt ?

[stesil]

 Ciao,

#imMnMnTxt contiene il testo dei bottoni del menu, ma come testo nascosto ... per centrare i link occorre, secondo me, posizionare tutti gli elementi di lista che formano il menu.

Puoi provare così:

#imMnMn ul li{
margin-top: 13px;
}

[c4c5]

ottimo spostato il menu..xò son due pomeriggi che cerco di spostarlo anche un pò a destra col padding ma mi crea solo danni..un'ultima cosa ho provato anche a sbloccare l'immagine dello sfondo in modo da scorrerlo mentre si scende con la barra..ho provato lavorando anche su #imSite oltre che al body ma solo casino..qualche idea?  graziee