Droplet om getallen in rondjes te zetten

[Hans]

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

[Ruud]

Heel simpel;

Code (ongetest) Select Expand


<?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

[Hans]

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 Expand

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


Code Select Expand

<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