WebsiteBaker Support (2.8.x) > Droplets & Snippets

Droplet om getallen in rondjes te zetten

(1/1)

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: ---.circle{
width:18px;
height:18px;
border-radius:50px;
font-size:9px;
color:#fff;
line-height:18px;
text-align:center;
background:#000}

--- End code ---


--- Code: ---<div class="circle">35</div>
--- End code ---

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

Ruud:
Heel simpel;


--- Code: (ongetest) ---<?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>';
--- End code ---

roep aan met [[rondje?getal=35]] voor de default
of met [[rondje?getal=35&kleur=rood]] om de class "red" toe te voegen

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

Navigation

[0] Message Index