Back to top

Autore Topic: background "fluido" con i css  (Letto 18824 volte)

Offline Teothewolf

  • Esploratore
  • **
  • Post: 130
    • Mostra profilo
Re:background "fluido" con i css
« Risposta #20 il: 01 Mar 2011, 20:26:17 »
All'inizio del post dici di ricordarsi di eliminare l'immagine che avevamo messo in background in modo di far apparire quella impostata con i codici da te postati. Ma non capisco in che punto tu "dica" ai codici di caricare un'immagine..

<body>
<div><img id="bg_image" src="/path/to/image.png"/></div>     <-------------------qui intendi?
<div id="scrollable">
...........
</div>
</body>

immagino di dover mettere modificare il tuo codice mettendo "l'indirizzo"/posizione della mia immagine, che voglio mettere come sfondo,giusto?
Perchè altrimenti non capisco come fare a mettere un'immagine!
Ho capito come fa il codice a ridimensionare l'immagine, ma non ho capito bene da dove la vada a prendere. Spero che si tratti proprio del punto che ti ho segnato sopra, altrmimenti continuerei a non capire!!
Grazie ancora e scusa per tutti gli aiuti che ti chiedo! ::)

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:background "fluido" con i css
« Risposta #21 il: 01 Mar 2011, 21:15:26 »
ciao teothewolf,

mi riferivo all'immagine (o il colore) che il tuo template ha di default e che si andrebbe a sovrapporre a quello fluido, nascondendolo.
quasi sicuramente lo troverai nel CSS.
se hai difficoltà ad individuarlo posta il link del sito.

ciao

Offline Teothewolf

  • Esploratore
  • **
  • Post: 130
    • Mostra profilo
Re:background "fluido" con i css
« Risposta #22 il: 02 Mar 2011, 19:48:01 »
continuo a non capire..questo è il mio sito.. www.consolebite.it
quella sotto è l'immagine che ho messo di default quando ho fatto il template con artist***...ora, io devo andare a inserire i codici che hai postato all'inizio ma nei tuoi codici non c'è, ovviamente ,l'immagine che io vorrei mettere di sfondo!
quindi se io la togliessi non rimarrebbe nulla!!o.o  a meno che i codici che tu hai scritto in realtà non vadano a prendere l'immagine da un'altra parte in un'altro file php o sempre nel css! ???

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:background "fluido" con i css
« Risposta #23 il: 03 Mar 2011, 13:06:39 »
...è più semplice di quanto credi

-apri il file index.php del tuo template e cerca il tag <body>
-appena sotto inserisci:

Codice: [Seleziona]
<div><img id="bg_image" src="/templates/template1050crysis2/images/page_t.jpg"/></div>
<div id="scrollable">

- vai alla fine del file dove troverai </body> ed appena sopra scrivi

Codice: [Seleziona]
</div>
- salvi e chiudi il file
-ora apri il file /templates/template1050crysis2/css/template.css
- poco sotto alla riga 16 devi cancellare questo
 
Codice: [Seleziona]
background-image: url("../images/page_t.jpg");
-infine in fondo a questo stesso file inserisci il css
Codice: [Seleziona]
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
#bg_image {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
#scrollable {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}


occhio però perchè se usi lo sfondo che hai ora (con il bianco al centro) avrai problemi sugli schermi molto ampi.... dovrai adattarla o cambiarla.

ciao

Offline Teothewolf

  • Esploratore
  • **
  • Post: 130
    • Mostra profilo
Re:background "fluido" con i css
« Risposta #24 il: 03 Mar 2011, 22:16:03 »
grazie mille ricdata!!!!!!!!!!!!!
ti devo mille favori!!! :P

Offline Teothewolf

  • Esploratore
  • **
  • Post: 130
    • Mostra profilo
Re:background "fluido" con i css
« Risposta #25 il: 04 Mar 2011, 18:48:03 »
c'è un problema..quando vado per salvare il file index.php mi dice che c'è un errore e non me lo fa salvare..xo ho fatto tutto quello che mi hai detto di fare tu!

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:background "fluido" con i css
« Risposta #26 il: 04 Mar 2011, 19:26:36 »
che programma usi?
prova a cambiare editor... usa notepad++  ;)

Offline Teothewolf

  • Esploratore
  • **
  • Post: 130
    • Mostra profilo
Re:background "fluido" con i css
« Risposta #27 il: 04 Mar 2011, 19:46:49 »
dio che scemo io modificavo il file da extplorer!
ok ora faccio il tutto da notepad allora
grazie ancora  ;)

Offline Teothewolf

  • Esploratore
  • **
  • Post: 130
    • Mostra profilo
Re:background "fluido" con i css
« Risposta #28 il: 04 Mar 2011, 20:06:58 »
ok qualcosa sono riuscito a fare, ma sopra alla "fascia" del sito..vabbè ci rinuncio.. :-\

Offline XMISTERO

  • Nuovo arrivato
  • *
  • Post: 1
    • Mostra profilo
Re:background "fluido" con i css
« Risposta #29 il: 12 Ott 2011, 11:42:04 »
Per la soluzione di ricdata sugli sfondi fluidi mi viene in mente quella frase tratta dal film "Amici Miei":
Che cos'è il genio? È fantasia, intuizione, decisione e velocità d'esecuzione. ;)
Complimenti!!!

 



Web Design Bolzano Kreatif