Back to top

Autore Topic: [RISOLTO] template rhuk_milkyway - inserire immagini  (Letto 1617 volte)

Offline andrea603

  • Nuovo arrivato
  • *
  • Post: 8
    • Mostra profilo
Buon pomeriggio a tutti... sono veramente un novizio e sto cercando di darne fuori con un sacco di problemi. Adesso sto cercando di inserire delle immagini in background negli spazi del template rhuk_milkyway, in particolare nel 'top' e nello spazio centrale sotto lo 'user1' che non sono ancora riuscito a capire come si chiama ( !!! ).
Non so proprio dove andare a toccare.
Grazie anticipate per l'aiuto, spero di aver postato correttamente.

Andrea
« Ultima modifica: 18 Mag 2010, 16:31:57 da andrea603 »

adottauncane

  • Visitatore
Re:template rhuk_milkyway - inserire immagini
« Risposta #1 il: 18 Mag 2010, 15:28:21 »
Ciao andrea603,
se ho capito bene quello che ti serve fai questa prova:
per l'immagine da inserire nel background dove ci sono i contenuti modifica così il template.css:
template.css (riga 294)
#maincolumn, #maincolumn_full {
background-image:url("../images/blue/tua immagine.jpg");
background-position:30px 80px;
background-repeat:no-repeat;
margin-left:20%;
padding-left:5px;
width:75%;
}

dove in queste righe:
background-image:url("../images/blue/tua immagine.jpg");
background-position:30px 80px;

metti al tua immagine e la posizione.

Per l'header puoi usare la posizione a fianco del marchio joomla "top" e inserire un modulo html personalizzato con una immagine oppure modificare il div del logo joomla:
template.css (riga 82)
Codice: [Seleziona]
div#logo  {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/mw_joomla_logo.png");
background-position:0 0;
background-repeat:no-repeat;
float:left;
height:75px;
left:0;
margin-left:30px;
margin-top:25px;
position:absolute;
top:0;
width:298px;
}
o ancora cercare le tre immagini che compongo l'header e modificare quelle...
("../images/blue/mw_header_t_r.png");

es: div#header_r {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/blue/mw_header_t_r.png");
background-position:100% 0;
background-repeat:no-repeat;
}

Magari caricati Firebug per Firefox, così vedi i .css.

Offline andrea603

  • Nuovo arrivato
  • *
  • Post: 8
    • Mostra profilo
[RISOLTO] Re:template rhuk_milkyway - inserire immagini
« Risposta #2 il: 18 Mag 2010, 16:30:53 »
Grazie mille 'adottauncane' sono riuscito a sistemare tutto (si fa per dire ...)
(NB: se potessi lo adotterei anch'io un cane, pero' ho adottato due gatti!!! :-)) )...

buon lavoro a tutti

Andrea

 



Web Design Bolzano Kreatif