Con le nuove versioni di Joomla i nostri siti hanno un comportamento di tipo "responsive", ovvero cambiano aspetto in base alla risoluzione dello schermo. In questo modo non avremo necessità di cambiare template per i dispositivi mobile, come si faceva prima, ma un solo template è ottimizzato per tutti i device. Però potrei voler non visualizzare alcuni moduli su determinati dispositivi. Come posso fare?

Iniziamo col capire come funziona un template rsponsive.

Mentre prima occorreva far capire al server web quale browser e quale versione  stessi usando per la navigazione, ora basta impostare delle dimensioni.

E poi dicono che le dimensioni non contano! ;-)

Più è bassa la risoluzione, più è piccolo il display che sto usando, quindi probabilmente sto navigando con un cellulare.

Viceversa, più è altra la risoluzione, più è grande il display, quindi starò usando un computer desktop. 

Quattro Racconti


La mia prima opera narrativa, quattro storie brevi, i miei quattro Re, quattro racconti di fantasia, con forti tinte horror, per aiutarvi a non dormire...

  • Se hanno ragione le religioni animiste, ogni oggetto ha una sua identità, una sua anima. E se gli oggetti in questione avessero un'indole maligna?

  • Siamo sicuri di voler affidare il nostro futuro all'intelligenza artificiale? Abbiamo la certezza che un giudizio assolutamente oggettivo e privo di vizi possa guidare la nostra specie verso tempi di pace e prosperità?
    Possiamo fidarci delle cure amorevoli di una fredda macchina??

  • Una vita sfortunata, una serie di rimpianti che negli anni si accumulano, stratificano. Può la disperazione, per quanto intensa e profonda, prendere forma e divorarci dall'interno? Divenire un compagno di vita, tangibile, al nostro fianco mentre camminiamo, sul nostro grembo mentre siamo seduti, come un animale da compagnia??
  • Tra i bisogni primordiali, la necessità di assumere cibo è forse quello che più a contribuito alla nostra evoluzione.
    Quello che più fortemente ci spinge, ci motiva, ci dispera.
    La scarsità di cibo ci ha spinto in ogni angolo del mondo in cerca di terre fertili da coltivare, ha spinto la nostra intelligenza a crescere per poter trovare nuovi modi e tecnologie per rendere i campi più produttivi, ha spinto l'evoluzione delle strutture sociali grazie agli scambi economici tra villaggi e nazioni, ci ha fatto progredire.
    Ma spinge anche i nostri istinti più animaleschi.
    Un animale affamato è una belva sanguinaria e spietata.
    Ed un animale affamato ed intelligente come un essere umano è capace di tutto....
     
     

Quattro Racconti - Storie brevi per non dormire

ISBN Libro:9788892305083

Anno pubblicazione:2023

Formato:11,4x17,2

Foliazione:144

Copertina:morbida

Interno:bn

Genere: Narrativa / Letterature - horror

Distribuzione:

IlMioLibro Self Pubblishing

Amazon

laFeltrinelli

IBS

 

 

Normalmente il range delle dimensioni è preimpostato nella configurazione del nostro template, nella gestione dei template potremmo infatti vedere i "paletti" impostati per le risoluzioni:

 

superiore a 768px sto usando un desktop o un tablet in orizzontale

da 767px a 481px sto usando un tablet in verticale

sotto i 480px sto usando un cellulare.

Detto questo è facile capire che chi ha scritto per noi il nostro template ha studiato un sistema che in base alla risoluzione applica automaticamente uno stile ad un oggetto, in questo modo vediamo i menù trasformarsi in menù a tendina, le immagini rimpicciolirsi, i tasti cambiare d'aspetto.

Me se volessi proprio far sparire un modulo in una determinata visualizzazione?

Magari uno slider flash che mi infastidisce se navigo sulla homepage con un cellulare, o un banner ottimizzato per mobile che non deve esser visibile sulla versione desktop?

Basta agire sui fogli di stile! Sempre chi ha scritto per noi il nostro template a messo a disposizione determinati stili che fanno sparire i moduli in determinate visualizzazioni. 

Per applicare questi stili occorre impostarli nella gestione del modulo, nell'opzione suffisso classe css modulo.

Gli stili disponibili sono:

hidden-desktop per nascondere in visualizzazione pc

hidden-tablet per nascondere in visualizzazione tablet

hidden-tablet-landscape per nascondere in visualizzazione tablet orizzontale

hidden-tablet-portrait per nascondere in visualizzazione teblet verticale

hidden-mobile o hidden-phone per nascondere in visualizzazione telefono

N.B. a volte è necessario inserire uno spazio bianco davanti al nome della classe perchè alcuni moduli non lo inseriscono da soli. Per applicare più stili css al modulo basta scriverli nel campo separati dal uno spazio.

We use cookies
Attenzione! Questo sito utilizza i cookie tecnici e di terze parti per poter fornire i servizi.