Problema sfondo Home page

reddy

Nuovo Utente
4 Set 2007
18
0
0
ciao a tutti sto facendo un gdr on line in php il mio problema e questo, so sfondo dell'home page cambia a seconda dell browser e dalla risoluzione dello schermo, ho visto che alcuni sfondi di altri gdr si adattano allo schermo qualcuno puo dirmi come si fa? Grazie:D
 

lukeonweb

Utente Attivo
5 Mar 2003
5.177
10
38
43
Napoli
www.lucaruggiero.it
GDR sarebbe Gioco di Ruolo?

Non sono sicuro di aver capito il problema, quindi se mi mostri un link del tuo sito, o di qualche altro GDR, forse capisco meglio.

In ogni casi il problema non c'entra molto col PHP: ti sposto nella sezione CSS.
 

reddy

Nuovo Utente
4 Set 2007
18
0
0
si gioco di ruolo e l'indirizzo se si puo mettere è creatura.altervista.org

esempio con il portatile vedo l'immagine piccola e con il fisso vedo l'immagine perfetta
 

lukeonweb

Utente Attivo
5 Mar 2003
5.177
10
38
43
Napoli
www.lucaruggiero.it
Puoi mettere l'indirizzo se p per risolvere un problema tecnico, oppure puoi segnalare il sito nella sezione "presenta il to sito": questo non è certo spam ;)

Il problema credo dipenda dal fatto che l'immagine è di X:Y dimensioni, quindi è normale che cambi a seconda della risoluzione.

Puoi creare N immagini, ognna ottimizzata ad una certa risoluzione e richiamare l'una, l'altra o l'altra ancora con Javascript ed i CSS.

Ad esempio:

HTML:
<script type="text/javascript">
var sfondo;
if (window.screen.width == 800)
{
	sfondo = "immagine_800x600.jpg";
}
else if (window.screen.width == 1024)
{
	sfondo = "immagine_1024x768.jpg";
}
else
{
	sfondo = "immagine_alta_risoluzione.jpg";
}
with (document)
{
	write("<style tyoe='text/css'>");
	write("body { background-image: url(" + sfondo + "); }");
	write("<Ystyle>");
}
</script>

E' un esempio scemo e non l'ho testato, ma dovrebbe andar bene.

Fammi sapere!
 

reddy

Nuovo Utente
4 Set 2007
18
0
0
puo essere un buon metodo, adesso incarico il mio amico che fa le immagini di farne diverse secondo la dimensione intanto ho fatto cosi copio il codice css:

PHP:
BODY
{
    SCROLLBAR-FACE-COLOR: #1f2727;
    FONT-SIZE: 10px;
    BACKGROUND-IMAGE: url('img/sughero.jpg');
    SCROLLBAR-HIGHLIGHT-COLOR: #333333;
    SCROLLBAR-SHADOW-COLOR: #222222;
    COLOR: gold;
    SCROLLBAR-3DLIGHT-COLOR: #888888;
    SCROLLBAR-ARROW-COLOR: #ff9900;
    SCROLLBAR-TRACK-COLOR: #4e4d4d;
   [COLOR="Red"] BACKGROUND-REPEAT: no-repeat[/COLOR];
    FONT-FAMILY: Verdana;
    SCROLLBAR-DARKSHADOW-COLOR: #111111;
    BACKGROUND-COLOR: #000000
}

ho modificato il testo in rosso sempplicemente gli ho detto di non ripeterlo, adesso provo la soluzione tua e vediamo. grazie intanto:fonzie:
 

lukeonweb

Utente Attivo
5 Mar 2003
5.177
10
38
43
Napoli
www.lucaruggiero.it
Ho due osservazioni:

1. hai specficato due volte il colore, anche se per l'ereditarietà, cosi com'è, prende il rosso, ma è un errore;

2. fossi in te sarei più ordinato, nel senso che metterei tutte le stilizzazioni per determinati elementi insieme (sfondi, barre di scorrimento, box model, etc..), in questo modo non ti sarebbe nemmeno successo di specificare due volte il colore ;)

Fammi sapere!
 

cresi

Nuovo Utente
7 Apr 2008
12
0
0
Codice:
<script language="JavaScript">
		function fondo()
		{
   		 switch (screen.width)
    		{
      		 case 1024:
            	immagine = "sfondo1024x768.gif"
            	break
        case 1280:
            if(screen.height == 960)
                immagine = "sfondo1280x960.gif"
            else
                immagine = immagine= "sfondo1280x1024.gif"
            break
    default:
            immagine = "sfondo1024x768.gif"
    }
    document.body.background = immagine
}
</script>
<body onload="fondo()"

io ho risolto così xò ora ho un problema che nn vedo la barra di scorrimento quindi mi taglia a metà la pagina
cm faccio??

grazie mille ( il codice ke ti ho scritto x l'autoadattamento funziona )
 

reddy

Nuovo Utente
4 Set 2007
18
0
0
crisi lo script lai messo nel codice php o nel css? lo messo in fondo al codice php dell'index dove ce lo sfondo ma rimane uguale

luke a me serve l'home se vai sul sito vedi come e adesso, non e ripetuta
 
Ultima modifica:

cresi

Nuovo Utente
7 Apr 2008
12
0
0
ah ok
a me nn ripete l'imm xò cavolo non mi scorre la pagina come potrei fare??
ti faccio vedere tutto il codice :)
se hai bisogno di qualcosa tu kiedi
Codice:
<html>
<head>
</head>
	<script language="JavaScript">
		function fondo()
		{
   		 switch (screen.width)
    		{
      		 case 1024:
            	immagine = "sfondo1024x768.gif"
       	     	break
        	case 1280:
            	if(screen.height == 960)
                immagine = "sfondo1280x960.gif"
           	 else
                immagine = immagine= "sfondo1280x1024.gif"
           	 break
   	 	default:
            	immagine = "sfondo1024x768.gif"
    		}
    		document.body.background = immagine
		}
	</script>


<body onload="fondo()">


</body>
</html>
 

reddy

Nuovo Utente
4 Set 2007
18
0
0
ah ok
a me nn ripete l'imm xò cavolo non mi scorre la pagina come potrei fare??
ti faccio vedere tutto il codice :)
se hai bisogno di qualcosa tu kiedi
Codice:
<html>
<head>
</head>
	<script language="JavaScript">
		function fondo()
		{
   		 switch (screen.width)
    		{
      		 case 1024:
            	immagine = "sfondo1024x768.gif"
       	     	break
        	case 1280:
            	if(screen.height == 960)
                immagine = "sfondo1280x960.gif"
           	 else
                immagine = immagine= "sfondo1280x1024.gif"
           	 break
   	 	default:
            	immagine = "sfondo1024x768.gif"
    		}
    		document.body.background = immagine
		}
	</script>


<body onload="fondo()">


</body>
</html>

adesso forse lo capito meglio, tu praticamente hai fatto 3 immagini diverse con le varie dimensioni. giusto?

che non ti scorre e strano, hai provato con piu browser? solitamente faccio cosi per capire meglio qualche bug
 

cresi

Nuovo Utente
7 Apr 2008
12
0
0
yes ho provato ma nn scorre
gho provato a cambiare la risoluzione e la pagina si adatta perfettamente in larghezza ma nn scorre mai :(

help meee xD
 

cresi

Nuovo Utente
7 Apr 2008
12
0
0
ti ho messo tt il codice
ho solo fatto il layout..il resto è tt da fare ma volevo prima fare bene il layout uff
il bello che è da giorni ke provo ma nulla :S
 

cresi

Nuovo Utente
7 Apr 2008
12
0
0
wow va gia meglio ora xò mi mette due scroll quello della pagina e quello della tabella haha
ma credo basti disattivare quello della tabella :)
grazie mille
adesso stacco
a domani :)
 

kalber

Nuovo Utente
9 Mag 2008
6
0
0
Ho anch'io lo stesso problema (aiuto...)

caro webmaster:dipser:

Mi vergogno un pò ad intervenire sul forum dimostrando di essere
un principiante, epperò non so più dove sbattere la testa.
Sto costruendo un sito con un programmino che certamente
non è un granchè...Web Easy "Professional" (le virgolette le ho
messe io).

Per quanto mi sforzi non riesco a trovare il modo di
adattare la home page (si tratta solo di una singola immagine
elaborata come sfondo) alle differenti risoluzioni o almeno
di mantenerla sempre centrata in modo che se lo schermo
è "più piccolo" venga tagliata in modo equivalente a sinistra e a destra.

Ho provato a inserire in "opzioni JScript" e in stili pers.css gli scriptini
che hai elaborato ma non cambia nulla...
sono disperato
 
Discussioni simili
Autore Titolo Forum Risposte Data
L [HTML] problema sfondo tutto schermo con immagine HTML e CSS 1
A [HTML] Sfondo responsive - problema specifico HTML e CSS 5
M problema immagine di sfondo e risoluzione schermo HTML e CSS 1
M Problema sfondo inserzione ebay HTML e CSS 3
T Problema di risoluzione dello sfondo per un sito web Photoshop 1
F problema con sfondo CSS HTML e CSS 2
I Problema risoluzione e sfondo HTML e CSS 4
P problema con dreamweaver: immagini sfondo Webdesign e Grafica 2
V Problema sfondo solo con Internet Explorer HTML e CSS 0
M [Firefox/CSS] Problema immagine di sfondo centrata HTML e CSS 1
M Problema CSS nei widget con sfondo sfumato HTML e CSS 0
M problema sfondo fisso HTML e CSS 5
A Flash: Problema con colore di sfondo separati per scena Flash 0
T Problema sfondo Webdesign e Grafica 10
S problema con foto come sfondo HTML e CSS 13
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 0
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
D problema php mysql PHP 1
D problema php mysql PHP 1
M Problema Wi-Fi Linux Linux e Software 0
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
Daniele_Carrara Problema Aperture Mailup Email Marketing 5
F PROBLEMA ACCESSO INSTAGRAM Discussioni Varie 2
R Problema connessione db PHP 7
M problema if PHP 2
G Problema con Get page PHP 4
N Problema passaggio variabili tra pagine PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 0
H problema carrello woocommerce PHP 2
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
M Problema su query JOIN in tre tabelle PHP 0
S Problema esportazione tabelle Mysql in Excel PHP 0
G Problema ------- con Query PHP 1
G Problema con Query PHP 1
M Problema su update di 3 tabelle PHP 1

Discussioni simili