Background immagine

[enricoonofri]

Prendo come esempio la vecchia discussione qui presente http://forum.joomla.it/index.php?topic=247905.0
Siccome è stato risolto il problema per l'inserimento di immagini in background sul template gantry 4.1.2.6, e dato che ho provato allo stesso modo e non funziona per gantry 5...chiedo innanzitutto su il codice è corretto, e dove lo devo inserire evitando che al prossimo aggiornamento lo perda.

body {
    height: 101%;
      background: url("gantry-media://Mare.jpg") no-repeat fixed center center transparent;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: @bodytext;
}

[tomtomeight]

Scusa ma 'gantry-media://Mare.ipg' da dove salta fuori?

[enricoonofri]

Salta fuori dalla cartella media, è una foto che ho caricato precedentemente.
Ho chiesto apposta se è sbagliato il modo di scrivere il codice per l'url dell'immagine, o se ci sono antri errori. Come dovrei fare?
Grazie

[blue_peter]

ciao.


prova qualcosa tipo:

Codice: [Seleziona]

background: url("../media/mare.jpg") no-repeat fixed center transparent;

facendo attenzione al percorso in cui si trova l'immagine.


inoltre, sarebbe una buona regola evitare maiuscole e caratteri speciali tipo gli spazi nei nomi delle risorse che si devono caricare.


 

[tomtomeight]

Se  la cartella è media-gantry dovresti prima vedere l'albero delle directory  ove è posizionata, fai uno screen di dove la vedi con ftp filezilla.

[enricoonofri]

OK, allora ho corretto il codice, e ho inserito il giusto percorso, ma forse sbaglio a posizionare il file.
Per vedere lo sfondo con l'immagine mare.jpg io ho creato un file chiamato gantry-custom.css con dentro il suddetto codice e l'ho copiato in templates/gantry5_hydrogen/custom/gantry-custom.css
Va bene secondo voi??

[tomtomeight]

Se non vedi il l'immagine no, sbagli il percorso della immagine, deve essere in relazione a dove viene chiamata  rispetto a dove sta la cartella media.gantry e c'entrano anche maiuscole e minuscole.

[enricoonofri]

Sono disperato! Per inserire immagine di sfondo tutto sto casino, figuriamoci se voglio inserirne più di una a rotazione in trasparenza. (un passo alla volta)La cartella è public_html, al cui interno ho la cartella images ed il file al suo interno si chiama Mare.jpg (cioè la mia foto di sfondo)
Ora, io ho copiato il file con il seguente codice in public_html/templates/gantr5_hydrogen/custom e l'ho chiamato gantry-custom.css



body {
    height: 101%;
      background: url("..public_html/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;
}


Ho provato anche a copiare il file gantry-custom.css in public_html/templates/gantr5_hydrogen/custom/css-compiled.
Ma non ottengo nulla! aiutoooooo 

[enricoonofri]

Ho provato a copiare il file gantry-custom.css in public_html/templates/gantry5_hydrogen/custom/css-compiled.
Nada.
Li proverò tutti (engine, admin,layouts eccc......)
Si accettano risposte!

[tomtomeight]

Sbagli sempre l'url, se il file img sta nella cartella images da dove ti sei inventato quel percorso mediaeccetera. Ok adesso cerco di farti capire e risolvere, metti come percorso images/Mare.jpg, poi per capire se il tuo css custom viene letto utilizza firebug se vedi il css dovresti leggere il percorso e vedere proprio l'immagine..Se non vedi il css allora sbagli a mettere il custom.css ma non devi andare ad indovinare nulla circa dove metterlo e nemmeno perderti in inutili tentativi alla cueca, ti portano solo lontano. La documentazione su come aggiungere un custom.css è chiara, leggila con calma ed apllicala, se non funziona non devi fare tentativi come adesso la metto li poi la sposto quì ecc. Se non funziona rileggi e poi rileggi ancora perché se leggi con calma risolvi.

[enricoonofri]

Grazie davvero. Ora sono fuso mi scoppia la testa. Son sveglio dalle 6, ci guardo domani sera e poi ti dico!

[tomtomeight]

Bene a mente fresca si riesce meglio, buonanotte.

[joomla_fan]

OK, allora ho corretto il codice, e ho inserito il giusto percorso, ma forse sbaglio a posizionare il file.
Per vedere lo sfondo con l'immagine mare.jpg io ho creato un file chiamato gantry-custom.css con dentro il suddetto codice e l'ho copiato in templates/gantry5_hydrogen/custom/gantry-custom.css
Va bene secondo voi??

Ciao.
Per quanto riguarda Gantry5 e il file custom, questa discussione forse ti può aiutare.
http://forum.joomla.it/index.php/topic,253275.msg1176848.html#msg1176848

[enricoonofri]

Se io non uso firefox ma Chrome, come devo fare per vedere il css?
Ho installato fibebug lite per chrome...ma non so come fare...
Ho copiato il file custom.scss dentro alla carella templates/custom/scss.
Ma in frontend non vedo alcun risultato ancora e non so come capire dove sbaglio. Mistero

[enricoonofri]

Ciao xplosion,con Firebug su Firefox non vedo il file scss che ho inserito, quindi significa che, stando a quello che dici tu, ho sbagliato a creare il file custom.scss ?? Giusto?[/size]Altrimenti con firebug almeno dovevo vedere il mio file custom nei css giusto??[/color]

[enricoonofri]

Ciao xplosion,con Firebug su Firefox non vedo il file scss che ho inserito, quindi significa che, stando a quello che dici tu, ho sbagliato a creare il file custom.scss ?? Giusto?
Altrimenti con firebug almeno dovevo vedere il mio file custom nei css giusto??

[enricoonofri]

E poi scusa, da inesperto del web, se invece di creare un file nuovo col codice css per il background e metterlo nel custom del template, io provo a copiare un file del css di gantry che firebug mi legge, quindi che son sicuro di vedere, e lo copio modificato con l'immagine di background che voglio nella cartella custom/scss del template, non è meglio? è un'idea

[tomtomeight]

Non dovresti vedere l file dato che viene compilato, anzi dopo ogni modifica se non ricompili non hai alcun effetto.

[enricoonofri]

Scusa ma cosa intendi per ricompilare?

[enricoonofri]

Ti prego devo farcela, inserire una cacchio di immagine di sfondo al template sta diventando un'impresa ormai! capisco che sono inesperto ma non voglio mollare per così poco!