Back to top

Autore Topic: Modifica template rhuk_milkyway. Abbassare l'intestazione  (Letto 1694 volte)

Offline simone79vi

  • Abituale
  • ****
  • Post: 821
    • Mostra profilo
Ciao,
avrei l'esigenza di abbassarre l'intestazione del template in oggetto presente nel sito web www.artigianidelliscio.it solo che non riesco a capire quale sezione del template.css modificare.

Vorrei abbassare la riga che ha al centro il "bottone" in modo che il logo dell'intestazione sia poi visibile.

Qualche suggerimento?

Grazie
Ciao

adottauncane

  • Visitatore
Re:Modifica template rhuk_milkyway. Abbassare l'intestazione
« Risposta #1 il: 04 Ott 2010, 01:08:07 »
Codice: [Seleziona]
div#logo {
.
.
.
height:175px; <---- cambia così
left:0;
margin-left:30px;
margin-top:25px;
position:absolute;
top:0;
width:900px;
}
template.css (riga 82)

Codice: [Seleziona]
div#tabarea {
.
.
.
margin-top:85px !important; <---- cambia così
}
template.css (riga 101)

Poi dovresti alzare queste immagini che adesso sono a 115px a 200px
url("../images/red/mw_header_t_r.png")
url("../images/red/mw_header_t_l.png")
...e poi vediamo  ;)

Offline simone79vi

  • Abituale
  • ****
  • Post: 821
    • Mostra profilo
Re:Modifica template rhuk_milkyway. Abbassare l'intestazione
« Risposta #2 il: 04 Ott 2010, 10:34:25 »
Grazie..

Domanda:
<< Poi dovresti alzare queste immagini che adesso sono a 115px a 200px
url("../images/red/mw_header_t_r.png")
url("../images/red/mw_header_t_l.png") >>

Per metterlo a 200px utilizzi qualche programma particolare?

Ciao

adottauncane

  • Visitatore
Re:Modifica template rhuk_milkyway. Abbassare l'intestazione
« Risposta #3 il: 04 Ott 2010, 10:42:32 »
Be, ci vuole un programma di fotoritocco... non saprei indicartene uno free, ma se cerchi con Gooooogle penso ne troverai...

Offline simone79vi

  • Abituale
  • ****
  • Post: 821
    • Mostra profilo
Re:Modifica template rhuk_milkyway. Abbassare l'intestazione
« Risposta #4 il: 04 Ott 2010, 13:57:13 »
Ho provato ad allungare intanto ad "occhio" con paint i due file mw_header_t_r.png e mw_header_t_l.png ma non cambia nulla nella visualizzazione del sito..
Sicuro che bisognasse allungarle?


Ciao



adottauncane

  • Visitatore
Re:Modifica template rhuk_milkyway. Abbassare l'intestazione
« Risposta #5 il: 04 Ott 2010, 14:45:53 »
Sì, se non vuoi che si interrompano come ora...
Adesso puoi rimettere qui a zero:
Codice: [Seleziona]
div#tabarea {

background-image:url("../images/mw_header_b.png");

margin-top:0;
}
template.css (riga 102)

mentre qui allunghi così:
Codice: [Seleziona]
div#header_r {
height:175px;
.
.

}
template.css (riga 74)

questa falla lunga come l'altra:
mw_header_t_r.png

Mentre anche questa va allungata come quelle destra e sinistra:
Codice: [Seleziona]
mw_header_t.png
se non riesci ad allungare questa o non vuoi puoi:
div#logo {

background-color:#FFFFFF; <---- mettere bianco qui
background-image:url("../images/mw_joomla_logo.png");

width:985px; <--- allargare così
}
template.css (riga 83)

o allargare questa
url("../images/mw_joomla_logo.png")
a 985px

Attenzione però, riprendi le due immagini che hai allungato (quelle laterali) dal pacchetto originale, salvale in formato .jpg e rinominale dopo .png se no ti rimane il bordeaux diverso dal fondo...

 



Web Design Bolzano Kreatif