Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Adattare immagine di sfondo

    Ciao a tutti. Ho cercato un po' di smanettare, ma non ho trovato una soluzione al mio cruccio:

    Ho un'immagine di sfondo e vorrei (magari con una proprietà dei css) che si adatti atomaticamente alla dimensione dello schermo senza tagliarsi a metà (se la larghezza e l'altezza sono maggiori della risoluzione impostata) oppure senza interrompersi lasciando un ORRIBILE spazio bianco (se la risoluzione dello schermo è maggiore dell'altezza e della larghezza). Non voglio, inoltre, che l'immagine si ripeta più volte. Semplicemente che si adatti.

    Spero di essere stato chiaro!
    A voi!
    Earn money for searching the internet:
    Homepages Friends

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    L'immagine di sfondo non e` adattabile in se` tramite comandi CSS.
    Ma puoi adattare lo sfondo all'immagine: devi fare in modo che il bordo dell'immagine sia dello stesso colore dappertutto, e poi usare il colore di sfondo adattato al bordo immagine.

    L'immagine puo` essere posizionata dove vuoi (alto, centro, basso; destra, centro, sinistra; valori % o px).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    E con metodi non-css si può???
    Earn money for searching the internet:
    Homepages Friends

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Con metodi lato client, non mi risulta.
    Con metodi lato server chiaramente si puo` fare.

    Lato client potresti testare con JS le dimensioni della finestra e caricare uno sfondo diverso (o assegnare una classe diversa al blocco). Il test va fatto all'evento onload.

    <body onload="testDim();">

    dove la funzione testDim() e` del tipo:
    function testDim() {
    ogg = document.getElementById('ID_OGGETTO');
    var ww = ogg.innerWidth; // o simile a seconda dell'oggetto
    var hh = ogg.innerHeight;
    if(ww > ... || ...) ogg.backgroundImage = 'url(nuovosfondo)';
    ...

    oppure ogg.className = 'nomeclasse';

    Pero` tieni presente che i JS non sono reputati accessibili, per cui la pagina deve funzionare anceh se i JS sono disabilitati.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Quindi, in caso, mi devo rivolgere al forum di php??
    Earn money for searching the internet:
    Homepages Friends

  6. #6
    Utente di HTML.it
    Registrato dal
    Nov 2003
    Messaggi
    195
    Qui c'è uno che è riuscito a fare quello che chiedi...
    http://www.cssplay.co.uk/layouts/background.html

    Puoi partire da lì, è un buon esempio e fa tutto lato client...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.