Inserire immagine nel logo

[Giuseppe Cincotta]

Ciao a tutti sto realizzando un sito molto semplice con joomla 2.5, ma vorrei sostituire il logo del template con il mio. In poche parole vorrei sostituire le due righe di scrittura con un'immagine jpg. So che si deve intervenire sul css, utilizzando CSS Viewer credo anche di aver trovato il punto esatto ma date le mie scarse conoscenze non so in che modo intervenire.
Grazie  in anticipo


p.s. il template è "contrast-free"

[Rasjah]

Ciao Giuseppe Cincotta,

Si la cosa dovrebbe essere abbastanza semplice, se magari metti un link del tuo sito on-line.

In linea di massima sarà da sostituire un background_image:.........   all'interno di un DIV o Class del tipo #logo o .logo, oppure.........


metti il link e saremo più precisi

[Giuseppe Cincotta]

Il link del sito è http://www.bbilcappero.it/ non fate caso a tutto il resto perché è ancora in costruzione, comunque quello che dovrei fare è togliere le due scritte in alto a sinistra ed inserire un logo in formato immagine.

[Rasjah]

devi aprire il file color1.css e alla riga riga 22

#logo {
    border-top: 0px solid rgb(25, 255, 255);
    background: repeat scroll 0% 0% transparent;
    background-image:url (.......... );
}

Invece per togliere la scritta che hai già posizionato li, mi sa che vedi andare nel back end dove la cambiata e toglierla, se vuoi...


prova

[Giuseppe Cincotta]

Grazie adesso ci provo, ma esattamente l'URL da inserire è il percorso dell'immagine una volta caricata via FTP? Chiedo scusa ma sono davvero un principiante...

[Rasjah]

l'URL è dove si trova fisicamente nel sito, la tua immagine da caricare es:

background-image:url (../images/tuaimmagine.png)


spiego: i due puntini è la root/directory principale del tuo sito, dove avrai una directory/cartella che si chiama images, dove all'interno avrai tuaimmagine.png, che è la foto da caricare..

chiaro

[Giuseppe Cincotta]

Il procedimento è chiaro solo che non funziona probabilmente sbaglio qualcosa io;
questa è la modifica che ho fatto, ho usato un'immagine precaricata per vedere se andava perché la mia devo ancora sistemarla, ma il risultato non cambia



#logo {
   border-top: 0px solid rgb(25, 255, 255);
   background: repeat scroll 0% 0% transparent;
   background-image:url (../images/powered_by.png)


ho sostituito il file color.1css  con quello modificato ma non cambia niente[size=78%] [/size]

[Rasjah]

probabilmente ci sarà da aggiustare il tiro inserendo

background-repeat: repeat ; ( o quello che vuoi )

background-position: top ; ( oquello che vuoi )

[Giuseppe Cincotta]

Ok grazie provo...

[Rasjah]

Comunque ho trovato questo nel sito ufficiale

http://a4joomla.com/faq.html



How can I set an image logo in place of the text logo?

Our commercial joomla 1.5 templates contain a Logo type parameter, you have to set it to Graphic, save your logo image as logo.png, and upload it into the images directory of the template. Set the Logo height and Logo width parameters to the size of your logo image.

The commercial joomla 1.6-2.5 templates also contain a Logo type parameter, you have to set it to Graphic,  but there is a template parameter where you can upload the logo image. Set the Logo height and Logo width parameters to the size of your logo image.


--------------------------------------------



Come posso impostare un logo immagine al posto del logo di testo?

I nostri commerciali Joomla 1.5 modelli contengono un parametro di tipo logo, è necessario impostarlo su grafica, salvare l'immagine come logo logo.png, e caricarlo nella directory images del template. Impostare l'altezza del logo e parametri width Logo per la dimensione della vostra immagine del logo.

I commerciali joomla 1,6-2,5 modelli contengono anche un parametro di tipo logo, è necessario impostarlo su grafica, ma c'è un parametro di modello in cui è possibile caricare l'immagine del logo. Impostare l'altezza del logo e parametri width Logo per la dimensione della vostra immagine del logo.

[Giuseppe Cincotta]

Ho trovato la spiegazione, purtroppo quell'impostazione  tra Testo e Grafica c'è solo nella versione a pagamento del template mentre io ho quella free, quindi mi sa che è inutile.
Comunque grazie lo stesso, non mi resta altra scelta che passare alla versione Pro oppure tenermi il testo.
Grazie, ciao. 

[tonicopi]

Se l'url nel css è questo:
background-image:url (../images/tuaimmagine.png)
l'immagine devi inserirla nella cartella images del template 

[Giuseppe Cincotta]

Avevo già provato ma niente, ma per caso oltre al color1.css devo modificare anche il template.css?

[Rasjah]

prova ad aggiungere questo all'interno del tuo file css

#log.gainlayout  {

background-image:url (../images/tuaimmagine.png)


}



o solo

.gainlayout  {

background-image:url (../images/tuaimmagine.png)


}

[Giuseppe Cincotta]

Niente da fare, per ora risolvo mettendo l'immagine nella slideshow poi cerco una soluzione.
Grazie davvero per l'aiuto.

[Rasjah]

prova questa ultima soluzione, "forzando" la priorità di lettura dell' istruzione



#logo {
    border-top: 0px solid rgb(25, 255, 255);
    background: repeat scroll 0% 0% transparent;
    background-image:url (.......... ) !important;
}


all'interno del file color1.css, fatto questo se non funziona

[Giuseppe Cincotta]

Fatto, ma niente 
Va bene lo stesso..ci abbiamo provato!!

[Rasjah]

ok Giuseppe spero di essere più bravo  , la prossima volta   

ciao.... passo e chiudo

[tonicopi]

Ma perchè dici che hai fatto e nel codice non  leggiamo le modifiche?

[Giuseppe Cincotta]

Allora ho sbagliato io forse; ricapitoliamo:
ho aperto il file color1.css, ho modificato la riga #logo..., e poi ho caricato il file modificato tramite filezilla sostituendo il file originale. Probabilmente vi ho fatto impazzire e magari la procedura era diversa?

[tonicopi]

Parliamo di questo sito?
http://www.bbilcappero.it/
se si la regola a riga 22 del file color1.css e questa:

Codice: [Seleziona]

#logo {
  background: none repeat scroll 0 0 transparent;
  border-top: 0 solid #19FFFF;
}
come puoi vedere tu stesso e chiunque altro al mondo scaricando il file:
http://www.bbilcappero.it/templates/a4joomla-contrast-free/css/color1.css
Quindi perchè dovrebbe apparire una immagine 

[Giuseppe Cincotta]

Scusatemi io sono inesperto comunque cliccando su quel link nel post quello che mi appare è questo:
body { background: #000 url(../images/bg1.jpg) repeat top left; color: #445; } #allwrap { background: #f7f5ea; border: 0px solid #000; } #topmenuwrap { background: none; border-bottom: 4px solid #000; border-top: 0px dotted #000; } #topmenu { background: none; border-top: 0px solid #000; } #header { background: none; border-bottom: 0px solid #000; } #logo { border-top: 0px solid rgb(25, 255, 255); background: repeat scroll 0% 0% transparent; background-image:url (../images/logo) !important; } #log.gainlayout  { background-image:url (../images/logo.png) } #headerright{ background: none; } h1 { color: #223; } ...e qui ci sono tutte le modifiche che ho fatto...

[tonicopi]

Certo ma  guardando meglio il css vedo che hai fatto qualche pasticcino...
Guarda che nei css non si va mica a spanne... Anche una virgola è importante!
Quindi se tu scrivi che ami la morosa il browser non  leggerà quella istruzione e n on la stamperà anche se tu l'hai scritta!
Queste regole sono sbagliate:

Codice: [Seleziona]

#logo {
    border-top: 0px solid rgb(25, 255, 255);
    background: repeat scroll 0% 0% transparent;
    background-image:url (../images/logo) !important;
}
#log.gainlayout  {
    background-image:url (../images/logo.png)
} quindi eliminale entrambe e scrivici al loro posto questa:

Codice: [Seleziona]

#logo {
    background-image: url (../images/logo.png) !important;
} Dai che ce la facciamo, non arrenderti! 

[Giuseppe Cincotta]

ok non mi arrendo provo subito

[Giuseppe Cincotta]

Credo di aver fatto bene ma non cambia nulla ugualmente...

[tonicopi]

Non è che stai editandolo con word magari?
Devi usare il blocco note

[Giuseppe Cincotta]

No no niente word, solo blocco note

[tonicopi]

...mannaggia!!!! gli apici! Scusami! L'età! 

scrivi l'url così:

Codice: [Seleziona]

("../images/logo.png")

[Giuseppe Cincotta]

Anche con le virgolette non va, a questo punto potrei anche rinunciare per oggi, tanto il sito ha comunque un aspetto quasi sufficiente...