Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : angelomarotta 06 Sep 2013, 13:19:47
-
Ciao a tutti, ho bisogno del vostro aiuto, spero possiate darmi una mano. Sto sviluppando questo sito :
http://www.fumetto-ghosthunter.it/ (http://www.fumetto-ghosthunter.it/)
Ho due domande da farvi: come posso fare per cambiare il banner arancione che si trova nella testata? Ho cercato nelle immagini del Template ma non lo trovo... ne vorrei inserire uno che ho appositamente disegnato per il sito.
Seconda domanda: come posso rendere lo sfondo scorrevole? Ovvero, quando scrollo la pagina, il div centrale si muove da solo...
Spero di esser stato chiaro; se avete domande chiedete pure. Nel frattempo auguro una buona giornata a tutti voi.
-
Ciao angelomarotta,
non c'è perché non è un'immagine ma una sfumatura che trovi qui:
.header { background: linear-gradient(to bottom, #FFEEDD 0%, #FFA73D 45%, #FF7C00 80%, #FF7F04 100%) repeat scroll 0 0 transparent; border: 8px solid #252525; border-top-left-radius: 12px; border-top-right-radius: 12px; height: 150px;}template.css riga 3
Cioè vuoi lo sfondo fisso? Perché adesso è scorrevole...
body { background: url("../images/body.bg.png") no-repeat fixed 0 0 transparent; color: #FFFFFF;}
base.css riga 23
Qui o dove in realtà hai l'immagine... Ma perché non la metti lì?
-
lo trovi nel template.css alla riga 3
.header {
background: linear-gradient(to bottom, rgb(255, 238, 221) 0%, rgb(255, 167, 61) 45%, rgb(255, 124, 0) 80%, rgb(255, 127, 4) 100%) repeat scroll 0% 0% transparent;
height: 150px;
border: 8px solid rgb(37, 37, 37);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
se lo togli non vedrai più niente, e lo puoi modificare con un'immagine
background-image:url('paper.gif');
o un colore
background-color:#cccccc;
-
Grazie per le risposte. Allora voglio lo sfondo scorrevole ma l'immagine centrale fissa!! Ho provvato a inserire il codice per un immagine ma non funge!!! >:(
-
Credo di non capire... Qual è l'immagine centrale?
-
Perdonami, parlo del contenitore nero.
-
Comunque a parte quello, ho necessità di inserire un immagine al posto del banner arancione sfumato; ho visto che avete messo il codice html, ho provato ma non funziona!!
-
Devi mettere
background: url("../images/immagine.jpg")
e indserire immagine.jpg nella cartella images del template.
Ma vorresti che quel video rimanesse fisso allo scrollare della pagina? Non capisco esattamente cosa vuoi fare. Oppure vuoi che il content abbia lui le barre di scorrimento?
-
si vorrei che ul tutto rimanesse fisso allo scrollare della pagina. Ho inserito il codice e l'immagine nella cartella images, ma non funziona. In cosa sbaglio?
-
Scusa ma continuo a non capire cosa vuoi che rimanga fisso. Cosa intendi per il tutto?
Non puoi mettere fisso il video se scrolli il content, visto che il video è inserito nel content. Ma poi a cosa servirebbe scrollare la pagina se va sotto il video?
-
rcco, intendevo in content fisso e la pagina che scorre!!
-
Ma... ??? ???
Così?
.leading-0 {
height:600px;
overflow:auto;
}
aggiungilo in un file css del template.
-
Niente dai, lasciamo stare... non riesco a spiegarmi bene e poi non è fondamentale. Come posso inserire un'immagine in testata?
-
che parte intendi x "testata" ????
forse il selettore class .leading-0
-
Quella arancione sfumata. http://www.fumetto-ghosthunter.it/ (http://www.fumetto-ghosthunter.it/)
-
ciao angelomarrotta,
io non vedo niente di arancione sfumato... ???
Vorrei consigliarti di provare ad essere quanto piu preciso possibile nelle domande che fai altrimenti gli altri non possono indovinare quel che cerchi :) cosi evitiamo anche i botta e risposta
-
ciao, scusa per la tardiva risposta... non si vedeva perché non pensandoci avevo cambiato template!! Mea culpa!! Adesso però la testata arancione si dovrebbe vedere.
http://www.fumetto-ghosthunter.it/ (http://www.fumetto-ghosthunter.it/)
Scusate di nuovo.
-
all'interno del file template.css riga 3 avrai
.header {
background: linear-gradient(to bottom, rgb(255, 238, 221) 0%, rgb(255, 167, 61) 45%, rgb(255, 124, 0) 80%, rgb(255, 127, 4) 100%) repeat scroll 0% 0% transparent;
height: 150px;
border: 8px solid rgb(37, 37, 37);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
metti un immagine con
.header {
background-image: url(xxxx.jpg); quello che vuoi
height: 150px;
border: 8px solid rgb(37, 37, 37);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
-
Ciao angelomarotta,
non c'è perché non è un'immagine ma una sfumatura che trovi qui:
.header { background: linear-gradient(to bottom, #FFEEDD 0%, #FFA73D 45%, #FF7C00 80%, #FF7F04 100%) repeat scroll 0 0 transparent; border: 8px solid #252525; border-top-left-radius: 12px; border-top-right-radius: 12px; height: 150px;}template.css riga 3
all'interno del file template.css riga 3 avrai
.header {
background: linear-gradient(to bottom, rgb(255, 238, 221) 0%, rgb(255, 167, 61) 45%, rgb(255, 124, 0) 80%, rgb(255, 127, 4) 100%) repeat scroll 0% 0% transparent;
height: 150px;
border: 8px solid rgb(37, 37, 37);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
metti un immagine con
.header {
background-image: url(xxxx.jpg); quello che vuoi
height: 150px;
border: 8px solid rgb(37, 37, 37);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
Ti abbiamo già risposto tre volte, sempre nello stesso modo... ;)
-
Ciao si lo so, tuttavia avevo riposto perché mi dicevano, giustamente, che non vedevano il logo arancione 8)