WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Droplets & Snippets => Topic started by: Hans on September 22, 2017, 08:59:52 PM

Title: Droplet om getallen in rondjes te zetten
Post by: Hans on September 22, 2017, 08:59:52 PM

Daar ben ik weer ;-)

Ik ben begonnen met een website waar op heel veel plaatsen in de tekst een gekleurd rondje moet komen met telkens een andere achtergrondkleur en een ander getal erin. Zie voorbeeld.

De CSS heb ik en de HTML ook:

Code: [Select]

.circle{
width:18px;
height:18px;
border-radius:50px;
font-size:9px;
color:#fff;
line-height:18px;
text-align:center;
background:#000}


Code: [Select]

<div class="circle">35</div>
maar dit is erg onhandig invoegen als dat in de broncode moet.

Mijn vraag is of het (en hoe) via een droplet kan waarbij ik de dropletnaam invul + het getal waar het om gaat. Of iets dergelijks.

Er moeten bolletjes met verschillende kleuren komen maar dat kan dan worden opgelost door dezelfde droplet met verschillende namen en verschillende CSS te gebruiken.

Zou heel mooi zijn als dit zou kunnen. Bedankt alvast voor het meedenken.
Hans

Title: Re: Droplet om getallen in rondjes te zetten
Post by: Ruud on September 22, 2017, 11:10:33 PM

Heel simpel;

Code: (ongetest) [Select]

<?php 
/* Droplet "rondje" */
if(!isset($getal)) return true;  // voor als er geen getal gegeven wordt, terug zonder output
if(!isset($kleur)) $kleur = 'zwart';  // standaard kleur class
return '<div class="circle '.$kleur.'">'.$getal.'</div>';
roep aan met [[rondje?getal=35]] voor de default
of met [[rondje?getal=35&kleur=rood]] om de class "red" toe te voegen

Title: Re: Droplet om getallen in rondjes te zetten
Post by: Hans on September 23, 2017, 12:15:22 AM

Heel simpel hahaha, voor mij is het toveren.
Dank je wel weer Ruud!