Joomla.it Forum
Joomla! 3 => I Template di Joomla! 3 => : luca1670 27 Apr 2016, 19:13:50
-
salve a tutti, volevo chiedere una informazione : io sto costruendo un sito con joomla 3.4.8, nel mio template sto inserendo vari moduli, è possibile fare in modo che dal pc si vedano tutti i moduli e invece quando mi collego al sito col cellulare si vedano solo determinati moduli?, grazie.
PS: sto usando un template responsive.
-
dipende un pò dal template, se usi un template bootstrap potresti inserire nel suffix la classe che ne regola la visualizzazione con i vari device.
cerca un pò di documentazione, questa una tabella riepilogativa
(http://www.html.it/wp-content/uploads/2013/11/classi-visibility-th.png)
-
non riesco a trovare niente , ha per caso qualche link? grazie
-
Se cerchi come scrivi i titoli ....
Per cortesia edita il titolo mettendo in evidenza la tua problematica, riceverai sicuramente maggiore aiuto e contribuirai a rendere anche più fruibile il forum per le future ricerche. Grazie.
-
Ciao, prova a vedere se questo fa per te.
http://www.joomla.it/e-ancora/articoli-community-3x/7631-creare-moduli-visibili-solo-su-smartphone.html
-
no non fa per me, comunque grazie per avere cercato di aiutarmi
-
Ciao, è semplicissimo devi seguire il consiglio dato da giusebos ed inserire quelle classi nel campo Classe CSS del modulo senza il .(punto) iniziale, qui http://getbootstrap.com/2.3.2/scaffolding.html#responsive trovi piu dettagli sul risultato che si ottiene usandole
-
$red, sono andato sul limk della pagina che mi hai dato, ma non ci capisco proprio niente, sono nuovo di queste cose le sto approcciando da poco, e non ci riesco,e non trovo quella tabella. comunque grazie
-
ho trovato questo può essere?
Modifica file /less/override.less nel template
// Hide from screenreaders and browsers
// Credit: HTML5 Boilerplate
.hidden {
display: none;
visibility: hidden;
}
// Visibility utilities
// For desktops
.visible-phone { display: none !important; }
.visible-tablet { display: none !important; }
.hidden-phone { }
.hidden-tablet { }
.hidden-desktop { display: none !important; }
.visible-desktop { display: inherit !important; }
// Tablets & small desktops only
@media (min-width: 768px) and (max-width: 979px) {
// Hide everything else
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important ; }
// Show
.visible-tablet { display: inherit !important; }
// Hide
.hidden-tablet { display: none !important; }
}
// Phones only
@media (max-width: 767px) {
// Hide everything else
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important; }
// Show
.visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
// Hide
.hidden-phone { display: none !important; }
}
// Print utilities
.visible-print { display: none !important; }
.hidden-print { }
@media print {
.visible-print { display: inherit !important; }
.hidden-print { display: none !important; }
}
-
non devi modificare nessun codice ma agire sulla configurazione dei moduli, come ti ho detto al campo Suffisso classe CSS modulo inserisci quelle regole, il campo nella maggioranza dei moduli lo trovi al tab avanzate.
N.B. quando inserisci codici nei post inseriscili tra il tag code usando l'apposito tasto # che trovi nell'editor del forum
-
sembre quasi che quando vado sul suffisso classe modulo e inserisco le regole vengano ignorate, è possibile?
-
quali inserisci? leggendo il codice che hai postato quelle che devi usare dovrebbero essere quelle del link che ti ho postato sopra.
-
sul template non trovo la voce :responsive.less
-
perche hai postato quel codice dove lo hai preso, una delle prime cose che ti è stato detto è
dipende un pò dal template, se usi un template bootstrap .....
il tuo template usa bootstrap? se free ci puo gentilmente dire che template è? se poi metti anche un link al sito meglio
-
si il mio template usa bootstrap, non è free , non ho messo il link al sito perchè il sito lo sto ancora costruendo, e lo sto facendo in modo che per visitare il sito bisogna iscriversi (modulo login).
il codice che ho postato, lo ho trovato nel foglio:OVERRIDE.LESS, poi il codice lo ho trovato anche nei fogli: BOOTSTRAP.CSS----LEGACY-GRID.CSS-----TEMPLATE.CSS
PS: $RED , io ci capisco poco ,sono nuovo di queste cose, se ti va ti posso dare il nome e password per entrare nel backend di joomla del mio sito, e cosi ci guardi direttamente, comunque grazie che cercate di aiutarmi.
-
mi dispiace non possiamo accedere con dati privati, comunque ti ripeto non è difficile, guarda l'immagine allegata quello è un moulo html che io uso per il banner laterale sul mio sito (http://redwebsite.altervista.org) all'interno delle pagine degli articoli e non voglio che venga visualizzato sugli smartphone, quindi ho inserito nel campo Suffisso Classe CSS Modulo hidden-phone
-
ho provato ad inserire hidden-phone, ma non succede nulla , ripeto è come se ingnorasse quello che io scrivo sul suffisso classe css, in giro sul web ho letto che quando succede questa cosa , una opzione sarebbe inserire la regola via ftp,(io uso filezilla) solo che non so come si fà, qualcuno di voi lo sa ,se si mi può spiegare passo a passo?, grazie a tutti.
ps: $red complimenti per il sito.
-
allora è possibile che sia una vers. bootstrap piu aggiornata non so, però nel codice che hai postato leggo quelle regole, puoi provare le classi suggerite da giuseboss le trovi qui http://getbootstrap.com/css/#responsive-utilities (http://getbootstrap.com/css/#responsive-utilities)
-
può essere che perchè il template funzioni devo usare questo plugin? e magari questo plugin crea conflitti con il suffisso classe css?.
-
potevi dirlo prima che è un template con framework T3 :) le classi sono quelle suggerite da giusebos che trovi nell'ultimo link che ti ho dato, ti ripeto che vanno inserite senza il .(punto) iniziale e se non funzionano ti conviene chiedere a chi ha realizzato il template
Edit: leggendo un post sul forum del framework dicono di inserire uno spazio prima del codice, forse è questo il problema prova
(http://www.t3-framework.org/discussions.html?controller=attachment&task=displayFile&tmpl=component&id=200)
-
leggendo un post sul forum del framework dicono di inserire uno spazio prima del codice
SIIIiiiiii
(http://www.grandearmadio.com/negozio/images/108682_corvo_rockfeller_1.jpg)
-
ho provato ad inserire tutte le sigle possibili nel suffisso, senza il punto, lasciando lo spazio, tutte quelle consigliate da giusebos, quelle che mi ha dato l'autore del template (socialize) il quale mi dice che dovrebbe funzionare,altrimenti dovrei scaricare la nuova versione di jomsocial (€),ripeto : sembra che la casella di suffisso ignori quello che scrivo, se qualcuno sa come inserire la regola via ftp me lo dica per favore,grazie.
-
certo che se non riesce ad aiutarti l'autore del template è un problema......però se ti ha detto di scaricarti l'ultima versione, secondo me un motivo ci sarà.
-
si..........€
-
ora ci siamo capiti 8)
-
tu il metodo per inserire la regola via ftp la conosci?
-
va studiato il template, ogni caso è sempre un caso unico.
-
studiato-studiato-studiato, non riesco a venirne a capo , che due pa@@e
-
non so se... ma prova a vedere la versione di T3 che c'è installata magari aggiornandola inzia a funzionare, ma se è da aggiornare prima fai un backup non vorrei che il template aggiornandogli il framework smette di funzionare
-
ciao, la versione che ho installata di t3 framework è la 2.5.1 , dovrei aggiornala alla versione 2.5.5 (ma è a pagamento)sto cercando nel web ma non la trovo gratis.
-
no il framework è free ti conviene aggiornarlo, anche se ripeto secondo me potrebbe non risolvere il problema, comunque strano che non ti compare come estensione da aggiornare lo trovi qui http://www.t3-framework.org/downloads.html (http://www.t3-framework.org/downloads.html)