Problema sfondo Home page

reddy · 1 Mag 2008

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

lukeonweb · 1 Mag 2008

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 · 1 Mag 2008

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 · 2 Mag 2008

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 · 3 Mag 2008

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 · 4 Mag 2008

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!

reddy · 4 Mag 2008

ma questo e il css solo dell'index

:fonzie:

lukeonweb · 5 Mag 2008

E che melo hai postato a fare allora?

Hai risolto il problema?

cresi · 5 Mag 2008

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 · 5 Mag 2008

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

cresi · 5 Mag 2008

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 · 5 Mag 2008

cresi ha scritto:

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 · 5 Mag 2008

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

reddy · 5 Mag 2008

prova a mettere qui tutto il codice

cresi · 5 Mag 2008

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

reddy · 5 Mag 2008

ho trovato questo se ti puo interessare

cresi · 5 Mag 2008

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

reddy · 5 Mag 2008

:fonzie::fonzie::fonzie::fonzie::fonzie::fonzie:

cresi · 5 Mag 2008

risolto anke l'ultimo problema eheh
grazie mille

kalber · 9 Mag 2008

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

Problema sfondo Home page

Nuovo Utente

Utente Attivo

Nuovo Utente

Utente Attivo

Nuovo Utente

Utente Attivo

Nuovo Utente

Utente Attivo

Nuovo Utente

Nuovo Utente

Nuovo Utente

Nuovo Utente

Nuovo Utente

Nuovo Utente

Nuovo Utente

Nuovo Utente

Nuovo Utente

Nuovo Utente

Nuovo Utente

Nuovo Utente

Discussioni simili