La mia cicci è tanto brava e mi ha preparato un nuovo header, molto più tamarro di quello che c’è adesso, dunque migliore.
Purtroppo io e la mia cicci non siamo proprio delle faine dell’html, css e quelle altre cose là. Dunque la nostra domanda è la seguente:
In WordPress, nella sezione header.php del template, dove e come si fa a mettere il jpg del nuovo header?
Grazie.
11 Responses to “Serve aiuto per l’header”
Se non hai modificato troppo il codice di header.php dovrebbe essere semplice, ciò che ti scrivo in seguito è sicuramente valido se il codice è rimasto come era in origine.
Salva l’immagine in formato PNG e mettila dentro la cartella WP-CONTENT\THEMES\NOME-TEMA\IMAGES.
Il nome del file deve essere BACKGROUND.PNG.
A prescindere da tutto, ti consiglio di farti una copia in locale dell’intera cartella del tema e metterla da parte, che per esperienza ti dico che a giocare coi temi si sputtanano facilmente
dopo provo
devi andare a vedere il foglio di stile…
ora no hai una immagine, quindi devi sostituisci
#header {
padding: 0px;
margin-top: 3px;
padding-top:110px;
padding-bottom:10px;
border-bottom: 1px solid #bab1b1;
background: url(path_della_immagine_che_ti_ha_fatto_FDC);
text-align:right;
padding-right:20px;
padding-left:5px;
}
a questo
#header {
padding: 0px;
margin-top: 3px;
padding-top:110px;
padding-bottom:10px;
border-bottom: 1px solid #bab1b1;
background: #404040;
text-align:right;
padding-right:20px;
padding-left:5px;
}
nel tuo foglio di stile (http://www.buraku.net/wp-content/themes/flex/style.css)
ricorda di mettere il path della immagine (anche relativo)
uhm…però adesso mi ripete l’immagine (con uno schermo grande) e mi rimane la sritta in binaco “buraku il blog di yoshi”
Come ha già detto capemaster, devi modificare il foglio di stile:
background-image: url(sfondomoltotamarro.png);
background-repeat: no-repeat;
background-position: top center bottom left center right;
background-repeat: no-repeat per evitare che l’immagine venga ripetuta.
background-position per decidere dove piazzarla rispetto all’header (hai un tema fluido, l’ideale è center – center).
DImenticavo: nel caso tu voglia far sparire la scritta Buraku, puoi impostare
text-indent: -9999px;
a
#header h1
Così facendo proietti quelli scritta fuori dalla parte visibile della pagina, ma rimane lì, pronta a venire indicizzata dai motori di ricerca.
Oppure puoi impostare, sempre a #header h1,
visibility: hidden
che nascone il testo
Io a naso usere la seconda, ma non sono un esperto di queste cose e ho trovato un tema che usa il primo metodo…
Puoi sempre darci la tua password: noi ti facciamo la modifica e, in cambio, pubblichiamo un bel post, a nome tuo, con la tua conversione al cattocomunismo
grazie, domani provo, chè adesso è ora di fare le nanne
ma
background-image: url(sfondomoltotamarro.png);
background-repeat: no-repeat;
background-position: top center bottom left center right;
dove devo metterlo?
uhmm…adesso ho quei due spazi bianchi bruttissimi
vabbeh niente, troppo difficile per noi.
se uno ha uno schermo piccolo vede na schifezza