Più sfondi

Più sfondi postato il 15/07/2009 19:44:44 nel forum programmazione, gdrcd, open source, hosting e modificato da shadow91 il 15/07/2009 19:46:19

Scusate se vi disturbo sempre, ma non sapevo a chi chiedere.

Mi scuso ancora se è la sezione sbagliata, ma ero indeciso se postarla qui o in Grafica, al massimo chiedo ai moderatori di spostarla...

Ma cmq vengo al mio problema. Sto facendo una parte della mia land, e praticamente mi serve uno sfondo che si adatti a tutte le risoluzioni. Un mio amico mi ha già preparato un'immagine con l'inizio ed una fine, chiamiamoli "standard", e nel mezzo mi ha dato un altro pezzettino. Ora io cosa vorrei fare:

Mantenere l'inizio con un no-repeat, il pezzettino del centro con un repeat fino al pezzo finale....

Non so se mi sono spiegato bene, ma non sapendo i termini tecnici per questo tipo di lavoro, mi sono arrangiato alla meno peggio...Se non avetre capito potete benissimo dirmelo che provo a rispiegarlo :D

World of Tanks ↗
Lanciati in epiche battaglie spalla a spalla con altri giocatori. Conquista la supremazia nel mondo dei Carri Armati!

quota

Pagine → 1

blancks

SCRIVI

15/07/2009 21:47:00

shadow91 ha scritto: Scusate se vi disturbo sempre, ma non sapevo a chi chiedere.

Mi scuso ancora se è la sezione sbagliata, ma ero indeciso se postarla qui o in Grafica, al massimo chiedo ai moderatori di spostarla...

Ma cmq vengo al mio problema. Sto facendo una parte della mia land, e praticamente mi serve uno sfondo che si adatti a tutte le risoluzioni. Un mio amico mi ha già preparato un'immagine con l'inizio ed una fine, chiamiamoli "standard", e nel mezzo mi ha dato un altro pezzettino. Ora io cosa vorrei fare:

Mantenere l'inizio con un no-repeat, il pezzettino del centro con un repeat fino al pezzo finale....

Non so se mi sono spiegato bene, ma non sapendo i termini tecnici per questo tipo di lavoro, mi sono arrangiato alla meno peggio...Se non avetre capito potete benissimo dirmelo che provo a rispiegarlo :D

Devi impostare un layout con 3 div elastici che si adattano alla finestra, 2 con dimensioni fisse in larghezza ai lati dove ci carichi il background di inizio e fine ed uno al centro dove inserisci il background ripetitivo.

Fai poi un altro div, con sfondo tasparente che fai però adattare a tutta la finestra, tramite z-index lo porti sopra gli altri 3 che ti formano lo sfondo e imposti l'overflow in auto.

Adesso quest'ultimo div è il corpo della tua pagina, tutto quello che vuoi visualizzare lo inserirai qui come fosse il tuo tag <body>

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

reiuky

SCRIVI

16/07/2009 09:08:56

Più facile è applicare una struttura del tipo

<html>
<body>
<div class="sfondo_rep">
<div class="sfondo_sn">
<div class="sfondo_dx">
<div class="pagina">
[quello che vuoi]
</div>
</div>
</div>
</div>
</body>
</html>

poi sul foglio di stile qualcosa del tipo

.sfondo_rep{background:#000000 url(immagine rep) repeat-x top left;}
.sfondo_sn{background:url(immagine sn) no-repeat top left;}
.sfondo_dx{background:url(immagine dx) no-repeat top right;}

Ed è fatta. Al massimo puoi mettere un po' di padding sulla pagina. per non andare a scrivere sui bordi dell'immagine.