Joomla.it Forum
Joomla! 3 => Joomla! 3 => : enricoonofri 26 Jul 2015, 20:58:17
-
Prendo come esempio la vecchia discussione qui presente http://forum.joomla.it/index.php?topic=247905.0 (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;
}
-
Scusa ma 'gantry-media://Mare.ipg' da dove salta fuori?
-
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
-
ciao.
prova qualcosa tipo:
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.
:D
-
Se la cartella è media-gantry dovresti prima vedere l'albero delle directory ove è posizionata, fai uno screen di dove la vedi con ftp filezilla.
-
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??
-
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.
-
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 :) :) :)
-
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! :)
-
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.
-
Grazie davvero. Ora sono fuso mi scoppia la testa. Son sveglio dalle 6, ci guardo domani sera e poi ti dico! 8) 8)
-
Bene a mente fresca si riesce meglio, buonanotte.
-
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
-
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
-
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]
-
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??
-
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
-
Non dovresti vedere l file dato che viene compilato, anzi dopo ogni modifica se non ricompili non hai alcun effetto.
-
Scusa ma cosa intendi per ricompilare?
-
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!
-
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?
-
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!
-
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? :) :)
-
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.
-
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:
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
-
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)
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
-
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.
-
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??
-
Forse hai messo nel custom.scss un istruzione sbagliata, magari se ci riporti quella linea di codice.
-
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;
}
-
forse è
color: @bodytext;
??????
-
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...
-
Se dichiari una variabile poi questa devi valorizzarla da qualche parte.
-
OK, ricompilando i css non vedo nulla! Ho fatto alla lettera quando descritto non capisco che pallee
-
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.
-
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;
}
-
Ma hai visto l'esempio che ti avevo messo sopra? Evidentemente no se sbagli url, rivedi e correggi.
-
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");
}
-
No no no devi cambiare solo il nome dell'immagine e mettere lo stesso percorso che ho messo io ../images/Mare.jpg
-
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...
-
body {
background-image: url("../images/Mare.jpg");
}
Questo è il codice che ho inserito adesso!
-
Perchè dovrei cambiare il nome all'immagine Mare.jpg?
Mi riferivo al nome che ho messo nell'esempio che era la mia immagine tu invece devi mettere la tua e ti ho mostrato come dovevi scrivere.
-
Ho fatto ma niente! sono uno che non si abbatte ma questa cosa è davvero strana! Non capisco
-
metti un link e scusa se l'hai gia messo
-
Ciao.
A parte la personalizzazione dello sfondo, non so se hai apportato altre modifiche al template originale (e quì sicuramente il link aiuterebbe).
Quel template utilizza il fullwith, cioè é a schermo intero, copre tutta l'area.
Quindi ci puoi mettere tutti gli sfondi che vuoi, non li vedrai mai se non riduci/modifiche le altre proprietà.
Giusto per toglierci ogni dubbio, nel file custom.scss aggiungi all'inizio
html {
width: 80%;
margin: auto;
}
ricompili il css e vedi che succede.
-
Ho inserito anche questo codice ma nulla cambia!
Questo il link del mio sito ancora in lavorazione come vedete!
www.articolazione-temporomandibolare.info
-
Ti sei ricordato di ricompilare il css?
-
Yes!
-
Trovato qualcosa dal link?
-
sì che il tuo custom non c'è
-
E sai dirmi xk non c'è dato che io l'ho messo nella cartella css dentro al template G5?
-
Non saprei anche a me dopo che ho aggiornato è scomparsa, prima in due minuti l'avevo messa, e non ho avuto tempo di capire ancora, quando rimetterò mano al sito ti farò sapere.
-
Ok ottimo ci aggiorniamo!! Intanto lavoro con altro template io! buonaserata 8)