Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : Rasjah 27 Sep 2013, 10:46:08
-
Ciao a tutti,
Il problema è questo devo centrare e rendere responsive il logo che ho messo nella posizione -header-, all'interno del template Gantry.
Per centrarlo no-problem, con margin-left:auto e margin-right:auto, si risolve. Ma fare in modo che il logo si adatti anche su piccoli schermi ??? ??
il link http://www.alpasoft.it/ (http://www.alpasoft.it/)
Grazie....
-
Ciao,
Una possibile soluzione potrebbe essere questa.
Dai un occhiata alla documentazione per quel che riguarda il responsive: http://www.gantry-framework.org/documentation/joomla/advanced/responsive_grid_system.md (http://www.gantry-framework.org/documentation/joomla/advanced/responsive_grid_system.md)
Creare 4 versioni diverse del logo, una per i siti "large", una per la visualizzazione "desktop", una per "tablet" e una per "phone".
Per i tablet suggerisco una larghezza non più di 400px, e per i smartphone 280px.
Crea un modulo e pubblicalo nella posizione che vuoi, da qualche parte nel header. In questo modulo devi avere 4 div diversi con 4 classi: 'visible-large', 'visible-desktop', 'visible-tablet' e 'visible-phone'.
Ecco un esempio:<div class="visible-large">
<img src="images/grande-logo.jpg' />
</div>
<div class="visible-desktop">
<img src="images/desktop-logo.jpg' />
</div>
<div class="visible-tablet">
<img src="images/tablet-logo.jpg' />
</div>
<div class="visible-phone">
<img src="images/smartphone-logo.jpg' />
</div>
Disabilita la visualizzazione del logo predefinito dal template manager di gantry !
-
ok xplosion leggo/provo e poi faccio sapere..
p.s. Grazie, avevo già disabilitato il logo di default e messo Custom Logo
-
Ho risolto nel seguente modo:
- All'interno del template Gantry sezione Style - Logo, lo messo a OFF
- Ho creato un nuovo modulo HTML personalizzato, all'interno della finestra Personalizza Output, ho caricato l'immagine del mio logo, e l'ho centrata.
- Salvato
e il tutto funziona centrato e responsive......
alla prossima ;) ;) ;) ;) ;)
-
Scusate se riapro il thread ma l'argomento mi interessa senza aprirne di nuovi.
Come hai fatto a pubblicarlo? Hai pubblicato il modulo in qualche position? Mi spieghi per favore?
-
Caro d3vi niente messaggi privati assillanti >:( >:( non sono certo tutto il giorno attaccato al forum....
Comunque... Certo il modulo che ho creato lo posizionato in header......
ma penso che qualsiasi altra posizione vada bene
-
Caro d3vi niente messaggi privati assillanti >:( >:( non sono certo tutto il giorno attaccato al forum....
Messaggi privati assillanti??? :o Te ne ho mandato uno solo e per giunta quando eri ancora on-line; te l'ho spedito perchè avevo una certa situazione di emergenza, non certo per assillarti, per cui se devi dire le cose dille come sono realmente e non a modo tuo, facendomi passare per quello che non sono, ok? ;)
Ho risolto seguendo il tuo modo, ma per piazzare il modulo in una posizione ci sono arrivato da solo...
Ciao e grazie.