Come presentare anteprima di articoli con effetto parallax in Joomla

Oggi vorrei presentarvi un modulo per joomla per realizzare uno slaidshow o carosello di articoli con effetti parallax "Parallax Slider" per Joomla, con questo modulo posiamo creare una presentazione di articoli  sia di joomla sia di K2 o Zoo nella  posizione scelta del vostro template.

1. Panoramica del modulo di anteprima con effetto parallax

Ci sono parecchie impostazioni che ci danno la possibilità di scegliere categorie di articoli da mostrare, mostrare solo ultimi o articoli piu popolari della categoria scelta, la loro quantità, velocità del nostro carosello, ci sono template gia precompilati dal produttore del modulo che in realtà sapendo css e html possiamo sempre modificare e proprio questo che ho fatto io.

2. Esempio di carosello d'anteprima

 

Posizionamento degli elementi atraverso proprietà float di CSS.

Uno degli aspetti molto utili dei CSS è che gli stili ci permettono di posizionare il contenuto e gli elementi su una pagina web in quasi tutti i modi possibili. Questo introduce l'ordine nel nostro design e aiuta a rendere il contenuto più visibile. Esistono diversi tipi di posizionamento nei…

Leggi tutto...
Posizionamento degli elementi atraverso proprietà float di CSS.

Menu artistico di un sito web moderno

Creando siti web di varia tematica si affrontano diverse esperienze, particolarmente quando si cerca di presentare al meglio e nello stesso momento piu chiaramente possibile  per un visitatore del sito  gli prodotti o serivizi che offre o realizza azienda presentata nel sito . Nei mesi scorsi lavorando su uno dei…

Leggi tutto...
Menu artistico di un sito web moderno

Come centrare in assoluto una immagine adattiva coi CSS

 Per il centraggio assoluto in orizzontale e verticale  degli elementi sulla pagina, ci sono  vari metodi, e ne abbiamo parlato anche noi  Quindi, a questo proposito, non rivelerò nulla di nuovo, per quanto riguarda  il centrare  degli elementi sulla pagina web perché   tutto è estremamente chiaro.

Leggi tutto...
Come centrare in assoluto una immagine adattiva  coi CSS

 

 

In piu il modulo utilizza la libreria Bootstrap e quindi è responsivo, non dimenticare che sul nostro sito abbiamo una serie di articoli su bootstrap nonché una piccola guida di Bootstrap il cio permette di modificare ulteriormente l'aspetto finale del nostro nuovo modulo di Parallax Slider. Installazione e semplice ed è uguale ad altre moduli di joomla. Entrimo in Estensioni 'Gestione estesioni' e insatliamo il modulo.

3.Gestione del modulo

paralasslider

Gestione avviene tramite menu  moduli,per la prima cosa dobiamo creare un nuovo modulo e scegliere come tipo il  nostro nuovo modulo Parallax Slider. Assegnare posizione, le pagine dove volette vederlo e tutto il resto, non dimenticare di abilitare scorrimento automatico e abilitare stato - Pubblicato. 

4 . Suggerimenti

 Vorrei subito precisare che ho creato un nuovo template al interno di questo modulo per modificare il colore del titolo e ho sostituito anche l'immagine predefinita per le situazioni quando l'articolo visualizzato non ce la avesse una. Ho impostato una velocità un puo alta con lo scopo di  mostrare il funzionamento quindi tocca a te d'mpostare tutto, compresso colore e forma del bottone "Leggi tutto.." , perché nel mio esempio vediamo una versione di bottone nello stile predefinito di bootstrap,

5. Dove prendere il fail di instalazione?

Potete scaricare questo modulo qui sotto, il creatore del modulo è ThemeXpert. Modulo viene distribuito gratuitamente.

Letto 1726 volte

corso CSS pratica

Impara HTML e CSS da zero al risulto!

Da piccolo hai imparato leggere leggendo libri. E con aiuto del nostro corso imparerai CSS e HTML costruendo un sito web da un templat in PSD .

Scopri il corso