Vermeld in iedere vraag duidelijk:
- De versie van Joomla! 3.X die je gebruikt
- De volledige url van je website indien mogelijk.
- De versie van de extensie waar de vraag over gaat.
foto in header plaatsen
foto in header plaatsen
08 sep 2019 12:48
Geacht forum,
Ik wil graag een foto welke nu op de pagina staat, in de header plaatsen.
Eerder heb ik een topic voorbij zien komen met een voorbeeld zaterdagmiddagconcertendeventer.nl/de-stichting en zou zoiets ook op mijn site concordiagouda.nl willen maken.
Kunt u mij verder helpen hoe ik dat moet doen?
Welke formaat moet bijvoorbeeld de foto hebben?
Bij voorbaat dank voor uw oplossing.
Met vriendelijke groet,
Bas Blok
Ik wil graag een foto welke nu op de pagina staat, in de header plaatsen.
Eerder heb ik een topic voorbij zien komen met een voorbeeld zaterdagmiddagconcertendeventer.nl/de-stichting en zou zoiets ook op mijn site concordiagouda.nl willen maken.
Kunt u mij verder helpen hoe ik dat moet doen?
Welke formaat moet bijvoorbeeld de foto hebben?
Bij voorbaat dank voor uw oplossing.
Met vriendelijke groet,
Bas Blok
Discussie gesloten.
- Bas Blok
-
Heeft onderwerp gestart
- Bekend met Joomla!NL
-
- Berichten: 60
foto in header plaatsen
08 sep 2019 13:37
Helpt
dit
je misschien verder?
(P.S. gebruik ook eens ons zoeken functie op de site)
(P.S. gebruik ook eens ons zoeken functie op de site)
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens. Vragen uitsluitend via dit Forum | Is je vraag opgelost? Dan kan je hem zelf
sluiten
. Wil je Joomla!NL steunen? Dat kan met een donatie. |
Discussie gesloten.
- Romke
-
- Algemeen Moderator
-
- Berichten: 3663
foto in header plaatsen
08 sep 2019 14:12 - 08 sep 2019 14:12
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:
/
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.
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.
Met vriendelijke groet,
Wouter Compactweb.nl
Wouter Compactweb.nl
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum. |
Laatst bewerkt 08 sep 2019 14:12 door WoodyF4u.
Discussie gesloten.
- WoodyF4u
-
- Moderator + Nieuwsteam
-
- Berichten: 11366
Tijd voor maken pagina: 0.655 seconden