Più sfondi
Più sfondi postato il 15/07/2009 19:44:44 nel forum programmazione, open source e 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
Crossout ↗Pagine → 1
.jpg)
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>
Neverness to Everness ↗
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.
Raja Dunia ↗
Discussione seguita da
Pagine → 1
Rispondi alla Discussione Segui Discussione Inoltra Discussione Forum Programmazione, Open Source e Hosting Elenco Forum
Articoli, Interviste e altre Risorse!
