Ontdek hoe ook jij in no-time
een succesvolle website bouwt!

Een willekeurige afbeelding in je tekst

Gegevens

Categorie: Joomla kennisbank

Gemaakt op zondag 30 januari 2011 21:29

Geschreven door Mindert Aardema

Het plaatje van een bloem dat je in dit artikel ziet, wijzigt elke keer als je dit artikel opnieuw opent. Het plaatje wordt namelijk getoond met de "willekeurige afbeelding" module. Het tonen van een Joomla module in een artikel gaat heel eenvoudig met behulp van de load module plugin. Alleen, wanneer je een module laadt in een artikel, dan wordt deze module vaak onder of boven de tekst getoond, terwijl je soms wilt dat de module door de tekst omringd wordt.

Dat dit mogelijk is, zie je aan dit artikel. De tekst van dit artikel loopt mooi om de bloemetjes heen. Ik zal je uitleggen hoe ik dit gedaan heb. Ten eerste heb ik de "willekeurige afbeelding" module in dit artikel aangeroepen met behulp van de "load module" plugin.

Vervolgens heb ik de code die de module aanroept tussen div tags geplaatst. Deze div tags heb ik als CSS eigenschap "float right" meegegeven. Hierdoor wordt de willekeurige afbeeldingen module mooi geïntegreerd in de tekst. Je kunt dit trouwens voor elke module doen die je in een artikel laadt.

Hieronder zie je de exacte code om een module in een artikel te laden en deze mooi te integreren in de tekst. Bij dit voorbeeld worden de modules in de positie "random" geladen (in dit geval is in die positie één module aanwezig, de "willekeurige afbeelding" module). Verder wordt de module aan de rechter kant geplaatst. Met "float left" zou de module aan de linkerkant geplaatst worden.