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.175
13
38
45
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.175
13
38
45
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.175
13
38
45
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
M 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
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
K Problema Inner join PHP 1
F firefox problema http Linux e Software 0
N Problema con position absolute e overflow HTML e CSS 4
E Problema jquery Success jQuery 2
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
E problema selezione sfumata Photoshop 2
K [PHP] Problema con variabili concatenate. PHP 1
A Problema filtro fluidifica Photoshop Photoshop 1
H Problema Bordi Scontorno Photoshop 1
O problema con query PHP 4
R Problema installazione Realtek WiFi USB rtl8821 Reti LAN e Wireless 0
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
Y Problema percorso file in rete PHP 1
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
P Problema acquisizione clienti Webdesign e Grafica 1
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 11
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2

Discussioni simili