10 feb. 2009

Een eigen stijl in eXe zonder css-kennis

In eXe staat de inhoud los van de vormgeving. Door een andere stijl te kiezen krijgt het arrangement of de website die je maakt een ander uiterlijk. Dezelfde (of maar weinig aangepaste) inhoud kan zo snel voor verschillende doelgroepen worden gepubliceerd. De stijlen in eXe zijn vastgelegd in css-bestanden die, als je weet hoe dat moet, makkelijk kunnen worden aangepast, maar niet ieder heeft de kennis of het geduld hiervoor. Er worden een aantal stijlen meegeleverd, maar natuurlijk wil je jouw eigen stijl.

Met de stijl MijnStijl kan door alleen toevoegen van een paar afbeeldingen al een eigen nieuwe look worden gecreƫerd. Deze stijl is net als de voorbeelden van afbeeldingen header.png, menu.png en balk.png onderaan deze pagina te downloaden.

NB. Het lukt op deze manier niet de kleuren van de achtergrond, tekst en het menu aan te passen, hiervoor moeten wijzigingen in de .css bestanden aangebracht worden.


De pagina's die eXe met MijnStijl genereert hebben de volgende indeling
1. Kop (header.png - 90 pixels hoog) en daaronder 2. links het vak met het menu (menu.png- 169 pixels breed) en rechts de inhoud met 3. daarboven een balkje (balk.png - 50 pixels hoog)
De breedte (header.png en balk.png) en hoogte (menu.png) kan naar eigen smaak worden aangepast.
De afbeeldingen worden vanaf de linkerbovenhoek geplaatst, als de afbeeldingen groter zijn wordt alleen dat wat binnen het vak valt getoond.

NB. de header wordt alleen getoond als in eXe via de tab Eigenschappen een Projecttitel is ingevuld. Vergeet daarbij niet op de knop Bewaar te klikken!

Wat moet ik daarvoor doen?
  1. Download MijnStijl.zip en pak het uit (een map MijnStijl)
  2. eXe leest bij het starten de stijlen (dat zijn mappen) in:
    Windows - C:\programs\exe\style
    OSX - (na rechts klikken op eXe.app - Toon pakketinhoud) /Contents/Resources/exe/style

    Plaats de map Mijnstijl bij de stijlmappen van eXe.
    Als je het programma altijd wilt laten starten met de eigen stijl:
    (a) hernoem of verwijder je de map default,
    (b) maak een kopie van de map MijnStijl,
    (c) hernoem kopie als default.

  3. Na (opnieuw) opstarten kan nu de stijl Mijnstijl gekozen worden.
  4. Maak een afbeeldingengalerij en zet daar de bestanden (header.png, menu.png en/of balk.png) in.
  5. Bekijk het resultaat via Bestand ->Exporteren ->Website ->Map met webinhoud
  6. Experimenteer door de afbeeldingen in de galerij te verwijderen en te vervangen en stap 5 te herhalen.
  7. Als duidelijk is welke afbeeldingen het gewenste resultaat leveren, worden deze in de (stijl)map MijnStijl geplaatst. Daarmee zal de afbeelding balk.png ook in de eXe-editor getoond worden en in nieuwe projecten hoeven de bestanden niet meer via een afbeeldingengalerij (stap 4) te worden toegevoegd.

Geen opmerkingen:

Een reactie plaatsen