Header unico in Ja_purityII

[adottauncane]

Be, no... se hai il tempnate fisso e metti un'immagine in questo modo, anche aprendo o chiudendo il browser non si muove... quindi dovresti ottenere l'effetto che vuoi...
template.css (riga 937)

Codice: [Seleziona]

#ja-header  {
background:url("../images/logo.gif") no-repeat scroll center top transparent; <---- così
height:140px;
position:relative;
z-index:10;
}

L'immagine la fai tipo 1800 px di larghezza e la stessa altezza di quella centrale, con 300px a sin e 300px a destra di immagine vera e propria, 1200 di buco (se il template è fisso a 1200, se no della larghezza del template)

[filipposs]

Scusa, ti posto il codice in originale, se puoi farmi le modifiche su questo perchè il tuo mi sembra diverso!
Nell'immagine allegata c'è il risultato di quello che dovrebbe essere, spero così ci capiamo
Grazie

Codice: [Seleziona]

/* HEADER
--------------------------------------------------------- */
#ja-header { background: #333; position: relative; z-index: 10; }

#ja-header .main {
background-color: #333;
background-position: top right;
background-repeat: no-repeat;
height: 80px;
}

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1;}

h1.logo, div.logo-text { float: left; z-index: 1; position: relative; }

/* Logo Image ---*/
h1.logo { height: 79px; width: 207px; }

h1.logo a {   -------------------------------------------------------------------------   RIGA 937 -----------------------
background: url(../images/logo.gif) no-repeat left;
display: block;
height: 79px;
width: 207px;
}

h1.logo a span { position: absolute; top: -1000px; }

/* Logo Text ---*/
div.logo-text { margin-top: 8px; }

div.logo-text h1 a {
color: #ccc;
font-weight: bold;
letter-spacing: 1px;
text-decoration: none;
}

p.site-slogan {
background: #444;
color: #999;
display: block;
font-size: 85%;
letter-spacing: 1px;
margin: 8px 0 0;
padding: 0 5px;
text-align: center;
text-transform: uppercase;
}

/* Header mask ---*/
.ja-headermask {
background: url(../images/header-mask.png) no-repeat top right;
display: block;
height: 80px;
position: absolute;
right: -1px;
top: 0;
width: 602px;
z-index: 0;
}

/* NAVIGATION
--------------------------------------------------------- */
[allegato vecchio più di un anno eliminato automaticamente]

[adottauncane]

Be, sì l'ho fatto su quello che uso io, magari sul tuo hai già fatto modifiche... prova cosi:

Codice: [Seleziona]

#ja-header { background:url("../images/logo.gif") no-repeat scroll center top transparent; position: relative; z-index: 10; }
Dove a logo.gif sostituisci il tuo sfondo.

Certo se avessi un link al sito che stai modificando... 

[filipposs]

Fatto ma non va!

Codice: [Seleziona]

/* HEADER
--------------------------------------------------------- */
#ja-header { background:url("../images/logounico.gif") no-repeat scroll center top transparent; position: relative; z-index: 10; }

#ja-header .main {
background-color: #;
background-position: top right;
background-repeat: no-repeat;
height: 80px;
}

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1;}

h1.logo, div.logo-text { float: left; z-index: 1; position: relative; }



h1.logo a span { position: absolute; top: -1000px; }

/* Logo Text ---*/
div.logo-text { margin-top: 8px; }

div.logo-text h1 a {
color: #ccc;
font-weight: bold;
letter-spacing: 1px;
text-decoration: none;
}

p.site-slogan {
background: #444;
color: #999;
display: block;
font-size: 85%;
letter-spacing: 1px;
margin: 8px 0 0;
padding: 0 5px;
text-align: center;
text-transform: uppercase;
}



/* NAVIGATION
--------------------------------------------------------- */

http://tuttooggi.altervista.org/

Anche se specifico da gestione template qualsiasi larghezza il risultato non cambia.

[adottauncane]

Ti assicuro che funziona, almeno a me funziona, adesso non so quali modifiche hai fatto e quali no, comunque...
1. L'immagine, come ti ho scritto, deve essere 1800 punti e il buco 1200 se hai il template impostato così... ma la parte destra e quella sinistra devono ovviamente essere uguali. Se le misure fossero quelle sopra 300px +1200px + 300px, altrimenti rimane scentrato.
2. Devi mettere il tuo logo nella parte centrale o la tua immagine, ovviamente... se ripercorri i post dovresti trovare il punto dove inserirla.
Adesso non posso dirti di più, perché sono fuori ufficio...

[filipposs]

Non funziona! Se guardi il sito l'immagine non è centrata e poi come dici tu si dovrebbe vedere solo la parte centrale è così non è, almeno io vedo questo:

[allegato vecchio più di un anno eliminato automaticamente]

[adottauncane]

Mi sa che ci siamo ingarbugliati un po' dopo tanto passaggi.
L'immagine unica nell'header è possibile, infatti la parte rosa non si muove rispetto alla parte utile del tamplate. Naturalmente la parte destra e sinistra si vedranno più o meno a seconda dell'ampiezza e della risoluzione del video. Ma questo l'avevamo già appurato... Ma anche questo è una condizione che non possiamo alterare.
Quindi le soluzioni sono due: o fai un'immagine unica centrando bene la parte in corrispondenza dello spazio utile del template e la metti come adesso, oppure fai due immagini una di sfondo e una che carichi dove hai quella attuale e una nella parte centrale sopra al template... ma a seconda delle risoluzioni la parte sinistra e destra si vedranno più o meno, non c'e modo di ridimensionare l'immagine, come già detto.
Prova a guardare questo sito:
http://www.nexusjournal.com/index.php
Dove vedi il verde si può mettere la tua immagine di sfondo e dove c'è il marchio, spostando il blocco l'altra immagine. Oppure dove adesso c'è il bianco.
Mi sembra che tu non abbia fatto altre modifice sul file template.css. Fai un bel mestiere, ricarica il file template originale e ripartiamo da capo...