Intropage full screen

[rikka]

Ciao a tutti!!

Sto cercando di fare una intropage ed ho trovato questa ottima guida
http://www.joomla.it/articoli-community-16-e-17-tab/7409-creare-una-intropage-per-joomla-25.html

C'è un modo per mettere l'immagine a schermo intero invece che centrata?

[56francesco]

ciao
di quanti pollici deve essere lo schermo intero?

[rikka]

Ciao 56Francesco,

il mio monitor è 24 pollici ma quello che vorrei è che l'immagine si adatti alla grandezza dello schermo di chi la visualizza

[tomtomeight]

I pollici non c'entrano nulla, le immagini si misurano in pixel come le risoluzioni dei monitor. Devi lavorare di css e inserire le misure utilizzando le media query.

[56francesco]

capito...  con un 27 / 28   pollici si dovrà fare una passeggiata per leggere una riga  ma con 24 invece credo basti solo girare la testa...
 sarà per questo che se vado ad esempio sul sito di una nota marca di computer da  27 pollici come monitor trovo un sito che al massimo fa 1100 pixel?  e pure fisso...

[tomtomeight]

francesco non sono i pollici ma le risoluzioni perché un 32 pollici full hd ha una risoluzione di 1920 x 1080 che puoi trovare uguale anche in un 24 pollici sul primo giri la testa sempre con l'altro da 24 no ma poi ti serviranno gli occhiali.

[rikka]

I pollici non c'entrano nulla, le immagini si misurano in pixel come le risoluzioni dei monitor. Devi lavorare di css e inserire le misure utilizzando le media query.

Oddio mi sa che si va un po' sul complicato..non ho grande esperienza in merito..
Non è che c'è un modulo per fare questa cosa? Io avevo trovato Splashhr, secondo voi può servire?

[tomtomeight]

Anche con splashr avrai il problema di realizzare la pagina intro, devi farla in html a questo punto joomla non c'entra, si tratta di html e ti ho detto come dimensionare l'immagine per averla a tutto schermo. A questo punto documentati se non capisci qualche termine che ho utilizzato.

[rikka]

Ok, provo a cercare un qualcosa..
Grazie a tutti per l'aiuto.

Buona giornata

[giusebos]

Con questo codice adatterai la tua immagine a qualsiasi risoluzione.


codice html

Codice: [Seleziona]

<div id="bg"> <img src="images/bg.jpg" alt=""> </div>
codice CSS

Codice: [Seleziona]

#bg {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}
#bg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}