Back to top

Autore Topic: Inserire immagine background sito  (Letto 6287 volte)

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Inserire immagine background sito
« il: 05 Mar 2010, 19:13:26 »
ragazzi per inserire un immagine di sfondo all'intero sito il codice è questo?
Codice: [Seleziona]
background-image: url(../images/pagebg.png);e poi di che dimensioni dovrei farla l'immagine di sfondo??
c'è bisogno di un:
Citazione
background-repeat:repeat-x;?
« Ultima modifica: 05 Mar 2010, 19:22:19 da Escomputers »
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #1 il: 05 Mar 2010, 19:39:44 »
dipende se è un'immagine grande da visualizzare a tutto schermo o se è un pattern...

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #2 il: 05 Mar 2010, 19:43:16 »
deve rimpiazzare tutto il classico bianco
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #3 il: 05 Mar 2010, 19:48:47 »
su questo non ci piove!  ;D

volevo dire se la tua immagine è grande abbastanza da riempire lo sfondo o se è un pattern, ovvero un'immaginetta che deve essere ripetuta in orizzontale e verticale

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #4 il: 05 Mar 2010, 19:50:40 »
scusami!!!vorrei inserire un'immagine grande abbastanza da riempire lo sfondo!
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #5 il: 05 Mar 2010, 21:23:43 »
in questo caso la richiami con
Codice: [Seleziona]
background: url(../images/pagebg.png);senza repeat

questo ti potrebbe tornare utile
http://forum.joomla.it/index.php/topic,92740.0.html
 ;)

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #6 il: 05 Mar 2010, 23:25:09 »
ma in questo modo scrolla solo il contenuto...
se volessi fare scrollare tutto la pagina...come di default??
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #7 il: 06 Mar 2010, 01:43:33 »
lo hai provato?

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #8 il: 06 Mar 2010, 08:29:53 »
no, ho visto la demo dal tuo tutorial..
si può fare scrollare tutto?magari spostando l'attributo scrollable..
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #9 il: 06 Mar 2010, 13:58:16 »
cosa intendi con "tutto"?

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #10 il: 06 Mar 2010, 14:22:35 »
scrollare lo sfondo assieme al contenuto
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #11 il: 06 Mar 2010, 14:33:30 »
per scrollare anche lo sfondo basta togliere questo

#bg_image {
  position: fixed;  <<<<<<<<<<<<<<<

così l'immagine si adatterà in larghezza e l'altezza resta in proporzione.

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #12 il: 06 Mar 2010, 15:14:46 »
scusami ma la dimensione dell'immagine quanto deve essere??
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #13 il: 06 Mar 2010, 17:09:50 »
scusami ma la dimensione dell'immagine quanto deve essere??
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #14 il: 06 Mar 2010, 18:15:54 »
dipende da quanto scrolla la pagina...
in questo caso mi limiterei ad un'altezza che arrivi più o meno a metà template, sfumata in basso per poi sovrapporla ad un colore di sfondo (un pò come puoi vedere su questo sito)

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #15 il: 06 Mar 2010, 22:27:15 »
1200 per 500px??
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #16 il: 07 Mar 2010, 18:33:14 »
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #17 il: 07 Mar 2010, 19:06:35 »
Citazione
dipende da quanto scrolla la pagina...
fai qualche prova...cosa ti costa??
e poi è a tuo gusto

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #18 il: 07 Mar 2010, 20:17:13 »
guarda non ci sono riuscito...
vetreriacutrone[dot]altervista[dot]org
« Ultima modifica: 07 Mar 2010, 20:50:10 da vAmBa »
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #19 il: 07 Mar 2010, 21:32:07 »
 :o hai fatto un gran pasticcio nel php!
questo è quello che dovresti mettere
Codice: [Seleziona]
<body>
<div><img id="bg_image" src="/templates/siteground-j15-83/images/background.jpg"/></div>
<div id="scrollable">
...........
</div>
</body>

e questo è quello che hai messo tu

Codice: [Seleziona]
<img id="bg_image" src="/templates/siteground-j15-83/images/background.jpg"/>
...........
</div>

la differenza mi sembra evidente
i puntini non vanno messi nel codice ma stanno ad indicare che in quella posizione ci va il resto del codice originale
poi "</div>" non lo devi mettere subito sotto, ma in fondo alla pagina una riga prima di "</body>"

anche il codice di Analitycs lo hai messo alla c.d.c.  ;D

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #20 il: 07 Mar 2010, 21:43:54 »
hey ric guarda ora!ci stiamo avvicinando!!!
solo che hai preso anche l'header...


vorrei metterla dietro il contenuto..
cambio posizione nel css e nell'index??

ma quale codice??
questo??
Codice: [Seleziona]
<script src='http://cdn.wibiya.com/Loaders/Loader_253114.js' type='text/javascript'></script>[code]

questo è il codice della toolbar!
« Ultima modifica: 07 Mar 2010, 21:48:42 da Escomputers »
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #21 il: 07 Mar 2010, 21:50:47 »
no no...non ci siamo neanche vicini.
posta il tuo index.php che te lo sistemo

EDIT: intendevo dire allegalo
« Ultima modifica: 07 Mar 2010, 21:58:50 da ricdata »

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #22 il: 07 Mar 2010, 22:03:48 »
ecco:

[allegato vecchio più di un anno eliminato automaticamente]
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #23 il: 07 Mar 2010, 22:31:16 »
prova questi

[allegato vecchio più di un anno eliminato automaticamente]

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #24 il: 07 Mar 2010, 23:10:30 »
prova questi

ric,http://vetreriacutrone.altervista.org/
ho paura che il mio sito sia senza speranza.
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #25 il: 07 Mar 2010, 23:20:56 »
prova ad inserire un altro </div> prima di </body> in fondo

se non va mandami link per scaricare il template

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #26 il: 07 Mar 2010, 23:42:05 »
http://joomla15.siteground.com/?template=siteground-j15-83
p** ma è possibile che si devono passare le pene dell'inferno?!
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #27 il: 08 Mar 2010, 02:47:53 »
prova questi

se lo vuoi adattare solo in larghezza togli il "position:fixed" comee detto sopra

[allegato vecchio più di un anno eliminato automaticamente]

Offline Escomputers

  • Esploratore
  • **
  • Post: 162
  • Sesso: Maschio
  • Tecnico hardware
    • Mostra profilo
Re:Inserire immagine background sito
« Risposta #28 il: 08 Mar 2010, 10:03:13 »
"Una macchina è in grado di lavorare come cinquanta uomini comuni, ma nessuna macchina può svolgere il lavoro di un uomo straordinario".

 



Web Design Bolzano Kreatif