Net toegevoegd een beetje van nieuwe functionaliteit aan de Gite Guru website van heden, die gebruik maakt van de uitstekende Aeros thema, making the background image randomise on page reload (proberen rond te klikken op de pagina's op de blog om het beeld te schakelen tussen verschillende foto's). Opmerking, dit werkt alleen op versies van Aeros tot 1.04, en niet de meer recente 1.05 vrijgeven, sorry!
Ik leerde hoe je een header image randomise op een website, terwijl bouwplaats van een klant, en dacht dat het zou wel cool zijn om het uit te voeren op de achtergrond afbeelding op deze site.
Het is vrij makkelijk te doen, zelfs als je niets weet over CSS, maar ik ben ervan uitgaande je hebt toegang tot ftp got, een teksteditor zoals Kladblok ++ en je weet wat een stylesheet is.
Stap 1: Change your CSS file
In Aeros thema map, Open het bestand style.css, en zoek naar de ‘achtergrond’ attribuut. Het is rond lijn 51 mijn versie, als het er niet zoeken voor deze lijn: achtergrond: url(images / default.jpg) no-repeat 0 0 #fff; in uw bestand.
Vervang images / default.jpg met: achtergrond / random.phpzodat het er als volgt uitziet:
Sla het bestand style.css, en ftp het terug naar uw Aeros thema map op uw webserver.
Stap 2: Get, voorbereiden en uploaden random.php script
Next, je nodig hebt om de nieuwste versie van de Random image script hier. Kopieer de code in een nieuw bestand in uw tekstverwerker, en opslaan als random.php. U hoeft niet een van de code in het script voor deze verandering aan het werk.
Nu, behulp van uw ftp client, Navigeer naar de map en Aeros thema in de root van die map, Maak een map genaamdachtergrond. FTP-bestand in uw random.php die achtergrond map.
Stap 3: Provide the script with some images to choose from
Afbeeldingen moeten worden opgeslagen in de /background/ map, waardoor de random.php bestand te vinden. Begin met het verkrijgen van de default.jpg bestand van uw bestaande /images/ map en kopiëren het over aan de/background/ map. Controleer uw website. Als u dit heeft gedaan recht, your usual background image will show up. Probeer nu het toevoegen van wat meer foto's naar de map.
U kunt bellen ze wat je wilt, maar u zult willen ervoor zorgen dat ze dezelfde afmetingen als de default.jpg beeld, en dat ze niet al te groot, omdat dit zou kunnen vertragen belasting snelheden op tragere internetverbindingen.
Randomiseren achtergrond afbeelding met Aeros thema in 3 stappen
Net toegevoegd een beetje van nieuwe functionaliteit aan de Gite Guru website van heden, die gebruik maakt van de uitstekende Aeros thema, making the background image randomise on page reload (proberen rond te klikken op de pagina's op de blog om het beeld te schakelen tussen verschillende foto's). Opmerking, dit werkt alleen op versies van Aeros tot 1.04, en niet de meer recente 1.05 vrijgeven, sorry!
Ik leerde hoe je een header image randomise op een website, terwijl bouwplaats van een klant, en dacht dat het zou wel cool zijn om het uit te voeren op de achtergrond afbeelding op deze site.
Het is vrij makkelijk te doen, zelfs als je niets weet over CSS, maar ik ben ervan uitgaande je hebt toegang tot ftp got, een teksteditor zoals Kladblok ++ en je weet wat een stylesheet is.
Stap 1: Change your CSS file
In Aeros thema map, Open het bestand style.css, en zoek naar de ‘achtergrond’ attribuut. Het is rond lijn 51 mijn versie, als het er niet zoeken voor deze lijn: achtergrond: url(images / default.jpg) no-repeat 0 0 #fff; in uw bestand.
Vervang images / default.jpg met: achtergrond / random.phpzodat het er als volgt uitziet:
achtergrond: url(achtergrond / random.php) no-repeat 0 0 #fff;
Sla het bestand style.css, en ftp het terug naar uw Aeros thema map op uw webserver.
Stap 2: Get, voorbereiden en uploaden random.php script
Next, je nodig hebt om de nieuwste versie van de Random image script hier. Kopieer de code in een nieuw bestand in uw tekstverwerker, en opslaan als random.php. U hoeft niet een van de code in het script voor deze verandering aan het werk.
Nu, behulp van uw ftp client, Navigeer naar de map en Aeros thema in de root van die map, Maak een map genaamdachtergrond. FTP-bestand in uw random.php die achtergrond map.
Stap 3: Provide the script with some images to choose from
Afbeeldingen moeten worden opgeslagen in de /background/ map, waardoor de random.php bestand te vinden. Begin met het verkrijgen van de default.jpg bestand van uw bestaande /images/ map en kopiëren het over aan de/background/ map. Controleer uw website. Als u dit heeft gedaan recht, your usual background image will show up. Probeer nu het toevoegen van wat meer foto's naar de map.
U kunt bellen ze wat je wilt, maar u zult willen ervoor zorgen dat ze dezelfde afmetingen als de default.jpg beeld, en dat ze niet al te groot, omdat dit zou kunnen vertragen belasting snelheden op tragere internetverbindingen.
That's it!
Go on... click it... je weet dat je wilt!
Verwante Posten