Manapság nem nehéz saját weboldalt létrehozni, még akkor is, ha nincsenek speciális ismereteid a webdesign és a programozás területén. Bármikor felhasználhatja az interneten közzétett különböző sablonok tömegét, és kész sablonok alapján elkészítheti és közzéteheti webhelyét a hálózaton. Mindazonáltal nem mindenki elégedett a webhely azon verziójával, amelyet a sablon kínál. Ebben a cikkben eláruljuk, hogyan kell megváltoztatni a webhelysablont és egyedivé tenni.
Utasítás
1. lépés
Töltse le a sablont, és keresse meg benne a style.css fájlt. Általában ez a fájl a public_html mappában található.
2. lépés
Nyissa meg a style.css fájlt a Jegyzettömbben, és keresse meg a kódrészletet, amely felelős a webhely tetejének megjelenéséért. Ez a részlet így néz ki:
#logotype {
háttér: url (images / logotype.png) nem ismétlődik bal középen #fff;
szélesség: 230px;
magasság: 60px;
margó: 10px 25px;
pozíció: rokon;
3. lépés
Ebben a kódban a background: url sorban meg kell adnia a jövőbeli háttérkép elérési útját. A következő sorok a kép hosszát és magasságát jelzik, a margóelem pedig meghatározza a kép függőleges és vízszintes behúzását.
4. lépés
Keresse meg a logotype.png
5. lépés
Töltse fel a háttérképet a public_html / tmpl / template_name / Images / mappába, majd írja le a kép elérési útját a háttér: url sorban, amint fentebb említettük.
6. lépés
Ha szükséges, írja át a kép magasságának, hosszának és eltolásának paramétereit. A pozíció: a relatív vonal békén hagyható. Mentse a fájl módosításait, és töltse fel a szerverre a régi sablonfájl helyett.
7. lépés
Ha módosítani szeretné a lábléc webhelyének logóját, keresse meg a style.css fájlban azt a kódrészletet, amely a logotype-footer szavakkal kezdődik. Mentse a képet az új logóval, és töltse fel a sablon Képek mappájába.
8. lépés
Módosítsa a hosszúság és a magasság paramétereit. Mentse újra a style.css fájlt, és töltse fel a frissített webhelyet a szerverre.
