Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

foto in header plaatsen

foto in header plaatsen

08 sep 2019 12:48
#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
  • Bas Blok
  • Bas Blok's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 60

foto in header plaatsen

08 sep 2019 13:37
#2
Helpt dit je misschien verder?
(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.

  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

foto in header plaatsen

08 sep 2019 14:12 - 08 sep 2019 14:12
#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:
/
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
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.
Wil je Joomla!NL steunen? Dat kan met een donatie.

Laatst bewerkt 08 sep 2019 14:12 door WoodyF4u.
  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11166
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 0.788 seconden

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie