Vandaag is Joomla! 3.9.24 vrijgegeven. Het bevat enkele veiligheidsreparaties en een groot aantal verbeteringen. Ma… https://t.co/l63WFZygT3
×
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
08 sept 2019 12:48
Heeft onderwerp gestart
foto in header plaatsen #1
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
08 sept 2019 13:37
foto in header plaatsen #2
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 via dit Forum (niet per PM of E-mail) | Is je vraag opgelost? Dan kan je hem zelf
sluiten
. Wil je Joomla!NL steunen? Dat kan met een donatie.
Deze afbeelding is verborgen voor gasten.
|
08 sept 2019 14:12
08 sept 2019 14:12 door WoodyF4u.
foto in header plaatsen #3
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:
/
* =========== 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. Ik beantwoord geen vragen via PM |
Wil je Joomla!NL steunen? Dat kan met een donatie.
Deze afbeelding is verborgen voor gasten.
|
Tijd voor maken pagina: 0.130 seconden