Randomizzato immagine di sfondo con il tema in Aeros 3 semplici passi

Appena aggiunto un po 'di nuove funzionalità per la Casa oggi Guru sito che utilizza l'eccellente Aeros tema, making the background image randomise on page reload (Prova a cliccare circa le pagine del blog per vedere il passaggio di immagini diverse tra le foto). Nota, questo funziona solo sulle versioni di Aeros fino a 1.04, e non la più recente 1.05 rilascio, spiacente!

Ho imparato a random una immagine header su un sito web, mentre la costruzione del sito di un cliente, e pensava che sarebbe stato abbastanza freddo per attuare su l'immagine di sfondo su questo sito.  

È abbastanza facile da fare, anche se non si sa niente di CSS, ma io sto assumendo che tu hai accesso a ftp, un editor di testo come Notepad ++ e sai cosa è un foglio di stile.

Passo 1: Change your CSS file

In tema di Aeros cartella, aprire il file style.css, e cercare il ‘sfondo’ attributo. E 'a circa line 51 Nella mia versione, se non c'è ricerca di questa linea: sfondo: url(images / default.jpg) no-repeat 0 0 # Fff; all'interno del file.

Sostituire images / default.jpg con: background / random.phpin modo che assomiglia a questo: 

sfondo: url(background / random.php) no-repeat 0 0 # Fff;

Salvate il file style.css, e ftp indietro alla tua cartella del tema Aeros sul vostro server web.

Passo 2: Ottenere, preparare e caricare lo script random.php

NEXT, è necessario ottenere la versione più recente del script di immagini random qui. Copiare il codice in un nuovo file in un editor di testo, e salvarlo come random.php. Non è necessario modificare qualche codice nello script per far funzionare tutto questo.

Adesso, utilizzando il tuo client ftp, accedere alla cartella del tema Aeros e la radice di quella cartella, creare una directory chiamatasfondo. FTP il file random.php in quella cartella sfondo.

Passo 3: Provide the script with some images to choose from

Le immagini devono essere salvate nella /background/ cartella, che consentirà la random.php file per trovarli. Start ottenendo il file default.jpg dal tuo attuale /images/ cartella e copiarlo in tutto il/background/ cartella. Controlla il tuo sito web. Se hai fatto questo diritto, your usual background image will show up. Ora prova ad aggiungere alcune immagini più alla cartella.

È possibile chiamare quello che volete, ma si vuole assicurare che sono le stesse dimensioni come l'immagine default.jpg, e che non sono troppo grandi in quanto ciò potrebbe rallentare la velocità di carico sulle connessioni internet lente.  

That's it!

Related Posts

  1. Orange Mist Random tema Wordpress per i beni siti affitto
  2. Foto release Lover tema
  3. Aggiunta di una favicon per il tuo blog Wordpress
  4. Nuovo sito web e blog di casa ha lanciato: Low COPETTE
  5. L'editing e l'ottimizzazione delle immagini
Questo articole è stato pubblicato in Di iniziare la vostra Casa Website e ha aggiunto , , , , , , , , . Bookmark il permalink. Invia un commento o lasciare un trackback: Trackback URL.

Invia un commento

La tua e-mail mai pubblicato né condiviso.

È possibile utilizzare questi HTML tag e attributi: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Tema amante Photo è sponsorizzato da Gites affitto in Francia and designed by Gites in Normandy