Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : miao 25 Mar 2014, 18:45:28

: Beez3 Ridimesionare header automaticamente
: miao 25 Mar 2014, 18:45:28

Ciao

No  so se il titolo è capibile
ma se si usa una scherzo da 10 pollici  l'immagine header non si vede tutta ed è mozzata
c'è un modo per dire ridimensiona in base alla schermo o ridimensionati in automatico

io vedo

.logoheader {
    background: url("../images/personal/personal2.png") no-repeat scroll right bottom #0C1A3E;
    color: #FFFFFF;
    min-height: 250px;
}
.logoheader {
    font-weight: normal;
    line-height: 1.5em;
    margin: -2px 10px 0;
    padding: 0;
    text-align: left;

cosa devo aggiungere o modifiacare ?'
Grazie

: Re:Beez3 Ridimesionare header automaticamente
: giusebos 25 Mar 2014, 19:53:04

nei css usa le media media queries.

ad esempio questa regola dice:

:

@media all and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) {
  body {
    background: #ccc;
  }
}

che gli schermi che hanno una larghezza da 699px a 1151px visualizzeranno come background il colore #ccc