Unofficial WebSite X5
WebSite X5 versioni obsolete => WebSite X5 [v9] - Discussioni Generali => Topic aperto da: c4c5 - 10 Ottobre, 2011, 19:19:39
-
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? ???
-
Perchè sulla nuova versione diverse di quelle funzioni da te richieste sono presenti già da programma.
-
si permette di cambiare il body e lo sfondo..ma x il resto?
-
Il resto se non erro è rimasto uguale, vedo ancora presente sia #imHeader che #imFooter
-
#imFooter non mi funziona, come anche il cambio immagine menù..mah ???
-
Velocemente:
http://www.gdrtestdesign.altervista.org/cambio_header_footer/
-
Velocemente:
http://www.gdrtestdesign.altervista.org/cambio_header_footer/ (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?
-
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.
-
Ciao Gdr, ho provato qui (http://www.c4c5.altervista.org/prova_template_diverso/pagina-tema-diverso.html) 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
-
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:
Only registered users can see contents. Please click here to Register or Login.
Per il menu il selettore da utilizzare è #imMnMn invece di #imMenuMain.
-
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;
}
-
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; }
-
Grande Stesil :D Praticamente quasi perfetto..manca solo abbassare i link del menu per centrarli all'immagine..x richiamare la posizione devo mettere #imMnMnTxt ?
-
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;
}
-
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 :-[
-
ottimo spostato il menu..xò son due pomeriggi che cerco di spostarlo anche un pò a destra col padding ma mi crea solo danni..
Hai provato ad usare margin-left o padding-left?
un'ultima cosa ho provato anche a sbloccare l'immagine dello sfondo in modo da scorrerlo mentre si scende con la barra..
Se non ho preso un abbaglio, no, questo non si può fare con i css. In Evo9 c'è una funzione js che crea nuovi div, prende l'immagine assegnata come sfondo all'elemento html e la dispone in modo fisso adattandola alla finestra del browser. Se guardi la pagina disabilitando javascript ti accorgi della differenza.
-
Ciao Stesil, ho e avevo provato a inserire margin e padding left in #imMnMn ul li ma mi allarga solo il distacco tra voce e voce nel menu..non riesco a capire perchè nel modello personalizzato sia possibile spostare il menu a piacere e invece manualmente nel css attraverso il padding si hanno altri risutati ???
-
Se non ho preso un abbaglio, no, questo non si può fare con i css. In Evo9 c'è una funzione js che crea nuovi div, prende l'immagine assegnata come sfondo all'elemento html e la dispone in modo fisso adattandola alla finestra del browser. Se guardi la pagina disabilitando javascript ti accorgi della differenza.
Ma quindi non si può fare? :( avevo provato anche con queswto codice nei css:
body
{background-image:url("../files/sfondo marrone1.png");
background-repeat: repeat-y;
background-position: top center;
background-attachment: scroll;
}
ma niente
-
ho e avevo provato a inserire margin e padding left in #imMnMn ul li ma mi allarga solo il distacco tra voce e voce nel menu
Prova ad assegnare il nuovo valore di padding-left a #imMnMn ...
Ma quindi non si può fare? :(
Per lo sfondo, per quello che vedo io, ... no ... forse altri hanno altre idee ...
-
Grazie mille x il supporto Stesil..ho provato come dici te dando valore 20px ma niente..nella pagina ho allegato tutto il codice..qualcuno ha qualche idea??
-
Non ha alcun effetto perchè il tuo menu ha già un valore di padding-left di 20px!
Prova ad aumentare il valore ...
-
Funziona!!!!!!!! :) io pensavo che dando valore 20px si sommasse a quello già iniziale..grazie mille x la pazienza Stesil :) ora devo trovare il modo per bloccare lo sfondo e ho finito..