Background immagine

[tomtomeight]

Scusa ma cosa intendi per ricompilare?

http://www.joomla.it/e-ancora/articoli-community-3x/7863-rockettheme-rilascia-la-versione-5-0-di-gantry.html

Hai letto questo articolo?

[enricoonofri]

Si l'ho letto ma non spiega cosa significhi "ricompilare".
o cmq è un operazione che fa direttamente quando salvi ad esempio lo style di un layout, ma in questo caso che devo inserire una o più immagini di sfondo (non solo nella sezione di layout ma per tutto il template, cioè la foto deve essere da sottofondo a tutto, barra di navigazione, contenuti ecc...) devo modificare direttamente nel file css del template. Non ci capisco più niente. Nessuno che sappia dirmi, devi fare così.... Tu sei stato anche troppo gentile fino ad ora che hai sempre risposto e ti ringrazio, ma non ho risolto nulla!

[giusebos]

in gantry c'è un file che grosso modo c'è scritto:

hei template di joomla! ora ti dico io di che colore e grandezza deve essere il font del titolo degli articoli, quindi saranno grandi 24px e di colore rosa shocking 

gantry poi prende e traduce queste istruzioni in css:

quindi compilerà i file così;

.titoloarticoli {
font-size:24px;
color:#ff00ff;
}

quindi se tu devi aggiungere delle istruzioni sarebbe meglio avere un tuo personale file dove inserire le tue personalissime istruzioni, in ottica gantry o meglio in naming gantry, userai un file css che gantry riconoscera al volo.

Ora queste cose non le so perchè sono un genio, ma perchè essendo anche io interessato a gantry, mi sono andato a leggere qualche tutorial e guardato qualche videotutorial.

https://www.google.it/?gws_rd=ssl#q=gantry+guide+e+tutorial

Forse dovresti fartlo anche tu, altrimenti sono pure disposto ad attendere qui con te qualcuno che ci prenda sotto la propria protezione e ci insegni tutto quello che c'è da sapere.

CHI SI CANDIDA?

[tomtomeight]

Da qualche parte c'è scritto chiaramente che per ogni modifica di qualsiasi file css bisogna ricompilare i css. Lo so per certo perché l'ho letto da qualche parte e non posso adesso andare a rileggermi tutto, articolo, guida ecc. per dirti dove, o lo fai anche tu ( la ricompilazione) o trovi da te dove sta scritto. Se vuoi sapere come si ricompila è proprio un bottone da qualche parte nelle impostazioni del template, nell'articolo che ti ho linkato si vede chiaramente nelle immagini.

[tomtomeight]

Dunque in un mio sito con gantry 5 in due minuti ho aggiunto un immagine di background, spiego i semplici passaggi:

come da manuale mi sono costruito il mio file custom.scss posizionato nella cartella

templates/g5_hidrogen/custom/css/custom.css

ho semplicemente aggiunto questa istruzione:

Codice: [Seleziona]

body  {
     background-image: url(../../images/covo-21.jpg);
}
ho poi cliccato su recompile css

l'immagine è posta nella cartella images del template stesso

Potete vedere funzionante l'immagine di background appena immessa:

covodeiborboni.it/new

[joomla_fan]

Salve a tutti.

Allora, giusto per mia curiosità, seguendo quanto scritto in questa discussione e parzialmente anche nella discussione che avevo io stesso linkato nel precedente post, ho provato a inserire 'sta benedetta immagine in background.

E ci sono riuscito in pochi minuti.

Quindi ricapitoliamo:
- ho creato un file chiamandolo custom.scss
- ho inserito nel file queste righe (è solo un esempio, non è detto che vada bene in tutti i casi)

Codice: [Seleziona]

body {
    margin-left: 60px;
    margin-right: 60px;
    height: 101%;
      background: url("../images/background.jpg") no-repeat fixed center center ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
- ho creato la sottocartella scss in templates/cartella_template/custom
- ho inserito il file custom.scss nella cartella templates/cartella_template/custom/scss
- ho inserito l'immagine background.jpg nella cartella templates/cartella_template/images
- dal backend del sito, in gestione template--stili ho richiamato il template in questione nella sezione styles - in alto/basso a destra c'è il pulsante recompile css


Edit : @tomtomeight -- ops! non mi sono accorto che avevi già risposto -- perdon

[tomtomeight]

Oooops ho appena aggiornato la versione di gantry 5 e l'immagine di background è scomparsa, cerco di capire cosa è successo, comunque come pure confermato da joomla_fan la procedura è quella come già dall'inizio era stato detto, l'errore di enricoonofri è aver sbagliato sempre url del percorso della immagine.

[enricoonofri]

500 Internal Server Error


Oops, parse error: failed at `color: @bodytext; ` /home/ufvmrnar/domains/articolazione-temporomandibolare.info/public_html/templates/g5_hydrogen/custom/scss/custom.scss on line 7.


Cosa può significare se appare questo quando ricompilo i css? grazie
Molto utili i vistri supporti e infatti ho fatto alla lettera come avete detto, prima avevo l'immagine nella root principale e non nella cartella imges del templlate quindi forse era quello l'errore.
E cosa cambia da mettere custom.css oppure custom.scss??

[tomtomeight]

Forse hai messo nel custom.scss un istruzione sbagliata, magari se ci riporti quella linea di codice.

[enricoonofri]

Certamente, eccola!


body {
      background: url("public_html/templates/g5_hydrogen/images/Mare.jpg") no-repeat fixed center transparent;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: @bodytext;
}

[enricoonofri]

forse è
color: @bodytext;

[enricoonofri]

Ok ho tolto questa riga e mi fa ricompilare i css!
Adesso devo capire cosa ho impostato di sbagliato perchè non vedo l'immagine di sfondo...

[tomtomeight]

Se dichiari una variabile poi questa devi valorizzarla da qualche parte.

[enricoonofri]

OK, ricompilando i css non vedo nulla! Ho fatto alla lettera quando descritto non capisco che pallee

[tomtomeight]

Però si tratta pure di fare le cose con una certa logica, cioè il custom serve per personaluzzare e secondo me non ha senso immettere un colore da variabile piuttosto che direttamente, ma forse avevi le tue motivazioni che mi sfuggono.

[enricoonofri]

No infatti l'ho tolto, mi sono accorto che avevo fatto un errore.


Al momento per provare a vedere l'immagine di background ho inserito solo il seguente codice, ma ancora non vedo nulla.



body {
      background: url("public_html/templates/g5_hydrogen/images/Mare.jpg") no-repeat fixed center transparent;
}

[tomtomeight]

Ma hai visto l'esempio che ti avevo messo sopra? Evidentemente no se sbagli url, rivedi e correggi.

[enricoonofri]

Non so più dove sbaglio, ho corretto background-image che l'avevo dimenticato, ma poi il resto mi sembra identico al tuo. ovviamente con il mio percorso.
Ho inserito l'immagine in templates/g5_hydrogen/images/Mare.jpg e ho richiamato il percorso nell'url come vedi qui sotto.
Ho infine ricompilato i css!
 body {
      background-image: url("public_html/templates/g5_hydrogen/images/Mare.jpg");
}

[tomtomeight]

No no no devi cambiare solo il nome dell'immagine e  mettere lo stesso percorso che ho messo io ../images/Mare.jpg

[enricoonofri]

Perchè dovrei cambiare il nome all'immagine Mare.jpg?
Io inizio a pensare che ci sia qualcosa di impostato nel cms joomla che non mi fa vedere lo sfondo...non so xk non riesco a vedere la mia foto! Hai idee perchè non vedo lo sfondo? Non si visto e rivisto mille volte il codice ed il percorso e va bene...