background della pagina di login

DanTech

Nuovo Utente
11 Apr 2012
4
0
0
Ho messo un nuovo background per la pagina wp-login.php del mio sito realizzato con wordpress. Le dimensioni del'immagine sono 1024x768 px e nel monitor del mio pc (che probabilmente ha le stesse risoluzioni), l'immagine riempe tutto lo schermo. Il problema risulta quando prova ad aprire la pagine con degli altri monitor (con altri risoluzioni) che l'immagine sembra o più piccola oppure più grande.
Come posso fare perché l'immagine sembra lo stessa in tutti i monitor? Quale potrebbe essere la risoluzione "perfetta"?
 

Web Designer

Utente Attivo
17 Gen 2012
301
0
0
Ciao,
tramite le nuove proprietà del CSS3 (background-size), puoi impostare l'immagine di sfondo che si "adatterà" automaticamente senza dover "smanettare" sui vari monitor.
Modifica, quindi, il tuo CSS come segue:
* { margin: 0; padding: 0; }

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
 

DanTech

Nuovo Utente
11 Apr 2012
4
0
0
background della pagina login

Ciao,
tramite le nuove proprietà del CSS3 (background-size), puoi impostare l'immagine di sfondo che si "adatterà" automaticamente senza dover "smanettare" sui vari monitor.
Modifica, quindi, il tuo CSS come segue:

Grazie per la risposta Web Designer!
Però, volevo chiederti devo modificare il stylesheet.css oppure qualche altra css?
Insomma, dove devo inserire quel codice?
 

DanTech

Nuovo Utente
11 Apr 2012
4
0
0
Mr. Webmaster, grazie per la pazienza!

Sono nuovo ad css3 e non so in quale parte della css mettere il codice per modificare il background della pagina di login. Potresti essere un po più preciso in quale parte del style.css del mio tema devo inserire il codice?

Ho messo negli allegati il contenuto del file style.css nel formato txt (perché il forum non supportava i file css) se potrà esserti di aiuto.
Grazie in anticipo.
Vedi l'allegato style.txt
 

andre9004

Utente Attivo
15 Mar 2012
104
1
0
Lombardia
puoi metterlo dove vuoi!! l'importante è che non ci sia un altro html{ }

Codice:
* { margin: 0; padding: 0; }

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
 
Discussioni simili
Autore Titolo Forum Risposte Data
P Mancata estensione background-repeat sul resto della pagina oltre il primo div e/o prima tabella HTML e CSS 2
O [HTML] problemi con la regola "background-attachment: fixed" in EDGE HTML e CSS 0
L [HTML] Background-image HTML e CSS 9
A cordova-plugin-background-mode Sviluppo app per Android 0
A [HTML] Background size per dispositivi mobili HTML e CSS 4
M [Javascript] Adattare immagine di background all'altezza dello smartphone Javascript 1
asevenx [HTML] -webkit-filter solo su immagine di background HTML e CSS 5
S [WordPress] Footer php - il background riempie tutta la pagina - help WordPress 1
cornamusa [HTML] Immagine di Background HTML e CSS 1
Andrea Alessandrini [HTML] background annidati che si sovrappongono male HTML e CSS 3
S [HTML] Background responsive HTML e CSS 21
M [WordPress] [HTML] Problema immagine background respondive WordPress 21
A [HTML] background fisso che non si ridimensiona con lo zoom HTML e CSS 4
D [HTML] Sfondo-Background fisso ma non troppo con effetto in movimento HTML e CSS 4
D Persa connessione con apparecchio Bluetooth in background Sviluppo app per iOS 0
F background a tutto schermo e bottoni HTML e CSS 5
borgo italia scelta dei colori di background e colori di contrasto Snippet PHP 1
Francesco Polese PHP script sempre in background PHP 0
V Aggiungere un img nel background Sviluppo app per Android 1
ivarello Progressbar e dati background .NET Framework 1
V Background sito web HTML e CSS 1
L mailto: apre la finestra di posta in background HTML e CSS 2
V area ripetuta e cambiamento background in foto PHP 0
gandalf1959 background image sparisce e diventa visibile un testo in un div Javascript 2
gandalf1959 Background image in un div con CSS non funziona HTML e CSS 4
G Background scorrevole in una <div> jQuery 4
Y Invio email automatico database background Database 1
I Slide di immagini come background ? Javascript 0
I Slide di immagini come background ??? jQuery 1
F background image tr chrome HTML e CSS 3
voldemort [LIBRERIA] Background Mail Sviluppo app per Android 0
A inserire background con gradiente in un layout Sviluppo app per Android 1
A Modificare background flash Flash 11
Shyson Shade background non copre tutto il monitor HTML e CSS 4
F altezza background tutto schermo HTML e CSS 3
Sevenjeak [Vb.net 2010] Aiuto background worked .NET Framework 10
G Richiamare URL in Background (Nascosto) come se fosse eseguito da browser PHP 3
R Inserire un background a rotazione? HTML e CSS 1
andre9004 Jquery background-image fade (Effetto comparsa background-image) jQuery 8
U E' possibile dividere un' immagine o un background in celle? jQuery 0
D background in tre sezioni "WordPress" HTML e CSS 0
I Problema Background HTML e CSS 2
I Script ogni secondo in background PHP 2
maxbossi [CSS] background CSS HTML e CSS 0
voldemort [CSS] Definire tutte le proprietà del background in un unica riga HTML e CSS 1
N preload background image animazione sequenza Javascript 1
A Aiuto per soggetto da scontornare dal suo background Photoshop 8
N background, repeat, altezza, boxmodel.. sto impazzendo! HTML e CSS 3
L CHAT colore messaggi di testo e colore background PHP 0
L Background musicale per tutto il sito Flash 1

Discussioni simili