Creare un background con immagini random per il tuo sito web

Può essere interessante avere, sul proprio sito, uno sfondo con immagini che cambiano  in maniera casuale.
Il background con foto random si implementa su qualsiasi sito HTML o WordPress e Joomla con i dovuti accorgimenti.

Occorre per prima cosa creare un file CSS di questo tipo

body { -webkit-font-smoothing: antialiased; }

#page {
overflow: hidden;
position: relative;
background: #fff url(../../images/background/randomimage/rotate.php) 50% 100% no-repeat;
}

.no-top-a #block-top-a { background-image: none; }

Scaricate questo file PHP – rotate.php e mettelo in una cartella insieme alle immagini che potete chiamare come volete.
Ora il gioco sta nel richiamare via CSS il file rotate.php quindi state attenti ai path.
Ovviamente in base al CMS che usate dovrete creare uno style, associato a quel css e attivarlo sul vostro sito.

Tag:


Graziano

Consulente web marketing e web Designer, si occupa di creazione siti e portali dinamici con Joomla e Wordpress, Restyling e revamp siti esistenti, campagne pubblicitarie online, Social media marketing, strategie di posizionamento sui motori di ricerca, analisi e consulenza, Ecommerce, cataloghi online autogestibili, soluzioni per il turismo, grafica, corsi e lezioni su Joomla, Wordpress, Seo e Html.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Co-Working Login

Via Stefanardo da Vimercate 28
20128 Milano (MI) - Italy
  • [+39] 02.871.65.381
  • info@gdmtech.it
  • PI 00865500144
  • CF DMEGZN73A10F205M

Philosofy

I nostri clienti sono aziende e professionisti che vogliono sfruttare Internet per trovare nuovi clienti, aumentare i loro contatti, vendere i loro servizi e prodotti. Oltre alle normali attività di Web Design siamo esperti di ottimizzazione per i motori di ricerca e Digital Marketing. Ci occupiamo di corsi di web marketing in azienda, sviluppo di e-commerce con Opencart e Prestashop e Woocommerce, siti web in Wordpress e Joomla, migrazioni.
Gdmtech - Digital Web Agency Milano