Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : piermu 29 Apr 2014, 18:28:44

: header con immagine per background
: piermu 29 Apr 2014, 18:28:44

Vorrei mettere una foto per background all'header con sopra il titolo  del sito: mi potete dare una mano? il sito è http://unitalsigiovanilucca.altervista.org/
Il template è: [size=78%]At_blanton-free.[/size]
[/size]

: Re:header con immagine per background
: 56francesco 29 Apr 2014, 18:48:31

presta attenzione al modulo a destra, ultimi eventi
leggo righe del genere

:

yfhjfbgslxsrtjhdtykgtdyiti
rykiyfkikvyjujvb,vb,llfj,vu kkyvyylu7rmi ricordano tanto i messaggi di un certo tipo di spammer,
ma se hai scritto tu quelle righe  per prova non tener conto di questo avviso.
.....

per lo sfondo non ho capito esattamente dove lo vorresti, sii più preciso.

: Re:header con immagine per background
: MasterOfDisaster 29 Apr 2014, 20:13:34

Ciao Piermu,

poi puoi inserire un titolo (modificando il file index.php nella cartella del template) dentro il div header-inner, ad esempio;

<div class="header-inner">
<h2>"Unitalsi Giovani Lucca"</h2>
</div>


Puoi disattivare lo slide nella posizione header  e scrivere una regola css per <div class="header-inner"> ed aggiungere una regola css per far impostare il background e la dimensione desiderata.

Se non sono stato chiaro fammi sapere.

: Re:header con immagine per background
: piermu 30 Apr 2014, 13:40:34

Sono riuscito a far apparire il titolo nella dimensione  e posizione desiderata , non riesco a far apparire il background:


Ecco il codice css:

.header-inner IMG
{
   margin-left: 79px;
   float: left;
   width: 100px;
   height: 100px;
    margin-top: 22px;
   background:url (.../images/home.jpg) height: 60px; widht: 50px ;   }

: Re:header con immagine per background
: Rasjah 30 Apr 2014, 16:15:17

metti

background-image: ......

: Re:header con immagine per background
: piermu 30 Apr 2014, 16:55:45

Modifica fatta niente da fare, sarà la div giusta?

.header-inner IMG
{
   margin-left: 79px;
   float: left;
   width: 100px;
   height: 100px;
    margin-top: 22px;
   background-image:url (../images/home.jpg);
   }

: Re:header con immagine per background
: piermu 30 Apr 2014, 17:46:39

Ho disattivato lo slide,  e addirittura  lo ho levato nel file php:; forse non dovevo toccare il php?

: Re:header con immagine per background
: MasterOfDisaster 30 Apr 2014, 18:42:31

Ciao Piermu,

Ho visto le modifiche,

Devi stilare il div che contiene l'header in modo che gli assegni il background.

rimpiazza la regola -> .header-inner img

con :

.header-inner
{
    margin-left: 79px;
    float: left;
    width: 100%;
    background:url (../images/home.jpg) no-repeat 0 0 transparent;
    }