-
Header
Ciao,
sto usando rhuk_milkyway come template del mio sito Joomla1.5 e l'header è un riquadro monotematico grigio dove sopra si può mettere il proprio logo.
Vorrei sostituire lo sfondo dell'header con un'immagine e mi sono accorto che all'interno della cartella "images" di questo template, si trova un file chiamato "mw_header.jpg" che penso si possa sostituire all'interno del template al posto dell'header standard.
Qualcuno sprebbe spiegarmi come fare?Grazie.
-
Crei un file delle stesse dimensioni (in pixel) di mw_header.jpg e lo sostituisci a quello.
-
Forse non mi sono spiegato: il file mw_header è presente nella cartella del template, ma non è incluso nel template stesso, nonostante le sue dimensioni siano esattamente quelle della zona header.
-
@morfeus80 said:
Forse non mi sono spiegato: il file mw_header è presente nella cartella del template, ma non è incluso nel template stesso, nonostante le sue dimensioni siano esattamente quelle della zona header.
In che senso ?
-
Probabilmente è un header sostitutivo a quello originale.
Comunque devi agire nel css, nel div #header, cambiandogli lo sfondo.
-
Il problema è che il div #header non è un'unica immagine, ma è un assieme di più immagini (ad esempio, gli angoli, i bordini superiori ed inferiori...) quindi temo che dovrei modificare il codice... Ma da solo non sono capace!
Riuscireste ad aiutarmi?
-
Io continuo a non capire, non capisco dove trovi il problema
Potresti allegare uno screenshot di come vorresti che il tuo header fosse ?
-
Prova a dare un'occhiata al sito che ho in firma: l'header è un riquadro monocromatico su quale ho inserito un'immagine che è l'indirizzo del sito... A me invece piacerebbe avere una foto al posto del riquadro monocromatico.
Mi sono spiegato un po' meglio?
-
posta qui l'immagine che vuoi mettere.
-
Mi piacerebbe mettere un'immagine tipo questa:
xxx.moderntripper.com/templates/rhuk_milkyway/images/mw_header.jpg (scusate ma non sono utente premium e non posso mettere ne' immagini ne' link...)
Se la inserisco al posto del mio logo ho i seguenti problemi:
-
il mio template è "fluido" quindi se cambio le dimensioni dello schermo, questo immagine diventa troppo larga o troppo stretta
-
siccome la mette in primo piano, va a nascondere parte del menu "top"
Come dovrei modificare il codice del template?
-
-
Ho provato a rendere variabile la larghezza del mio logo cambiando nel css la seguente riga:
width: 468px; ---------> width: 40%;
Però non ho ottenuto l'effetto desiderato perchè in vece di allungare o accorciare il mio logo, ora questo viene brutalmente tagliato alla percentuale indicata.
Dove sbaglio?
-
Allora, fammi capire, tu vuoi che il tuo logo si allarghi da sinistra a destra? O vuoi che rimanga piccolino e fermo da una sola parte?
Se la risposta esatta è la prima devi fare così, crei uno sfondo di nuvole, come il logo che ci hai mostrato. Lo dividi in tre, due bordi e un centro molto largo. Poi vai nel foglio di stile e assegni il bordo sinistro a:
div#header_l { background: url(../images/black/bordosinistro.png) 0 0 no-repeat; }Bordo destro:
div#header_r { background: url(../images/black/bordodestro.png) 100% 0 no-repeat; }Centro header:
div#header { background: url(../images/black/centroheader.png) 0 0 repeat-x; }Comunque quel logo deve essere in qualche modo allargato, magari solo lo sfondo, lasciado la dicitura scritta a sinistra nell'immagine centroheader.png. Ho usato nomi per le immagini per farti capire.
Ho fatto una piccola immagine per farti capire ancora meglio:
-
Grazie Pikadilly,
ho fatto come mi hai spiegato e qualcosa è venuto fuori. Il problema però è più difficile del previsto perchè la zona header in realtà è composta da 6 "pezzi", quindi ho dovuto dividere il lio sfondo in 6. I problema è però che facendo così ed usando uno sfondo di nuvole, si vede dove si passa da un pezzo ad un altro perchè non c'è continuità nell'immagine.
Come risolveresti questo problema senza far ricorso ad uno sfondo monocromatico?
