Afbeeldingen

Bij een stijl kunnen alle grafische vormgevingselementen die niet (direct) door een redacteur beïnvloed kunnen worden opgeslagen. Dit kunnen afbeeldingen zijn, maar bijvoorbeeld ook flash bestanden of geluidsbestanden (al zouden deze laatsten ook direct bij de gewone bestanden kunnen worden opgeslagen.)

Via de hyperlink "Ga naar de afbeeldingen" kom je in het beheerscherm voor afbeeldingen.

Net als in het cms zelf kunnen afbeeldingen worden toegevoegd, worden onderverdeeld in mappen, etc.

Via de hyperlink "Terug naar de bestanden" kom je weer terug bij de html-bestanden, etc.

Paden/urls in css en html

Om afbeeldingen in de css als achtergrondafbeelding op te nemen kan eenvoudig worden volstaan met het relatieve pad op te geven vanaf de plaats waar het css bestand zelf staat. Afbeelding staan altijd in een subdirectory van de stijl. Voor een stijl met een map met afbeeldingen die plaatjes heet:

#menu {
  ...
  background: red url(/plaatjes/mijnafbeelding.gif) 0 0 no-repeat;
  ...
}

In de html bestanden dient het complete relatieve pad opgegeven te worden. Een stijl is altijd een subdirectory van de directory css. Om de afbeelding in bovenstaande voorbeeld direct in de html te gebruiken:

...
<img src="/css/mijnstijl/plaatjes/mijnafbeelding.gif" alt="mijn afbeelding" /> 
...
<div style="background-image: url(/css/mijnstijl/plaatjes/mijnafbeelding.gif)">
...
</div>
...