Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : sbubax 19 Apr 2009, 19:59:53

: (Risolto) Header maggiorato template Rhuk Milkyway
: sbubax 19 Apr 2009, 19:59:53

Yeah!!!
Grazie ai suggerimenti di altri utenti mi sono intestardito per applicare un header di altezza maggiorata al template rhuk milkyway. C'č voluto un bel po' di studio che vi risparmio. Allego al messaggio le 3 immagini di background per la versione black del template da sostituire agli originali che si trovano in:
templates/rhuk_milkyway/images/black/mw_header_t_r.png
templates/rhuk_milkyway/images/black/mw_header_t_l.png
templates/rhuk_milkyway/images/black/mw_header_t.png

Poi andate a modificare il template.CSS e modificate le sezioni div #header r e div #logo portando i valori Height in rosso come da esempio sotto:
div#header_r {
   height: 218px;
   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: 218px;
   background: url(../images/LogoCUSB_Ripresa_small.png) 0 0 no-repeat;
   margin-left: 30px;
   margin-top: 25px;
}

E tutto dovrebbe funzionare alla perfezione: per me ha funzionato!

Buon lavoro ;D


[allegato eliminato da un amministratore perchč pių vecchio di 365 giorni]

: Re: (Risolto) Header maggiorato template Rhuk Milkyway
: hoguera 19 Apr 2009, 20:50:57

Bella dritta,
grazie ! :)

: Re: (Risolto) Header maggiorato template Rhuk Milkyway
: sbubax 20 Apr 2009, 00:26:20

Aggiunta: ho poi caricato nell'header un'immagine PNG di dimensioni 900x200. Per visualizzarla correttamente bisogna modificare la larghezza anche nel template.css

: Re: (Risolto) Header maggiorato template Rhuk Milkyway
: tonicopi 20 Apr 2009, 14:24:02

: sbubax  20 Apr 2009, 00:26:20

Aggiunta: ho poi caricato nell'header un'immagine PNG di dimensioni 900x200. Per visualizzarla correttamente bisogna modificare la larghezza anche nel template.css

Per la precisione mettendo in questa regola le nuove misure per larghezza ed altezza  ;D ed aggiustandone la posizione con i margin

:

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

: Re:(Risolto) Header maggiorato template Rhuk Milkyway
: Mich24 16 Jan 2013, 22:10:30

Ciao!

Avresti ancora le immagini che avevi allegato? Purtroppo sono state cancellate!

Grazie!!