Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : DJ-HACK-PSP 20 Jul 2010, 14:27:06
-
salve a tutti...vorrei modificare il template che ho messo sul mio sito : www.worldofhack.altervista.org
il tema è questo : http://www.joomla.it/template/elenco-template/4111-badlernvidcom.html
voglio cambiare lo sfondo quello dietro nero e la parte sopra dove c'è scritto il nome del sito mettendo un'altra immagine.. come si fa??
come si fa anche a cambiare il logo quello vicino a dove scrvi il sito??
-
ciao,
non ho avuto tempo di installare il template, cmq per modificare la scritta se non ha dei parametri di configurazione direttamente il template(estensioni-gestione template-selezioni il template) è probabile che tu possa modificare da sito-configurazione-sito-nome sito.
Per modificare l'immagine devi cambiare l'immagine header.jpg dentro la cartella images del template, quindi puoi modifcare direttamente l'archivio zip che hai scaricato e poi reinstallarlo, oppure andare in images del template con client ftp.
-
Ciao
una parte dell'immagine del logo la trovi qui:
template.css (riga 36)
#header {
background-image:url("../images/header.jpg"); <------
background-position:center top;
background-repeat:no-repeat;
height:250px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
max-width:1180px;
min-width:980px;
}
Le estremità delle ali sono qui:
template.css (riga 26)
#header_container {
background-color:transparent;
background-image:url("../images/header_container.jpg"); <----------
background-position:center top;
background-repeat:no-repeat;
height:250px;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
width:100%;
}
Lo sfondo nero è qui:
template.css (riga 18)
#wrapper {
background-color:transparent;
background-image:url("../images/bg.jpg"); <--------
background-position:center top;
background-repeat:no-repeat;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
width:100%;
}
Però se vuoi un colore devi aggiungere background: #FFFFFF;
Un altra immagine per la parte centrale è qui:
template.css (riga 119)
#container {
background-image:url("../images/container.gif");
background-position:center top;
background-repeat:repeat-y;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
max-width:1180px;
min-width:980px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
text-align:left;
}
Un'altra qui:
template.css (riga 295)
#content {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#000000; <--------- per cambiare colore
background-image:url("../images/content.jpg"); <-------
background-position:center top;
background-repeat:repeat-y;
border-bottom-color:#111111;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:#111111;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:solid;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:1px;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:#111111;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:solid;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:1px;
border-top-color:#111111;
border-top-style:solid;
border-top-width:1px;
color:#555555;
min-height:600px;
padding-bottom:0;
padding-left:10px;
padding-right:10px;
padding-top:0;
}
Prima di procedere con le modifiche ti conviene aprire questi file con un programma di foto ritocco, studiarteli e vedere cosa vuoi fare. Ti conviene anche scartabellare a fondo i .css con Firebug per capire se vale la pena apportare tutti i cambiamenti o se cercare un template più vicino alle tue esigenze...
-
Ah, per la favicon, prova a leggere questo articolo:
http://www.joomla.it/articoli-della-community/773-come-modificare-la-favicon.html
-
favicon cambiato... ;D ... adesso mi metto al lavoro x le altr cosuccie..
-
ho fatto cosi : ma non succede niente ..HELP!
#wrapper {
background-image: url('../images/tutte-le-console.jpg'); <------
background-position:center top;
background-repeat: no-repeat;
width:100%;
margin: 0 auto;
background-color: transparent;
}
ho voluto cambiare lo sfondo nero..
1) ho messo la foto chiamata : tutte-le-console su images via ftp e ho tolto ('.../images/bg.jpg'); ..
ed ho fatto cosi su :
#wrapper {
background-image: url('../images/tutte-le-console.jpg');
background-position:center top;
background-repeat: no-repeat;
width:100%;
margin: 0 auto;
background-color: transparent;
}
giusto?
ma non succede niente al sito!! HELP
-
:) Succede esattamente quello che hai modificato e cioè l'immagine è visibile nel wrapper... Naturalmente con una risoluzione video 1680x1050, Con una risoluzione minore è probabile che tu non lo veda... ma perché hai messo un'immagine nel wrapper? Non volevi cambiare l'intestazione? E solo il colore allo sfondo?
Ti converrebbe studiarti bene i .css del template e le sue immagini per capire se e come modificarle... usa Firebug e prova prima di lì...