Template professionali e di facile costruzione grazie a Gantry Framework

[michele.p]

...in che senso:

modificare il template gantry-Default

...cosa fai di preciso?

Bye 

[eilish]

Mi unisco a questo post, perchè anch'io ho dei problemi con gantry. Sto utilizzando in locale:


Joomla 2.5.6
Gantry framework: 4.0.4
Gantry free default template: 4.0.4
Safari Leopard


Vorrei semplicemente cambiare l'header attuale, di colore grigio scuro, con un'immagine, chiamata sfondo


1)ho caricato l'immagine nella cartella images di Joomla, poi ho scritto questa riga di codice:

Codice: [Seleziona]

#rt-top-surround .rt-header{ background-image: url(miosito/images/sfondo.png) !important;}

e l'ho messa in un file chiamato gantry-custom.css, presente nella cartella css del template


2) ho pulito tutte le cache (browser, Joomla e gantry)


ma nonostante tutto ho lo sfondo grigio e non riesco a modificarlo


Qualcuno sa che regola css impostare?? Io mi ci sto rompendo la testa da 15 giorni 
E anche dal forum di gantry non ho avuto risposte esaurienti... loro partono dal principio che tutti siano in grado di scrivere un file css, ma non è così semplice!!

[michele.p]

1) L'immagine mettila in:

/templates/rt_gantry/images/logo/

2) Nel file template.css in /templates/rt_gantry/css aggiungi una riga di questo tipo:

Codice: [Seleziona]

#rt-logo {background: url(../images/logo/sfondo.png) 0 0 no-repeat;width: XYZpx !important;height: ABCpx !important;display: block;}
In realtà la riga non devi aggiungerla perché già presente: devi solo modificarla. Al posto di XYZ (larghezza) e ABC (Altezza) inserisci la grandezza della tua immagine. Così ho fatto io e funziona. Spero solo di aver capito bene che per immagine di header tu non intenda immagine di background del sito.

Questo volevi sapere?

Bye 

[eilish]

Grazie Michele,
l'immagine è proprio quella dell'header e dovrebbe sostituire tutto l'header, non semplicemente il logo, ovviamente se l'immagine ha le stesse dimensioni dell'header, la cosa dovrebbe funzionare (spero)...
oggi faccio la prova; per intanto grazie della tua risposta!

[eilish]

Dunque, funziona solo parzialmente...l'immagine di sfondo rimane spostata verso destra ed inoltre la galleria che ho realizzato con roksprocket e che dovrebbe andare sullo sfondo viene invece spostata sotto, aumentando quindi l'altezza dell'header...sob! 

[eilish]

RISOLTO!!!
L'immagine è stata messa nella cartella images/logo del template gantry, e nel gantry-custom.css file ho aggiunto questa riga di codice

div#rt-header {background: url('../images/logo/sfondo.png');}




In questo modo funziona anche la galleria, che viene evidenziata dalla texture di sfondo 

[creativomancato]

Salve, sto usando sia joomla che gantry per la prima volta. O meglio joomla lo conoscevo è usato per il mio sito ma poi ho lasciato perdere, quindi è come se non l'avessi mai usato.


ho installato gantry e lo lo reso predefinito come tema.
sto provando a modificarlo ma qualsiasi modifica che faccio non la vedo sul browser (Crhome)


qualche spiegazione logica?
grazie

[eilish]

@creativomancato
Ciao!  per esperienza (anche se io uso safari) di solito le modifiche si vedono solo dopo aver svuotato la cache del browser, la cache di Joomla e quella di Gantry....

[creativomancato]

grazie della risposta.


spero che tu stia scherzando per la questione cache   perché  lo trovo ridicolo che per ogni cambio devo fare 3 operazioni ... va be lasciamo perdere.


Le cache sono pulite, ma lui non va lo stesso
Noto anche che rispetto ai video del sito di gantry mi mancano delle cose ... tipo il tasto "save as copy" visibile nel video sul template

Poi vorrei capiere qual'e il template di default quello del video? perché a me non appare quello,


http://www.giuseppefavia.com/gantry ma questo ovvero i testi del default di joomla su un layout che sembra quello del video.

come la mettiamo?

[eilish]

Anch'io uso Gantry da poco, lo trovo molto versatile, ma prima di capire alcune cose devi smanettare un bel po' in locale (io mi sono letteralmente dannata per capire come inserire le immagini di background nel foglio e nell'header  )
Sul sito di gantry trovi diversi pacchetti d'installazione: per visualizzare il template esattamente come appare nel video devi usare il gantry Rocket Launcher, ma stai attento, perchè questo pacchetto ti installa anche l'ultima versione di Joomla e quindi devi usarla in locale oppure online, ma sempre e comunque su un db  "vergine" cioè senza installazione preesistenti di Joomla, altrimenti ti incasini il sito già esistente.
Personalmente ho installato (in locale, così posso fare tutte le prove che voglio) i primi due files che trovi nella pagina gantry download, cioè il framework ed il template; fatto questo ho installato anche RokNav Menu che ho usato per impostare il main menu (quello di default incluso in gantry  è impostato su off) e poi Roksprocket, per farmi uno slideshow nell'header....
Comunque ti consiglio proprio di farti un pò di prove in locale, così puoi giocare sui vari layouts

[creativomancato]

ah ecco, cominciamo a ragionare ...


allora devo fare delle precisazioni


ho installato joomla  tramite l'installer del mio server Linux su aruba e dopo ho installato il pacchetto bundle e quindi non potevo giustamente ritrovarmi con il video.


io le prove posso farle online su una cartella dedicata tipo il link che ho messo (va bene oppure devo stare sulla root principale? ... in locale poi non posso farlo vedere per gli aiuti.)


Quello che non ho capito il pacchetto rocktheme come lo utilizzo? devo spacchettarlo e portarlo manualmente tramite ftp nella cartella che creo sulla root principale?

[eilish]

A questo link trovi un tutorial (facile, anche se è inglese) dove ti spiegano come usare il RocketLauncher


http://www.rockettheme.com/forum/index.php?t=20046&rb_v=viewtopic


In sostanza spacchetti sul tuo pc e poi carichi via ftp tutto il contenuto nella tua Root; dopodichè ti conviene mettere il sito offline e...sfogarti con le varie prove 

[creativomancato]

A questo link trovi un tutorial (facile, anche se è inglese) dove ti spiegano come usare il RocketLauncher


http://www.--- SPAM ---.com/forum/index.php?t=20046&rb_v=viewtopic


In sostanza spacchetti sul tuo pc e poi carichi via ftp tutto il contenuto nella tua Root; dopodichè ti conviene mettere il sito offline e...sfogarti con le varie prove 

il problema è che devo lavorare online ma su una cartella a parte ... cmq prova fatta offline ho caricato e installato joomla dalla pacchetto che è la 2.5.7 mentre aruba mi dava la 2.5.4 (non credo facesse differenza ) comunque lui carica 3 componenti del template di cui 2 "override" che sono quelli che mancavano a me.


Sempre offline ho aggiornato all'italiano ... adesso lo faccio online così ho la mia cartella dedicata.
usando quel  template ho capito che addirittura posso assegnare il template  alle varie voci di menu per avere layout diversi nello stesso sito.
la cosa che mi esalta è che questo upgrade è responsive.

[eilish]

Certo, che sia responsive è la cosa più interessante 
Comunque gantry framework lavora SOLO con la versione più recente di Joomla...le minestre riscaldate non gli piacciono!! Ricordati poi di fare sempre gli aggiornamenti di Gantry framework (te lo segnala lui negli updates automatici di Joomla); puoi aggiornare anche il template di default, ma solo a patto che tu abbia avuto l'astuzia di farti un tuo file "gantry-custom.css" nella cartella css del template, altrimenti aggiornando il template perdi le tue impostazioni specifiche (tipo immagini di background ecc.)


Buona serata (e buon divertimento  con gantry)

[blackeagle]

Ciao Michele grazie per la risposta e scusa l'enorme ritardo nella risposta, ma sono stato fuori ed ho momentaneamente abbandonato quel progetto. Adesso voglio realizzarne un'altro ma essendo un'altro problema creerò un nuovo post.
Grazie ancora e ciao

CIao BlackEagle. Io il problema dell'immagine di background l'ho risolta così. Apri il foglio di stile gantry.css che trovi in libraries/gantry/css/ quindi aggiungi (io l'ho messa come decima riga subito dopo la riga nella sezione /* Reset */) questa riga:

body {background: url(../images/Immagine_mia.png) repeat !important;}

L'immagine, come da percorso riportato indicato nella riga, è da inserire in libraries/gantry/images. In luogo di una png io ho una jpg.

Funziona? ...fai sapere...

Bye 

[blackeagle]

Ciao a tutti ho installato:


Joomla 2.5.7
Gantry framework 4.5
Tpl Gantry
Firefox, Chrome, Safari

Il problema, nonostante gli innumerevoli tentativi è che sia il mainmenu che il topmenu, mi compaiono sempre in verticale!  Qualsiasi sia la posizione in cui li metto. Dal menu del tpl gantry ho i seguenti settaggi:

Menu control => ON => fusion
Select Menu => MainMenu e Top Menu
position => headerA o ExtensionA o qualsiasi posizione (ovviamente sincronizzato con la posizione del relativo modulo)
Come devo fare per vederli in orizzontale?
Grazie a tutti
P.S. ma la posizione precisa standard per il mainmenu qual'è? Per avere sulla HP un normale menu orizzontale

[creativomancato]

Certo, che sia responsive è la cosa più interessante 
Comunque gantry framework lavora SOLO con la versione più recente di Joomla...le minestre riscaldate non gli piacciono!! Ricordati poi di fare sempre gli aggiornamenti di Gantry framework (te lo segnala lui negli updates automatici di Joomla); puoi aggiornare anche il template di default, ma solo a patto che tu abbia avuto l'astuzia di farti un tuo file "gantry-custom.css" nella cartella css del template, altrimenti aggiornando il template perdi le tue impostazioni specifiche (tipo immagini di background ecc.)


Buona serata (e buon divertimento  con gantry)

ciao,
non ho capito la questione del template e il css custom

io adesso il template come nel video
il template e online in una sottocartella del mio sito


vorrei capire se posso creare diversi template ed esportarli oppure devo fare procedimenti particolari.

Poi ho notato che la copia locale che ho messo su funziona come il video invece quella online mi da solo home gli altri link (tranne i preset) non funzionano mi restituisce "categoria non trovata" mi da un 404. In pratica ho solo una pagina?

posso creare dei template figli?
ovvero il default lo lascio così.
 cambio nome è salvo come copia assegno un layout diverso alle mie 5 pagine
dopo ricomincio con un'altro template copia2

posso farlo ed esportare o comunque prelevare quelle impostazioni e rimetterle in una libreria template di un'altra installazione joomla?

[eilish]

Dunque:
1) il file custom.css devi crearlo se intendi apportare modifiche (come immagini di sfondo ecc.) che vuoi ritrovarti nel "tuo" template, anche dopo eventuali aggiornamenti di Gantry; la creazione del file è necessaria perchè i "guru" del forum Gantry consigliano caldamente di non modificare mai niente in libraries/gantry e nei css-compiled, specificando anche che la cartella custom non ha niente a che fare con i css
2) se vuoi crearti un template e poi esportarlo in altra installazione joomla devi ovviamente avere gantry framework  anche sulla seconda installazione: altrimenti, in mancanza delle librerie gantry, anche il template esportato non funzionerà
3) la pagina che vedi e che è uguale al template del video è un override, quindi chiaramente visualizzi solo quella... tutto il resto è inesistente e funziona solo con le impostazioni di default di ogni installazione Joomla... in pratica, ogni novità implementata da te (un diverso colore dei links, un font Google di tuo gusto ecc.) va salvata come nuovo preset, dandogli un nome tipo "miopreset" o simili
4) fatti un giretto sul forum del link che ti avevo mandato, moltissime spiegazioni le trovi proprio lì... purtroppo (ma giustamente, perchè alcune estensioni e template citati sono a pagamento) gli amministratori del Joomla forum hanno sostituito il nome originale con SPAM, però se vai proprio in fondo alla home page di Gantry framework, ci trovi "created by XXXXX": batti il corrispondente di XXXXX in Google e lo troverai facilmente
5) io sono principiantissima nell'uso di gantry, quello che scrivo è basato solo sulle mie esperienze, ma se leggi le prime pagine di questo post troverai gli interventi di molti che sono invece dei professionisti...magari una mail privata ad uno di loro potrebbe darti risposte più esaurienti
Ciao!!

[creativomancato]

Dunque:
1) il file custom.css devi crearlo se intendi apportare modifiche (come immagini di sfondo ecc.) che vuoi ritrovarti nel "tuo" template, anche dopo eventuali aggiornamenti di Gantry; la creazione del file è necessaria perchè i "guru" del forum Gantry consigliano caldamente di non modificare mai niente in libraries/gantry e nei css-compiled, specificando anche che la cartella custom non ha niente a che fare con i css
quello l'avevo capito, era inteso come si crea ...mi spiego ... io non uso joomla mai,conosco il suo funzionamento so dove sono le cartelle dei template e che ogni template è un sito a parte in pratica che interagisce con il cms. Ora volevo capire l'operazione fisica da fare.
Nella cartella gantry (in locale) io ho la cartella templates>gantry> cartelle del template:
css > css di IE
custom > dentro io ho per esempio "index.html" e "presets.ini"
css compiled> i vari css che mi sembra non debbano essere toccati.(giusto?)

ora il file gantry-custom.css lo creo a mano in pratica? lo collego con href nella pagina?
non mi è chiaro sta cosa che immagino sia stupida naturalmente.

se apro il gestionale di gantry mi da 4 presets io ho fatto un 5° non è un template quello? oppure è solo una regola da applicare tipo azioni di photoshop ma il template è sempre quello?

Arrivato a questo punto duplico gantry no? problemi con i percorsi se cambio il nome?

2) se vuoi crearti un template e poi esportarlo in altra installazione joomla devi ovviamente avere gantry framework  anche sulla seconda installazione: altrimenti, in mancanza delle librerie gantry, anche il template esportato non funzionerà

Su quello siamo daccordo

3) la pagina che vedi e che è uguale al template del video è un override, quindi chiaramente visualizzi solo quella... tutto il resto è inesistente e funziona solo con le impostazioni di default di ogni installazione Joomla... in pratica, ogni novità implementata da te (un diverso colore dei links, un font Google di tuo gusto ecc.) va salvata come nuovo preset, dandogli un nome tipo "miopreset" o simili

devo provarla online questa cosa

4) fatti un giretto sul forum del link che ti avevo mandato, moltissime spiegazioni le trovi proprio lì... purtroppo (ma giustamente, perchè alcune estensioni e template citati sono a pagamento) gli amministratori del Joomla forum hanno sostituito il nome originale con SPAM, però credo che il link sia intatto
Ciao!!

link nullo .... se hai voglia di mandarmelo via messaggio ti ringrazio

[eilish]

Il file gantry-custom.css va inserito nell'ultima cartella di questo percorso:
tuosito/templates/gantry/css


non cambiare nome al template (non sto parlando di presets), lascialo gantry ed imposta il tuo file css con questo nome:


gantry-custom.css


Naturalmente questo file non esiste di default nella cartella css, non toccare niente di quello che ci trovi già dentro, aggiungi solo il file custom che avrai scritto usando qualcosa tipo blocco note (niente word o simili, per carità, meglio se usi un editor per css, tipo Komodo)


se non vedi niente delle tue modifiche css, vuota la cache del browser e di gantry template e poi riprova


tecnicamente il tuo preset non è un template, ma solo un'elaborazione di quelli di base, che ti consente di caricare e visualizzare le impostazioni che tu hai dato (il tuo logo, i tuoi fonts Google, il tuo layout dei vari moduli ecc); chiaro che -mentre costruisci il template, la prima cosa da fare, dopo aver aperto il gantry default, è andare sui presets e selezionarti il tuo.... salvati sempre ogni cambiamento che apporti


Adesso ti mando il link alla pagina del gantry forum, così puoi aver una visione più completa