Back to top

Autore Topic: Caricare CSS alternativo in base alla risoluzione dei monitor  (Letto 1275 volte)

Offline amdi

  • Nuovo arrivato
  • *
  • Post: 6
    • Mostra profilo
Buongiorno a tutti,
ho creato un sito che ha come sfondo della homepage  una foto da 1980x1200 e per poterla vedere interamente su più monitor ho inserito l'istruzione "background-size: 1980px 1200px; background-size:100%; " nel template.css. Il mio problema è rappresentato dalla scritta in rosso che sul mio monitor 23" da 1920x1080 è fuori posizione e copre la riga bianca, mentre sul notebook 1280x800 è perfetta.
Avrei bisogno di caricare un CSS alternativo a quello principale, che in base alla risoluzione del monitor mi visualizzi correttamente la foto di prima pagina.
Ho trovato in questo topic  http://forum.joomla.it/index.php?topic=27398.0  il codice che potrebbe servirmi, ma pur applicandolo nell'index.php del template non ottengo niente (probabilmente sbaglio io qualcosa...)
ed io di php non ci capisco niente.
Chi volesse darmi una mano può vedere il sito in questione qui: www.domenicomasiello.it
« Ultima modifica: 06 Giu 2012, 10:14:36 da amdi »

Offline lady r

  • Abituale
  • ****
  • Post: 903
    • Mostra profilo
Re:Caricare CSS alternativo in base alla risoluzione dei monitor
« Risposta #1 il: 06 Giu 2012, 11:55:45 »
Sbagli approccio.


Devi togliere la scritta dallo sfondo ed inserirla come immagine PNG come fosse un logo. In questo modo puoi posizionarla correttamente nella pagina
http://www.allise.net Se avete la PS3 dateci un occhiata :D

 



Web Design Bolzano Kreatif