Készítsd egy "Hamarosan érkezik" oldalt 60 másodpercben
() translation by (you can also view the original English article)
Nézzük meg, hogyan készítsünk egy "Hamarosan érkezik" oldalt a Themeforest Timex HTML sablonjának használhatával.
Kezdd a számlálóval

Itt van, miről is lesz szó a következőkben:



Először is, keress egy neked tetsző háttérképet olyan oldalon, mint pl. az unsplash.com, szerkeszd át 1920x1080-as méretre, majd cseréld le a "logo_only.png" és "logo_large.png" képeket a sablon "img" könyvtárában.
Megjegyzés: mindkettőnek transzparens háttérrel kell rendelkeznie.
Add hozzá a három új képed a sablon "img" könyvtárához, lecserélve a régi képeket.



Most nézd meg a sablon index.html fájlját, s láthatod az új képeket a helyükön.
Szerkeszd az Index fájlt
Most meg kell nyitnunk az említett index.html fájlt, s szerkeszteni a kódot. Cserélj ki minden leíró szöveget amit csak találsz, a saját üzleted vagy terméked leírásával. Légy biztos benne, hogy szerkeszted a kapcsolatfelvételei adatokat, köztük az email címeddel, a postacímeddel, a telefonszámoddal, a webcímeddel és bármilyen közösségi média linkeddel.
A dátum beállítása
Keresd meg az órát a visszaszámlálás idejével:
1 |
data-date="12/30/2016 00:00:00" |
Cseréld le egy jövőbeni dátumra, majd frissítsd az oldalt a böngészőben. Így láthatod, hogy a visszaszámlálás működik, s az egész "hamarosan érkezik" oldal teljes.
Készen is van!
Ez volt, hogyan készíts egy "hamarosan érkezik" oldalt hatvan másodpercben. Nézz körül a legjobban fogyó Hamarosan érkezik sablonok között a Themeforesten: