Come mettere sfondo diverso a seconda della risoluzione

« Older   Newer »
 
  Share  
.
  1.     +1   -1
     
    .
    Avatar

    Senior Member

    Group
    Admin
    Posts
    27,290

    Status
    Anonymous
    Come mettere sfondo diverso a seconda della risoluzione:

    Ecco il codice per mettere uno sfondo diverso per ogni risoluzione del vostro schermo.
    CODICE
    <script type="text/javascript">
    if(screen.width<=800) document.write('<style>body{background-image:url(Indirizzo immagini risoluzione minore di 800x600)}<\/style>')
    </script>


    Ecco un esempio:

    CODICE
    <script type="text/javascript">
    if(screen.width<=800) document.write('<style>body{background-image:url(http://i.imgur.com/3zu6j.png)}<\/style>')
    </script>


    Questo può cambiare per ogni soluzione potrete cambiare in questo modo, Cambiando: screen.width<=800 in screen.width<=1020 ecc :sisi: in questo modo potrete mettere uno sfondo adatto per ogni tipo di soluzione di ogni pc però potrete anche cambiare l'if in questo modo screen.width==800 che farà solo alla risoluzione 800x600 e non con le altre più piccole.

    Cosi non avrete problemi con nessun utente e potrete avere un forum perfetto per ogni risoluzione :sisi:


    Edited by » Fire - 18/2/2012, 11:38
     
    Top
    .
0 replies since 18/2/2012, 11:21   51 views
  Share  
.