Back to top

Autore Topic: [RISOLTO]inserire immagine sopra template  (Letto 1010 volte)

Offline pupito

  • Appassionato
  • ***
  • Post: 310
    • Mostra profilo
[RISOLTO]inserire immagine sopra template
« il: 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?




demo http://www.shape5.com/demo/index.php?samba_spa
« Ultima modifica: 22 Mar 2017, 16:40:14 da pupito »

Offline floyd1616

  • Appassionato
  • ***
  • Post: 497
  • Sesso: Maschio
    • Mostra profilo
Re:inserire immagine sopra template
« Risposta #1 il: 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]
« Ultima modifica: 22 Mar 2017, 12:42:00 da floyd1616 »

Offline pupito

  • Appassionato
  • ***
  • Post: 310
    • Mostra profilo
Re:inserire immagine sopra template
« Risposta #2 il: 22 Mar 2017, 15:40:13 »
Grazie per la risposta, hai per caso da suggerire tutorial o letture per approfondire argomento?

Offline floyd1616

  • Appassionato
  • ***
  • Post: 497
  • Sesso: Maschio
    • Mostra profilo
Re:inserire immagine sopra template
« Risposta #3 il: 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

Offline pupito

  • Appassionato
  • ***
  • Post: 310
    • Mostra profilo
Re:inserire immagine sopra template
« Risposta #4 il: 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

 



Web Design Bolzano Kreatif