Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : marcob 21 Apr 2010, 11:06:30

: RISOLTO - Diminuire altezza header
: marcob 21 Apr 2010, 11:06:30

Ciao a tutti. Ho un'immagine  da inserire nell'header,ma è più piccola rispetto a quest'ultimo, ho provato ad ingrandirla ma il risultato non è dei migliori, vorrei sapere, a questo punto, se e come è possibile diminuire l'altezza dell'header in modo che possa usare l'immagine con le dimensioni originali. Grazie.
http://www.provaclerici.altervista.org/

: Re:Diminuire altezza header
: marcob 21 Apr 2010, 17:46:28

Nessuno ha qualche idea?? Grazie.

: Re:Diminuire altezza header
: adottauncane 21 Apr 2010, 17:56:45

Ciao marcob,
prova ad aggiungere al fondo del tuo template.css questa regola:

:

div.Header {

    height:150px;

}
dove a 150px sostituisci l'altezza che ti serve.

: Re:Diminuire altezza header
: caps 21 Apr 2010, 17:58:53

nel template.css ci sono più voci da modificare ...
parti dalla riga 363 circa dove trovi height:225px;
riga 381 circa height:225px;
riga 407 circa height:225px;

se riduci i valori riduci l'altezza dello spazio riservato all'immagine ... fai delle prove perchè ci sono più immagini sovrapposte ... (firefox + firebug  ;) )

: Re:Diminuire altezza header
: marcob 21 Apr 2010, 18:46:04

Ok, provo e faccio sapere, grazie.

: Re:Diminuire altezza header
: conti1 22 Apr 2010, 03:04:19

ciao
allora qui  x ridurre


template.css (riga 363)

:

div.Header  {
height:225px;<<<<<<<<<<qui
margin:0 auto;
position:relative;
width:1053px;
z-index:0;
}

qui x togliere i bordi dell'immagine vecchia



template.css (riga 381)

:

div.Header-png  {
background-image:url("../images/bordo.png");<<<qui
background-position:left top;
background-repeat:no-repeat;
height:225px;
left:0;
position:absolute;
top:0;
width:1053px;
z-index:-2;
}



e qui inserisci la tua nuova

template.css (riga 407)

:

div.Header-jpeg  {
background-image:url("../images/centro_FM.jpg");<<<qi
background-position:center center;
background-repeat:no-repeat;
height:225px;
left:0;
position:absolute;
top:0;
width:1053px;
z-index:-1;
}



: Re:Diminuire altezza header
: marcob 22 Apr 2010, 10:46:15

Sembra funzionare, ma essendo in realtà 2 le immagini(un bordo e un centro) ho dovuto modificare anche:
div.Header-png  {
background-image:url("../images/bordo.png")
background-position:left top;
background-repeat:no-repeat;
height:225px;>>>>>>>>>>>>>>>>>>diventa150px
left:0;
position:absolute;
top:0;
width:1053px;
z-index:-2;
}

div.Header-jpeg  {
background-image:url("../images/centro_FM.jpg")
background-position:center center;
background-repeat:no-repeat;
height:225px;>>>>>>>>>>>>>>>>>diventa 150px
left:0;
position:absolute;
top:0;
width:1053px;
z-index:-1;
}

Grazie.