personalizzare Clean Joomla Template

[meneit]

intanto complimenti per il servizio Joomla e per la community!

vorrei sostituire la scritta in alto del sito con un'immagine. è possibile? bisognerebbe modificare molto del css?

il sito in questione: cohorte.it

[tonicopi]

Ciao meneit e benvenuto nel forum. 
Mettere una immagine in luogo dello slogan è semplicissimo.
Apri il template e dai parametri cancelli le parole che formano il logo;
apri il file template_css.css  e ci aggiungi la riga di background in questa regola:

Codice: [Seleziona]

#top {
background:url("../images/tua.jpg") no-repeat scroll 0 0 transparent;
border-top:2px solid #B40037;
clear:both;
height:123px;
margin:0 auto;
overflow:hidden;
text-align:left;
width:900px;
}
Crei una tua immagine che chiami tua.jpg e la inserisci nella cartella images del tuo template....
 
PS: l'immagine deve essere di dimensione compresa tra 123px di altezza e 900px di larghezza e si allineerà a sinistra. Diversamente bisogna aggiustare le dimensioni con il css 

[meneit]

Ciao meneit e benvenuto nel forum. 
Mettere una immagine in luogo dello slogan è semplicissimo.
Apri il template e dai parametri cancelli le parole che formano il logo;
apri il file template_css.css  e ci aggiungi la riga di background in questa regola:

Codice: [Seleziona]

#top {
background:url("../images/tua.jpg") no-repeat scroll 0 0 transparent;
border-top:2px solid #B40037;
clear:both;
height:123px;
margin:0 auto;
overflow:hidden;
text-align:left;
width:900px;
}
Crei una tua immagine che chiami tua.jpg e la inserisci nella cartella images del tuo template....
 
PS: l'immagine deve essere di dimensione compresa tra 123px di altezza e 900px di larghezza e si allineerà a sinistra. Diversamente bisogna aggiustare le dimensioni con il css 

io vorrei che le dimentioni dell'immagine siano 900 X 200 px, come si fa?

[tonicopi]

Ti rispondo con un indovinello:
Se width:900px; sta per larghezza 900px dell'immagine mentre height:123px; sta per altezza 123 px dell'immagine, dopo aver fatto l'immagine 900x200 cosa modificheresti?
  dai che è facile facile.... 

[meneit]

Ti rispondo con un indovinello:
Se width:900px; sta per larghezza 900px dell'immagine mentre height:123px; sta per altezza 123 px dell'immagine, dopo aver fatto l'immagine 900x200 cosa modificheresti?
  dai che è facile facile.... 

li ci son arrivato anche io 

ho scritto il codice così:

Codice: [Seleziona]

#top{   url(http://giaprovatok.altervista.org/templates/clean_and_light/ccc.png)
width: 900px;
height: 123px;
border-top: 2px solid #b40037;
text-align: left;
overflow: hidden;
clear: both;
   margin: 0 auto;
}
però non visualizzo nulla 

[tonicopi]

Guarda che con il codice non è mica come toccare una ragazza che centimetro più centimetro meno quando sei all'altezza del reggicalze.... posto che qualcuna lo porti ancora il reggicalze.... 
Devi stare attento!
Io avevo scritto la stringa diversamente da te. Prima di questo
url(http://giaprovatok.altervista.org/templates/clean_and_light/ccc.png)
 ci va questo:
background:
 
La regola giusta completa è questa:

Codice: [Seleziona]

{
background:url("http://giaprovatok.altervista.org/templates/clean_and_light/ccc.png") no-repeat scroll 0 0 transparent;
border-top:2px solid #B40037;
clear:both;
height:123px;
margin:0 auto;
overflow:hidden;
text-align:left;
width:900px;
}e vedrai che l'immagine apparirà 

[meneit]

eh eh, niente da fare. forse non ho capito bene io. come avrai capito non sono molto esperto 

ho scritto il codice come mi hai detto:

Codice: [Seleziona]

#top{
background:url("http://giaprovatok.altervista.org/templates/clean_and_light/ccc.png") no-repeat scroll 0 0 transparent;
border-top:2px solid #B40037;
clear:both;
height:123px;
margin:0 auto;
overflow:hidden;
text-align:left;
width:900px;
}
ma height non dorebbe essere 200px invece che 123px?. l'immagine è di 200 px 
sia come ti ho appena scritto il codice sia mettendo 200 px in height l'immagine non si visualizza 

[tonicopi]

Ma mi stai prendendo in giro?
L'immagine è 123px e si vede...
 
EDIT: ecco in questo momento hai portato l'altezza nel css a 200px
Ma tutto sto casino per metterci una scritta come prima? 

[meneit]

avevo sbagliato il link, l'immagine che ho ora è di 200px di altezza

grazie mille!