[RISOLTO] Spostare posizione di logo.png

[alemwd]

Salve, sono ancora qua in questa bellissima community in cerca di aiuto! Sto facendo un sito, questo:

www.tenutafragassi.it

cè un modo per far si che l'immagine logo.png non stia incastonata nell'header ma sbordi un po? ho provato a simulare la cosa qua: http://img863.imageshack.us/i/unled1ah.jpg/

immagino bisogni dare coordinate al file, ma ho provato e non riesco!

[adottauncane]

Ciao alemwd,
hai il sito off line...

[alemwd]

Ciao alemwd,
hai il sito off line...

corretto, scusa

[adottauncane]

Ecco, aggiungi qui questo margin-left: -55px !important;

Codice: [Seleziona]

img#logo {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/light/logo.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-left: -55px !important;
}light.css (riga 125)

Però l'immagine dovrai farla trasparente...

[alemwd]

Ecco, aggiungi qui questo margin-left: -55px !important;

Codice: [Seleziona]

img#logo {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/light/logo.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-left: -55px !important;
}light.css (riga 125)

Però l'immagine dovrai farla trasparente...

sto provando ora !! devo farti un regalo a natale!

[alemwd]

non va cmq ! primo tentativo no buono

RETTIFICO: VAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAA

ti adoro!!!!!!

[adottauncane]

Non va perché non l'hai messo in css che ti ho scritto... adesso hai ingrandito il marchio (ma non reso trasparente), quindi devi mettere:

Codice: [Seleziona]

img#logo {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/light/logo.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-left: -85px !important;
}light.css (riga 125)

[alemwd]

Non va perché non l'hai messo in css che ti ho scritto... adesso hai ingrandito il marchio (ma non reso trasparente), quindi devi mettere:

Codice: [Seleziona]

img#logo {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/light/logo.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-left: -85px !important;
}light.css (riga 125)

si scusa, ho editato!!!! VAAAAAAAAAAAAAAAAAAAAAA

ti adoro

[mone84]

scusate l'intrusione,evito di aprire un altro topic,ho un problema riguardante il logo,ho tolto il logo joomla per inserire il mio,la procedura che ho seguito è:
-caricato il mio logo in images
-cambiato directory in temlate.css (e relative dimensioni)
ma non mi si visualizza nulla nel sito.
inoltre ora mi dice che template.css non è scrivibile.
aiutoo!
grazie

[adottauncane]

Ciao mone84,
benvenuto nel forum 
le ragioni potrebbero essere:
- caricato il logo nella cartella imeges generale e non in quella del template con percorso sbagliato nel css
- nome scritto con spazi, alcuni browser non gradiscono
- che da back end ti dica che il file css non è scrivibile non ha importanza. In effetti continua ad esserlo se fai le modiche da back end. Nel caso volessi farle da FTP rinomina con _old il file template.css e carichi quello modificato.

Metti un link al sito se vuoi una mano.

[mone84]

www.spaziojob.superweb.ws
gentilissimo

[mone84]

ora va bene,mille grazie

[adottauncane]

ma, il marchio sembra già il tuo... Magari fallo .jpg se vuoi che tutti i browser visualizzino lo stesso sfondino grigio (adesso c'è una piccola differenza). Se tu non lo vedi, svuota la cache del browser.