Eliminare Logo di default template e sostituirlo con un' immagine HELP[RISOLTO]

[andrea_doctor]

Ciao a tutti sono nuovo del forum e alle prime armi. Ho istallato un template di nome "Pangea", in default ha un scritta in alto e volevo sapere se era possibile eliminarla ed inserirci un' immagine. Grazie e scusate l'ignoranza ma vorrei imparare...

[ariess]

ciao e benvenuto tra noi,

questa è una semplice guida per cambiare il logo
http://wiki.joomla.it/index.php?title=Logo._Come_cambiarlo%3F

ovviamente non ci troverai i nomi esatti dei file che saranno diversi nel tuo template

se hai difficoltà posta il link del sito così vediamo di darti una mano più nello specifico

[andrea_doctor]

ciao e benvenuto tra noi,

questa è una semplice guida per cambiare il logo
http://wiki.joomla.it/index.php?title=Logo._Come_cambiarlo%3F

ovviamente non ci troverai i nomi esatti dei file che saranno diversi nel tuo template

se hai difficoltà posta il link del sito così vediamo di darti una mano più nello specifico

Grazie ora provo

[andrea_doctor]

ciao e benvenuto tra noi,

questa è una semplice guida per cambiare il logo
http://wiki.joomla.it/index.php?title=Logo._Come_cambiarlo%3F

ovviamente non ci troverai i nomi esatti dei file che saranno diversi nel tuo template

se hai difficoltà posta il link del sito così vediamo di darti una mano più nello specifico

Ci ho provato, ho sostituito l'immagine del logo con un'altra immagine avente lo stesso nome "logo" ma sul sito appare il nome del sito. Non saprei il motivo...

[ariess]

probabilmente il titolo che vedi è un testo e non un immagine.
controlla in
gestione template > tuo_template

probabilmente nei parametri c'è qualche opzione per disattivarlo

[andrea_doctor]

probabilmente il titolo che vedi è un testo e non un immagine.
controlla in
gestione template > tuo_template

probabilmente nei parametri c'è qualche opzione per disattivarlo

Si si appare un testo!

[andrea_doctor]

probabilmente il titolo che vedi è un testo e non un immagine.
controlla in
gestione template > tuo_template

probabilmente nei parametri c'è qualche opzione per disattivarlo

Se disattivo il testo poi appare in automatico l'immagine?

[ariess]

Se disattivo il testo poi appare in automatico l'immagine?

è possibile... prova 

[andrea_doctor]

.

[ariess]

sei andato fuori strada....

è questo il template?


[allegato vecchio più di un anno eliminato automaticamente]

[adottauncane]

Ciao andrea ciao ricdata,
sì è quello e il logo lo togli/sostituisci da qui:
#logo span {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/logo.png");
background-position:0 0;
background-repeat:no-repeat;
height:100%;
position:absolute;
width:100%;
}
template.css (riga 144)

[adottauncane]

Ops, scusate, avevate già fatto... ma è il nome del tuo sito che vuoi togliere?

[andrea_doctor]

Ops, scusate, avevate già fatto... ma è il nome del tuo sito che vuoi togliere?

Il template pangea in alto ha una scritta nera con scritto " template" ed è un logo che si trova nella cartella immagini dei template, l'ho sostituita e rinominata sempre con LOGO solo che invece di apparire l'immagine che desideravo appare il nome del sito in formato testuale.

[andrea_doctor]

sei andato fuori strada....

è questo il template?

Si

[ariess]

ciao adottauncane 

Ci ho provato, ho sostituito l'immagine del logo con un'altra immagine avente lo stesso nome "logo" ma sul sito appare il nome del sito. Non saprei il motivo...

assicurati che l'immagine che hai sostituito abbia la stessa estensione di quello originale, ovvero logo.png

altrimenti dovrai andare nel file che ti ha indicato adottauncane e correggere il nome del file.

comunque se potessi postare il link del tuo sito sarebbe tutto più semplice

[adottauncane]

Esattamente come dice ricdata,  ho provato a sostituirlo nella stessa cartella, con lo stesso nome e funziona. Tu vedi al suo posto il nome del tuo sito perché l'hai eliminato (il logo originale) senza sostituirlo correttamente.

[andrea_doctor]

ciao adottauncane 

Ci ho provato, ho sostituito l'immagine del logo con un'altra immagine avente lo stesso nome "logo" ma sul sito appare il nome del sito. Non saprei il motivo...

assicurati che l'immagine che hai sostituito abbia la stessa estensione di quello originale, ovvero logo.png

altrimenti dovrai andare nel file che ti ha indicato adottauncane e correggere il nome del file.

comunque se potessi postare il link del tuo sito sarebbe tutto più semplice

Ora provo

[andrea_doctor]

Fatto ragazzi ci sono riuscito, il file sostituito era jpg e non png. Ora unica pecca è che l'immagine è 5mm in basso e devo trovare un modo per spostarla verso l'alto

[adottauncane]

Link al sito? Almeno una fotina del problema? 

[andrea_doctor]

Scusate ecco un'immagine:


In pratica la foto rettangolare con il colosseo dovrebbe andare in alto.

[adottauncane]

Prova ad aggiugere questo codice alla fine del file template.css

Codice: [Seleziona]

.branding {
margin-top: -35px;
}
poi aumenta o diminuisci il valore -35px fino a che lo vedi bene.

[adottauncane]

Ah, magari leva anche tutto quel codice che hai postato prima... grazie.

[ariess]

apri il file

templates/pangea/css/template.css

e cerca questa parte

Codice: [Seleziona]

#logo span {
background: url(../images/logo.png) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
dopo height..... aggiungi una riga come questa

Codice: [Seleziona]

margin-top:10px;
i 10px sono indicativi, non potendo vedere non posso dirti il valore giusto ma facendo qualche prova ci arriverai.
se lo devi aggiustare anche in orizzontale usa questo

Codice: [Seleziona]

margin-left:10px;
NB: puoi usare anche valori negativi

[ariess]

Prova ad aggiugere questo codice alla fine del file template.css

Codice: [Seleziona]

.branding {
margin-top: -35px;
}

poi aumenta o diminuisci il valore -35px fino a che lo vedi bene.

come mai sei finita in .branding ?
funziona lo stesso, ma sarebbe più corretto e ordinato utilizzare la stessa classe del logo.... almeno così mi insegnarono i colleghi del forum quando ero giovane 

[andrea_doctor]

apri il file

templates/pangea/css/template.css

e cerca questa parte

Codice: [Seleziona]

#logo span {
background: url(../images/logo.png) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
dopo height..... aggiungi una riga come questa

Codice: [Seleziona]

margin-top:10px;
i 10px sono indicativi, non potendo vedere non posso dirti il valore giusto ma facendo qualche prova ci arriverai.
se lo devi aggiustare anche in orizzontale usa questo

Codice: [Seleziona]

margin-left:10px;
NB: puoi usare anche valori negativi

Mi servono i valori negativi, ma come li inserisco? Perchè se provo -10 non lo calcola

[adottauncane]

come mai sei finita in .branding ?
funziona lo stesso, ma sarebbe più corretto e ordinato utilizzare la stessa classe del logo.... almeno così mi insegnarono i colleghi del forum quando ero giovane 

e hai ragione... 

Per andrea -10px 

[andrea_doctor]

come mai sei finita in .branding ?
funziona lo stesso, ma sarebbe più corretto e ordinato utilizzare la stessa classe del logo.... almeno così mi insegnarono i colleghi del forum quando ero giovane 

e hai ragione... 

Per andrea -10px 

Fatto ragazzi, Non so' come ringraziarvi Sono giovane in joomla ma voglio imparare! Di sicuro questi giorni vi rompero' le scatole, ma gia' ci sto prendendo la mano

[adottauncane]

Andrea, potresti mettere RISOLTO davanti al titolo del tuo primo post? Grazie e ciao.
Ciao ricdata. 

[sudoku]

inserisci [RISOLTO] nel titolo del post. Grazie

[ariess]

bene andrea, felice di esserti stato d'aiuto, insieme ad adottauncane ovviamente 

se hai buona volontà di imparare troverai molte guide su questo sito molto valide e semplici
questa ti sarà sicuramente d'aiuto per lavorare sui template

http://www.joomla.it/guide-e-video-guide/video-guide/3645-videotutorial-su-come-utilizzare-firebug-con-il-proprio-sito-joomla.html

buon lavoro e alla prossima!