[RISOLTO]Modifica Css Template rhuk_milkyway in particolare header

[mazzius]

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

[conti1]

ciao
qui

Codice: [Seleziona]

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.

[mazzius]

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?

[conti1]

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]

[mazzius]

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.........?

[conti1]

qui confronta con il tuo

Codice: [Seleziona]

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

Codice: [Seleziona]

table.pill {
margin-left:auto;
margin-right:auto;
padding:0;
position:relative;<<<<< questo
}
poi ti resta solo l'immagine da modificare in larghezza .

[mazzius]

Come posso eliminare questo bordo?

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; }

[mazzius]

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