scriita w3c a sinistra della pagina che scorre

**rixx** · 10-05-2005, 00:16

Forse è un po OT spero di no

scusate come si crea l'effetto w3c scritta sul lato che scorre insieme alla pagina? usata anche su btre.it
in ogni caso l'effetto è validato per cui qualcosa ci azzecca

ciao e grazie

**awd** · 10-05-2005, 00:34

ahhh non capivo, ci ho messo un po'! certo che scriverlo meno chiaro non ci riuscivi eh!
quello è una semplice immagine di sfondo, penso settata col l'attributo fixed

**rixx** · 10-05-2005, 00:39

Originariamente inviato da awd
ahhh non capivo, ci ho messo un po'! certo che scriverlo meno chiaro non ci riuscivi eh!
quello è una semplice immagine di sfondo, penso settata col l'attributo fixed

sai comè l'ora è un po tarda

mi spieghi meglio? l'attributo fixed che cosa implica? perchè un immagine di sfondo deovrebbe muoversi insieme allo scroller?

**awd** · 10-05-2005, 00:47

fixed, associato ad un'immagine di sfondo, la fa appunto scorrere insieme alla schermata! è stata usato uno sfondo perché non c'è altro metodo per poterlo fare che sia supportato da tutti i browser

**pierofix** · 10-05-2005, 09:14

In termini tecnici si realizza in questo modo:

codice:

/*
   L'immagine di sfondo va impostata
   nel body tramite l'elemento background,
   il quale accetta i seguenti parametri
   (separati da uno spazio):
      - colore (io imposto #fff, ovvero bianco);
      - percorso dell'immagine;
      - ripetizione dell'immagine (lo imposto su no-repeat);
      - fixed [facoltativo];
      - coordinate di posizionamento rispetto
        allo spigolo alto-sx dell'elemento che
        conterrà l'immagine.
*/

body {
   background:#fff url(img.png) no-repeat fixed 0 0;
}

**rixx** · 10-05-2005, 10:07

scusate se non ho risposto ieri sera ma cascavo dal sonno

dunque se io faccio:

codice:

div.Logo			{
		position:absolute;
		left:0px;
		top:0px;
		height:100%;
		width:32px;
		background: url('../images/logo.png') no-repeat fixed 0 0;
}

E richiamo con:

<body>
<div class="Logo"></div>
<div id="wholecontainer">

...

funziona in parte ma poi verso metà della pagina (quando si raggiunge la fine dello scroll) sparisce, come mai?
e poi sicuramente sbaglio qualcosa perchè come lo faccio io su IE non va (su ff si) mentre quelli del w3 e co si

grazie!

**rixx** · 10-05-2005, 10:09

ahhh adesso ho capito è direttamente il background del body!
diamine...ma io per il body ho già un background

background: #63615A url( ../images/background.gif );
è possibile risolvere secondo voi?

**pierofix** · 10-05-2005, 10:16

Leggendo la working draft di css3 ho visto una cosa davvero interessante: sarà possibile specificare più di uno sfondo per elemento!

Questo ci semplificherà di molto le cose, presumo.

**rixx** · 10-05-2005, 10:22

Originariamente inviato da pierofix

Leggendo la working draft di css3 ho visto una cosa davvero interessante: sarà possibile specificare più di uno sfondo per elemento!

Questo ci semplificherà di molto le cose, presumo.

decisamente!

secondo te funziona :

<body> (mio background)
<div> (background logo in movimento fixed)
..... (tutto il contenuto della pagina)

</div> (chiusura logo in movimento)
</body> (mio background)

invece di:

<body> (mio background)
<div> (background logo in movimento fixed)
</div> (chiusura logo in movimento)
..... (tutto il contenuto della pagina)

</body> (mio background)

?

**pierofix** · 10-05-2005, 10:27

Non sporchiamo il codice ai fini della grafica: non è corretto.

Uff, me ne rendo conto da solo che a volte occorre contravvenire di poco a questo concetto, ma se non ci sforziamo adesso a trovare soluzioni migliori, quando lo facciamo?

Discussione: scriita w3c a sinistra della pagina che scorre

Strumenti discussione

Ricerca discussione

Visualizza

scriita w3c a sinistra della pagina che scorre

Permessi di invio