Back to top

Autore Topic: [RISOLTO] Come aumentare altezza "Header"  (Letto 3120 volte)

Offline wakeup

  • Esploratore
  • **
  • Post: 133
    • Mostra profilo
[RISOLTO] Come aumentare altezza "Header"
« il: 30 Giu 2010, 15:14:11 »
Vorrei sapere come fare ad aumentare l'altezza della barra del logo come da allegato almeno a 150 px, per immetterne uno personalizzato.
Il template  che vorrei modificare è: ja_purity

Grazie

[allegato vecchio più di un anno eliminato automaticamente]
« Ultima modifica: 30 Giu 2010, 15:35:26 da wakeup »

adottauncane

  • Visitatore
Re:Come aumentare altezza "Header"
« Risposta #1 il: 30 Giu 2010, 15:26:41 »
Ciao wakeup,
prova così:
template.css (riga 923)
Codice: [Seleziona]
#ja-headerwrap  {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#333333;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:#CCCCCC;
height:150px; <--------- qui
line-height:normal;
}

Offline wakeup

  • Esploratore
  • **
  • Post: 133
    • Mostra profilo
Re:Come aumentare altezza "Header"
« Risposta #2 il: 30 Giu 2010, 15:34:59 »
Grazie!!

Offline wakeup

  • Esploratore
  • **
  • Post: 133
    • Mostra profilo
Re:[RISOLTO] Come aumentare altezza "Header"
« Risposta #3 il: 30 Giu 2010, 17:47:31 »
Solo che c'è un problema, si ingrandisce ma lo spazio in più rimane con sfondo nero. Per eliminarlo e far vedere il mio logo  (grande 1150x150)?
Scusate

adottauncane

  • Visitatore
Re:[RISOLTO] Come aumentare altezza "Header"
« Risposta #4 il: 30 Giu 2010, 18:03:30 »
Sempre qui:
Codice: [Seleziona]
#ja-headerwrap  {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#333333; <---- colore sfondo
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:#CCCCCC;
height:150px;
line-height:normal;
}

Il logo l'hai messo qui?
template.css (riga 956)
Codice: [Seleziona]
h1.logo a {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/logo.png"); <----
background-position:0 0;
background-repeat:no-repeat;
display:block;
height:80px;  <------ da qui regoli l'altezza dello spazio che lo contiene
position:relative;
width:208px; <------ da qui regoli la larghezza dello spazio che lo contiene
z-index:100;
}

Scarica Firebug per Firefox, ti servirà a lavorare con i .css. In Joomla.it trovi anche come utilizzarlo...
Se avessi un link al sito sarebbe più facile aiutarti...  :)

 



Web Design Bolzano Kreatif