Pagina 1 di 1
 
 

Messaggio Rapporto Sfondo-sito Fissi

#1  alexanderlich Lunedì, 25 Ottobre 2010, 15:28

salve, volevo porvi una domanda che riguardava il rapporto sfondo - dimensioni sito... vorrei che rimanessero costanti come questo sito: http://lni.altervista.org/ che cambiando le dimensioni dello schermo, lo sfondo rimane "centrato" al sito.

dove devo andare a lavorare per ottenere questi risultati?

fatemi sapere se devo essere piu chiaro, grazie raga...

rispiegazione (per averla al top del topick)

Sul sito sopracitato ho fatto caso che lo sfondo è formattato in modo che resti centrato al corpo del sito cioè che se noi riduciamo la finestra del browser in larghezza lo sfondo si sposta verso sinistra tenendolo centrato al corpo.

sul mio sito invece lo sfondo è fisso però, se cambio la larghezza della pagina del browser è il corpo del mio sito a spostarsi verso sinistra non lo sfondo...  

magari ora è più chiaro...
 




Versione di IP: last

Server: Windows
 
Ultima modifica di alexanderlich il Sabato, 20 Novembre 2010, 03:46, modificato 1 volta in totale 
avatar
blank.gif alexanderlich Sesso: Uomo
Frequentatore
Frequentatore
 
Età: 28
Registrato: Agosto 2010
Messaggi: 118
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Rapporto Sfondo-sito Fissi

#2  buldo Lunedì, 25 Ottobre 2010, 18:38

alexanderlich ha scritto: [Visualizza Messaggio]
...fatemi sapere se devo essere piu chiaro...


Dovresti essere sempre "più chiaro"...  

Per la larghezza fissa ci sono già diversi topic a riguardo, questo è uno: http://www.icyphoenix.it/viewtopic.php?t=3848, mentre per lo sfondo puoi guardare direttamente negli "Argomenti Simili" in fondo a questo topic.
 




Versione di IP: 2.0.0.86

Server: Linux

____________
~~~ Andrea ~~~
Coltiva GNU/Linux, Windows si pianta da solo!
"Le password sono come le mutande: non devi lasciarle in bella vista, devi cambiarle frequentemente, non devi prestarle a nessuno"
 
avatar
italia.png buldo Sesso: Uomo
Andrea Libralato
Amministratore
Amministratore
mio fratello è un BUG
 
Età: 41
Registrato: Mag 2007
Residenza: Borgo San Michele
Messaggi: 2156
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Rapporto Sfondo-sito Fissi

#3  alexanderlich Martedì, 02 Novembre 2010, 02:23

be speravo di esserlo mostrandovi un sito icy che modificando la dimensione della pagina lo sofndo si adeguava... mi dispiace... se non si capisce vendendo l'esempio non riesco ad esserlo maggiormente... scusate per il topick inutile, ci ho provato ed è un buco nell'acqua ^^
 




Versione di IP: last

Server: Windows
 
avatar
blank.gif alexanderlich Sesso: Uomo
Frequentatore
Frequentatore
 
Età: 28
Registrato: Agosto 2010
Messaggi: 118
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Rapporto Sfondo-sito Fissi

#4  buldo Venerdì, 05 Novembre 2010, 00:08

alexanderlich ha scritto: [Visualizza Messaggio]
... se non si capisce vendendo l'esempio non riesco ad esserlo maggiormente... scusate per il topick inutile, ci ho provato ed è un buco nell'acqua ^^


Invece dovresti cercare di essere più preciso possibile nelle richieste, comunque, come ti ho già scritto, dovresti trovare già tutte le risposte alle tue domande e se hai ancora dubbi puoi sempre descriverci a quale punto arrivi e non riesci ad andare oltre.
 




Versione di IP: 2.0.0.86

Server: Linux

____________
~~~ Andrea ~~~
Coltiva GNU/Linux, Windows si pianta da solo!
"Le password sono come le mutande: non devi lasciarle in bella vista, devi cambiarle frequentemente, non devi prestarle a nessuno"
 
avatar
italia.png buldo Sesso: Uomo
Andrea Libralato
Amministratore
Amministratore
mio fratello è un BUG
 
Età: 41
Registrato: Mag 2007
Residenza: Borgo San Michele
Messaggi: 2156
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Rapporto Sfondo-sito Fissi

#5  raphael10 Venerdì, 12 Novembre 2010, 01:16

Per far rimanere lo sfondo sempre centrato devi agire sui CSS.

Prendendo come esempio il file templates/icy_phoenix/style_cyan.css, puoi cambiare da così:

body {
    background-color: #e8eef8;
    /*background-color: #ffffff;*/
    /*background: #ffffff url('images/cyan/bg_body.gif') top left repeat-x;*/
    margin: 0px 0px 0px 0;
    padding: 0px 10px 0px;


a così:

body {
    /* background-color: #e8eef8; */
    /*background-color: #ffffff;*/
    background: #ffffff url('images/tua_immagine.jpg') top center fixed;
    margin: 0px 0px 0px 0;
    padding: 0px 10px 0px;


Nella riga del background devi poi decidere se lo sfondo deve ripetersi o meno (vedi questo articolo) e se usi l'attributo fixed significa che non scorrerà con la pagina ma resterà fisso.
L'attributo #ffffff significa che il colore sotto l'immagine sarà bianco, se vuoi un altro colore devi usare il codice corrispondente; infine devi stare attento a dove carichi l'immagine via FTP e assicurarti che l'url sia corretto.
 




Versione di IP: 1.3.0.53a

Server: Linux

____________
"Non c'è una via per la Pace, la Pace è la Via!"
 
avatar
italia.png raphael10 Sesso: Uomo
VIP
VIP
...uno shamano tra noi...
 
Età: 47
Registrato: Mag 2007
Residenza: Viareggio
Messaggi: 993
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Rapporto Sfondo-sito Fissi

#6  alexanderlich Sabato, 20 Novembre 2010, 03:20

grazie raphael

si be, per la teoria tutto ok, di diverso avevo "top left" invece di "top center" ma non cambia il risultato...

provo a spiegare meglio il risultato.

Sul sito sopracitato ho fatto caso che lo sfondo è formattato in modo che resti centrato al corpo del sito cioè che se noi riduciamo la finestra del browser in larghezza lo sfondo si sposta verso sinistra tenendolo centrato al corpo.

sul mio sito invece lo sfondo è fisso però, se cambio la larghezza della pagina del browser è il corpo del mio sito a spostarsi verso sinistra non lo sfondo...  

magari ora è più chiaro...

AGGIORNAMENTO MESSAGGIO

raphael rivedendo questo post e visto che ero a modificare altre cose del sito... mi è venuto il pallino e visto che mi hai indirizzato su quella parte del CSS ho fatto ultreriori prove (sono giusto le 3:35 ahahah non mi fa dormire la notte)

dunque sono andato a provare separando ogni comando con background- ..... e questo è il risultato finale che da il risultato che volevo
body {
    background-color: #000000;
    background: url('images/p_black/bg_body.jpg') ;        
    background-attachment:fixed;
    background-position: 50% 0px ;
    background-repeat: no-repeat;
    /* color: #FFA500; */
    margin: 0px 0px 0px 0;
    padding: 0px 10px 0px;
}


a fianco dove indico l'url dell'immagine non inserisco " top center " e invece inserisco

background-position: 50% 0px ;

partendo dal presupposto che il primo dato è l'asse x e il secondo l'asse y allora io voglio un dato in % dunque ho provato 50% e ci ho beccato in pieno. il seoncdo valore se fosse una percentuale allora mi andrei a creare il problema inverso dunque visto che voglio che sita fermo lo fisso specificatamente a 0px

senza di te non avrei provato questa sera sul css ^^ grazie raphael!!! PROBLEMA RISOLTO!
 




Versione di IP: last

Server: Windows
 
Ultima modifica di alexanderlich il Sabato, 20 Novembre 2010, 03:44, modificato 1 volta in totale 
avatar
blank.gif alexanderlich Sesso: Uomo
Frequentatore
Frequentatore
 
Età: 28
Registrato: Agosto 2010
Messaggi: 118
  • Torna in cima Vai a fondo pagina
 

Messaggio Re: Rapporto Sfondo-sito Fissi

#7  raphael10 Domenica, 21 Novembre 2010, 01:24

Sono contento che tu abbia risolto!

Strano però che il comando "top center" non ti abbia funzionato ("top left" ovviamente non te lo centrava ma lo manteneva sulla sinistra), io lo uso praticamente in tutti i miei siti, forse c'erano altre righe del css che lo elidevano... in ogni caso l'importante è il risultato!  
 




Versione di IP: 1.3.0.53a

Server: Linux

____________
"Non c'è una via per la Pace, la Pace è la Via!"
 
avatar
italia.png raphael10 Sesso: Uomo
VIP
VIP
...uno shamano tra noi...
 
Età: 47
Registrato: Mag 2007
Residenza: Viareggio
Messaggi: 993
  • Torna in cima Vai a fondo pagina
 


NascondiQuesto argomento è stato utile?
Condividi Argomento
Segnala via email Facebook Twitter Windows Live Favorites MySpace del.icio.us Digg SlashDot google.com LinkedIn StumbleUpon Blogmarks Diigo reddit.com Blinklist co.mments.com
technorati.com DIGG ITA linkagogo.com meneame.net netscape.com newsvine.com yahoo.com Fai Informazione Ok Notizie Segnalo Bookmark IT fark.com feedmelinks.com spurl.net
Inserisci un link per questo argomento
URL
BBCode
HTML

Pagina 1 di 1
 









  

 

cron