Doorzoek het forum

Trefwoord

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

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
Bas Blok
Joomla!NL ontdekker
Joomla!NL ontdekker
Berichten: 50
Meer

Inloggen of Een account aanmaken om te kunnen reageren.

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)

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.
Login of registreer om deze te zien.

Romke
Algemeen Moderator
Algemeen Moderator
Berichten: 3249
Meer

Inloggen of Een account aanmaken om te kunnen reageren.

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:
/
* =========== 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.
Ik beantwoord geen vragen via PM
WoodyF4u
Moderator + Nieuwsteam
Moderator + Nieuwsteam
Berichten: 9611
Meer

Inloggen of Een account aanmaken om te kunnen reageren.

Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 0.291 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

Joomla!NL op Twitter

Joomla is jarig. Het CMS bestaat vandaag 14 jaar. Grote dank aan iedereen die zich hiervoor heeft ingezet. https://t.co/x49rUwWEbx

De naam Joomla!® en logo worden gebruikt onder een beperkte licentie met toestemming van Open Source Matters.
Joomlanl.nl is niet verbonden aan en is geen onderdeel van Open Source Matters, Inc, of het Joomla! project.

© 2019 - Joomla!NL | Gehost door Wned