Back to top

Autore Topic: [RISOLTO]Immagine background  (Letto 3153 volte)

Offline Mozartino

  • Appassionato
  • ***
  • Post: 367
    • Mostra profilo
[RISOLTO]Immagine background
« il: 16 Ago 2013, 13:28:01 »
Salve.
Utilizzo l'estensione Background Styler ed ho inserito sul sito un'immagine che vorrei si vedesse di più nella parte alta.
www.comprensivomontemurlo.gov.it
Come posso fare?

Forse devo agire direttamente senza quell'estensione per avere un buon risultato?

Grazie.
« Ultima modifica: 16 Ago 2013, 16:04:04 da Mozartino »
Carpe Diem

adottauncane

  • Visitatore
Re:Immagine background
« Risposta #1 il: 16 Ago 2013, 13:32:58 »
Ciaio Mozartino,
cioè vuoi abbassare la parte centrale e creare spazio in alto?
Magari l'immagine centrala però, altrimenti rimane a sinistra se hai una finestra browser grande.

Offline Mozartino

  • Appassionato
  • ***
  • Post: 367
    • Mostra profilo
Re:Immagine background
« Risposta #2 il: 16 Ago 2013, 13:50:11 »
Ciaio Mozartino,
cioè vuoi abbassare la parte centrale e creare spazio in alto?
Magari l'immagine centrala però, altrimenti rimane a sinistra se hai una finestra browser grande.

Prima di tutto grazie!
Sì, vorrei abbassare la parte centrale e dare un margine tipo 170 ma non so dove andare a modificare.
Per quanto riguarda l'immagine io la vorrei fissa e centrata mentre così la vedo scorrere...
Carpe Diem

adottauncane

  • Visitatore
Re:Immagine background
« Risposta #3 il: 16 Ago 2013, 14:06:30 »
Per abbassare il wrapper qui:
Codice: [Seleziona]
body.white div#wrapper {    background: none repeat scroll 0 0 white;    border: 2px solid #BBBBBB;    margin-top: 170px;}
skin_white.css riga 48

    margin-top: 170px;

per fissare il background qui:

Codice: [Seleziona]
body {    background-attachment: fixed;    background-color: #FFFFFF !important;    background-image: url("http://www.comprensivomontemurlo.gov.it/images/img_sfondo1.jpg") !important;    background-position: center top !important;    background-repeat: no-repeat !important;}    background-attachment: fixed;

Offline Mozartino

  • Appassionato
  • ***
  • Post: 367
    • Mostra profilo
Re:Immagine background
« Risposta #4 il: 16 Ago 2013, 14:36:39 »
Muble muble...
Non riesco a trovare
body {    background-attachment: fixed;    background-color: #FFFFFF !important;    background-image: url("http://www.comprensivomontemurlo.gov.it/images/img_sfondo1.jpg") !important;    background-position: center top !important;    background-repeat: no-repeat !important;}
Carpe Diem

adottauncane

  • Visitatore
Re:Immagine background
« Risposta #5 il: 16 Ago 2013, 14:41:22 »
Se hai impostato in background con un'estensione, vedi nell'estensione medesima se puoi mettere il fixed.
Se no aggiungi:

Codice: [Seleziona]
body {    font-family: Verdana,Helvetica,Arial,san-serif;    font-size: 76%;    line-height: 1.4;    background-attachment: fixed;}
nel file typography.css riga 2


Offline Mozartino

  • Appassionato
  • ***
  • Post: 367
    • Mostra profilo
Re:[RISOLTO]Immagine background
« Risposta #6 il: 17 Ago 2013, 09:44:25 »
Grazie per i preziosi consigli.
Se possibile un'ultima richiesta:
confrontando la foto che ho inserito (www.comprensivomontemurlo.gov.it) con quella presente qui noto che forse si potrebbe leggermente rimpicciolire per una migliore visualizzazione anche se in background...
Ci proviamo?

Grazie e buona giornata.


Carpe Diem

adottauncane

  • Visitatore
Re:[RISOLTO]Immagine background
« Risposta #7 il: 17 Ago 2013, 14:29:40 »
Non so come hai inserito l'immagine di sfondo, comunque, per averla uguale all'altra il css deve essere così:

body {
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;

font-family: Verdana,Helvetica,Arial,san-serif;
font-size: 76%;
line-height: 1.4;
}

body {
background-color: #768C77 !important;

background-image: url("http://www.comprensivomontemurlo.gov.it/images/img_sfondo1.jpg") !important;
}

le parti in neretto o le metti nel body del css del template oppure nell'estensione che hai usato per inserire il background


Offline Mozartino

  • Appassionato
  • ***
  • Post: 367
    • Mostra profilo
Re:[RISOLTO]Immagine background
« Risposta #8 il: 17 Ago 2013, 16:21:14 »
Prima di tutto grazie.

Ho utilizzato Background styler per inserire l'immagine e le stringhe le ho aggiunte senza tuttavia verificare cambiamenti: mi consigli di disinstallare l'estensione ed apportare le modifiche al template?
Carpe Diem

adottauncane

  • Visitatore
Re:[RISOLTO]Immagine background
« Risposta #9 il: 18 Ago 2013, 12:00:43 »
Da quel che vedo ora basterebbe cambiare lo sfondo bianco con

background-color: #768C77 !important;

immagino che quella parte sia impostata dall'estensione. Basta che cambi da bianco a verdino per averlo come l'altro. Sì, personalmente preferirei avere un'estensione in meno e fare tutto da css.

Offline Mozartino

  • Appassionato
  • ***
  • Post: 367
    • Mostra profilo
Re:[RISOLTO]Immagine background
« Risposta #10 il: 18 Ago 2013, 13:49:11 »
OK.
Allora se decidessi di togliere l'estensione, tutte le modifiche dove dovrei farle?
Grazie!
Carpe Diem

adottauncane

  • Visitatore
Re:[RISOLTO]Immagine background
« Risposta #11 il: 18 Ago 2013, 16:58:58 »
Nel body
typography.css riga 2

Offline Mozartino

  • Appassionato
  • ***
  • Post: 367
    • Mostra profilo
Re:[RISOLTO]Immagine background
« Risposta #12 il: 18 Ago 2013, 17:13:50 »
Nel body
typography.css riga 2

Perfetto!
L'ho fatto e disabilitato l'estensione.

Grazie mille per il paziente aiuto.
Carpe Diem

 



Web Design Bolzano Kreatif