Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : mazzius 05 Aug 2010, 17:21:41

: [RISOLTO]Modifica Css Template rhuk_milkyway in particolare header
: mazzius 05 Aug 2010, 17:21:41

Ciao,

sto smanettando php anche se non so nulla, cmq ci provo.
Devo modificare l'header del mio sito per inserire una immagine di 900x200 nell'header dove c'e il logo di joomla.

Ora sostituendo l'immagine con il file mylogo, questa si ridimensiona alla grandezza dl logo, quindi ho capito che devo modificare il css.
Vado su modifica css alla cartella tempate.css --------- credo sia questo il punto cruciale per la modifica.
Mi trovo questo codice:

div#header_r {
   height: 200px;
   padding-left: 370px;
   padding-right: 30px;
   padding-top: 25px;
   overflow: hidden;
   text-align: left;
}

div#logo {
   position: absolute;
   left: 0;
   top: 0;
   float: left;
   width: 298px;
   height: 75px;
   background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
   margin-left: 30px;
   margin-top: 25px;
}

div#newsflash {
   width: auto;
   margin-left: 350px;
   margin-right: 30px;
   border: 1px solid #00f;
}

Ora per poter inserire l'immagine indicata prima che modifiche devo apportare?

Per farmi capire http://www.babilon.netsons.org/ l'immagine presente vorrei estenderla a tutta l'intestazione o almeno metterla centrata.
Poi eliminare quei bordi che fuoriescono che provando non riesco a rimettere come prima

Grazie mille

: Re:Modifica Css Template rhuk_milkyway in particolare header
: conti1 05 Aug 2010, 18:36:52

ciao
qui

div#logo {
   position: absolute;
   left: 0;
   top: 0;
   float: left;
   width: 298px;
   height: 75px;
   background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
   margin-left: 30px;
   margin-top: 25px;
}

dai le tue dimensioni e inserisci nel link il nome della tua immagine
logicamente l'immagine va messa nella cartella images del template.

: Re:Modifica Css Template rhuk_milkyway in particolare header
: mazzius 05 Aug 2010, 18:44:28

I margini li lascio cosi come sono?
Cosi facendo mi da questo risultato http://www.babilon.netsons.org/ sparisce il top menu, quindi devo necessariamente modificare il
div#header_l {
   position: relative;
}

div#header_r {
   height: 90px;
   padding-left: 370px;
   padding-right: 30px;
   padding-top: 25px;
   overflow: hidden;
   text-align: left;

Poi vorrei impostarlo centrato, come faccio?

: Re:Modifica Css Template rhuk_milkyway in particolare header
: conti1 05 Aug 2010, 19:41:04

devi lavorare sul css del logo x posizionarla giusta una volta fatto questo avrai il menu x meta coperto dell'immagine ora mano al css del menu x riportalo in primo piano.
buon divertimento

usare un template con l' header fatto differente no è! troppo facile.
questo e quello che dovresti fare ps: l'immagine troppo corta.

[allegato vecchio più di un anno eliminato automaticamente]

: Re:Modifica Css Template rhuk_milkyway in particolare header
: mazzius 05 Aug 2010, 20:08:32

Mi hai letto nel pensiero.......di la verita......!!!!
come faccio a fare una cosa simile?

quindi devo modificare solo il css del logo e quello dell'header no?
Cioè mi spiego devo lavorare solo sul codice che hai indicato prima o anche su " div#header_r "?

Non so bene come modificarlo, non so dove mettere mano esattamente.......

un aiutino.....?

Ecco qua cosa sono riuscito a fare......... http://www.babilon.netsons.org/

come elimino quel borda che sborda.........?

: Re:Modifica Css Template rhuk_milkyway in particolare header
: conti1 05 Aug 2010, 21:35:57

qui confronta con il tuo

div#logo {
background:url("../images/mw_joomla_logo.png") no-repeat scroll 0 0 transparent;
float:left;
height:106px;
left:0;
margin-left:15px;
margin-top:16px;
position:absolute;
top:0;
width:900px;
}

poi aggiungi
template.css riga 222

table.pill {
margin-left:auto;
margin-right:auto;
padding:0;
position:relative;<<<<< questo
}

poi ti resta solo l'immagine da modificare in larghezza .

: Re:Modifica Css Template rhuk_milkyway in particolare header
: mazzius 05 Aug 2010, 23:45:07

Come posso eliminare questo bordo?

http://www.babilon.netsons.org/ (http://www.babilon.netsons.org/)

Ho addirittura sostituito l'immagine del bordo con una trasparente ma si vede lo stesso.

Si può eliminare del tutto? tanto è pure bruttina.....Quale parte del codice devo eliminare per farlo sparire del tutto?

div#header_l {
position: relative;
}

div#header_r {
height: 127px;
padding-left: 370px;
padding-right: 30px;
padding-top: 20px;
overflow: hidden;
text-align: left;
}

div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 1020px;
height: 127px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 15px;
margin-top: 16px;
}

div#newsflash {
width: auto;
margin-left: 350px;
margin-right: 30px;
border: 1px solid #00f;
}

div#tabarea {
background: #f7f7f7 url(../images/mw_header_b.png) 0 0 repeat-x;
margin: 0 11px;

}

div#tabarea_l {
background: url(../images/mw_header_l_b.png) 0 0 no-repeat;
padding-left: 32px;
}

div#tabarea_r {
height: 42px;
background: url(../images/mw_header_r_b.png) 100% 0 no-repeat;
padding-right: 1px;
}

: Re:Modifica Css Template rhuk_milkyway in particolare header
: mazzius 06 Aug 2010, 13:19:45

Problema risolto.............. a furia di provare e riprovare, ho pensato di aggiungere un margine al bordo.
Per chi potesse essere interessato:

div#tabarea {
background: #f7f7f7 url(../images/mw_header_b.png) 0 0 repeat-x;
margin: 0 11px;
margin-top: 35px; (questo comando prima non c'era)

Grazie Conti1 per l'aiuto.

Ciao