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 con float in CSS. Cose difficili con parole semplici

Coi CSS puoi posizionare qualsiasi elemento sulla tua pagina in modo tuo! E oggi vediamo un caso particolare posizionare con aiuto della proprieta float di CSS Perche esistono anche altri  tipi di posizionamento nei CSS e ognuno di questi tipi ha il proprio uso. In questo tutorial esamineremo diverse situazioni …

Leggi tutto...
Posizionamento con float in CSS. Cose difficili con parole semplici

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 1919 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