Joomla.it Forum

Joomla! 3 => Joomla! 3 => : pupito 22 Mar 2017, 10:09:17

: [RISOLTO]inserire immagine sopra template
: pupito 22 Mar 2017, 10:09:17

Ciao qualcuno saprebbe indicarmi come inserire una immagine come nella foto

Inserirla nel modulo con Div con margin top negativo?


(http://i.imgur.com/enhHLom.png)

demo http://www.shape5.com/demo/index.php?samba_spa (http://www.shape5.com/demo/index.php?samba_spa)

: Re:inserire immagine sopra template
: floyd1616 22 Mar 2017, 10:23:30

Ciao,
dipende da come hai scritto il codice del template ( html + css)


Poniamo il caso che la tua header finisca dove sta l'immagine della ragazza.


Sotto hai, per esempio, il div dei contenuti.


Dovresti provare con il position:absolute  (dato all'immagine).


Da fare molta attenzione quando vai a visualizzare il sito su smartphone e tablet.


Il primo riscontro lo avrai restringendo la finestra del browser.

[size=78%]Saluti[/size]

: Re:inserire immagine sopra template
: pupito 22 Mar 2017, 15:40:13

Grazie per la risposta, hai per caso da suggerire tutorial o letture per approfondire argomento?

: Re:inserire immagine sopra template
: floyd1616 22 Mar 2017, 15:46:18

Ciao,
a quale tutorial ti riferisci?

Dovresti solo scrivere qualche dichiarazione CSS per posizionare l'immagine.

Basta conoscere, in questo caso, come funzionano i fogli di stile.

Saluti

: Re:inserire immagine sopra template
: pupito 22 Mar 2017, 16:39:55

Ispezionando con firebug ho copiato e incollato il codice dalla demo del template in un div di un modulo personalizzato e aggiunta una classe css  per renderlo visibile solo su desktop. Funziona