Ugrás a tartalomhoz Lépj a menübe
 

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

Előtte

Utána

utana.png

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

shot_20121108_105548.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:

shot_20121108_105351.png

  • Megkerestem a CSS kódban az alábbi részt, ahol a háttérkép elérési útvonala van:

shot_20121108_105208.png

  • Kicseréltem a kijelölt kódrészletet a sötétebb, feltöltött háttérkép útvonalára:

shot_20121108_105208.png

  • 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

shot_20121108_105601.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:

shot_20121108_105643.png

  • Ismét elmentettem ezt a képet is PNG formátumban, majd feltöltöttem a Képek menübe:

shot_20121108_105709.png

  • Az eredeti kép elérési útvonalát a CSS-ben itt találtam meg:

shot_20121108_105733.png

  • Kicseréltem a feltöltött kép elérési útvonalára:

shot_20121108_105747.png

  • 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

shot_20121108_105847.png

  • Lementés és elsötétítés után ezt a képet is feltöltöttem a Képek menübe:

shot_20121108_105937.png

  • A CSS-ben itt találtam meg a menüháttér helyét:

shot_20121108_110004.png

  • Kicseréltem a feltöltött kép elérési útvonalára:

shot_20121108_110024.png

  • 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! :)