Dag Bas,
De site waar je naar verwijst heb ik gebouwd en in beheer.
In de header heb ik twee modules op 1 positie geplaatst.
De ene module is een "Aangepaste HTML"-module met daarin het logo als afbeelding.
De tweede module is een module met de extensie Slideshow CK.
Daarmee worden de foto's als dia-show getoond.
In de module-instelling zet je bij de twee modules de juiste Module Class Suffix (Module Class Achtervoegsel) neer.
Voor het logo is dat: logo
En voor de slider is dat: slider
Deze gegevens moeten daar worden ingevuld, zodat de browser weet dat er aparte css voor de beide modules moet worden geladen.
Die voeg je toe aan het bestand custom.css van je template.
In de custom.css van het template heb ik deze code toegevoegd waardoor beide modules over elkaar heen gepubliceerd worden:
/
Code:
* =========== header ===================== */
.slider {
position: relative;
overflow: visible;
}
.logo {
position: absolute;
left: 20px;
top: -10px;
}
Ik hoop dat je er zo uitkomt.
Voor het formaat van de foto's in de slideshow is het afhankelijk van de hoogte en breedte van je website.
Om makkelijk een maat in pixels op je website op te meten raad ik je de add-on "Measure-It" voor Firefox aan.