Bemutatom, hogyan módosíthatsz könnyen egy sablont, hogyan állíthatod át sötétebbre a színvilágát ízlésesen. Ehhez a Plusz vagy Üzleti csomag megléte szükséges, ugyanis a CSS kódban fogunk kisebb módosításokat elvégezni.
Nézd meg, hogyan nézett ki előtte és utána a sablon:
Előtte
Utána
Az alábbi módosításokat hajtottam végre
- Ismétlődő háttérkép cseréje
- Bal menü fejlécének cseréje
- Bal menü hátterének cseréje
Ehhez az alábbi funkciókat vettem igénybe:
- eOldal vezérlő / Beállítások / Megjelenítés / Dizájn / CSS szerkesztése
- eOldal vezérlő / Beállítások / Haladó / Képek
Lássuk lépésenként!
Ismétlődő háttérkép cseréje
- Megkerestem a weboldal CSS kódjában a háttérkép elérési útvonalát, mely a jelenleg használt sablon esetén ez: https://s3a.eoldal.hu/img/d/1000000311/body.png
- Kimásoltam a képet egy képszerkesztőbe.
- Módosítottam a kép fényerejét -100 értékkel, majd elmentettem body.png néven, és feltöltöttem a Képek menübe, és kimásoltam vágólapra a képelérési útvonalát:
- Megkerestem a CSS kódban az alábbi részt, ahol a háttérkép elérési útvonala van:
- Kicseréltem a kijelölt kódrészletet a sötétebb, feltöltött háttérkép útvonalára:
- Elmentettem a CSS sablont egy új néven, ezzel a háttér máris sötétebb lett.
Bal menü fejlécének cseréje
- A csillagos fejléc képét ezen a néven találtam meg az eredeti CSS sablonban: https://s3a.eoldal.hu/img/d/1000000311/star.png
- Lementés után az árnyalatát az IrfanView nevű ingyenes képszerkesztő szoftverrel így sötétítheted fényerőben -100 értékre:
- Ismét elmentettem ezt a képet is PNG formátumban, majd feltöltöttem a Képek menübe:
- Az eredeti kép elérési útvonalát a CSS-ben itt találtam meg:
- Kicseréltem a feltöltött kép elérési útvonalára:
- Elmentettem a módosításokat, ezzel a menü fejléc is sötétebb lett már.
Bal menü hátterének cseréje
- Az eredeti CSS-ben ezen itt található meg a bal menü háttérképe: https://s3a.eoldal.hu/img/d/1000000311/menu.png
- Lementés és elsötétítés után ezt a képet is feltöltöttem a Képek menübe:
- A CSS-ben itt találtam meg a menüháttér helyét:
- Kicseréltem a feltöltött kép elérési útvonalára:
- Elmentettem a CSS végső módosítását is, és ezzel mind a három elem sötétebb lett.
Ha siketült, osszd meg az eOldal közösséggel is a saját sablonmódosításodat Facebook oldalunkon:
Ha kérdésed van, segítségre van szükséged, keress minket! :)
