WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.6 is now available!


Will it continue with WB? It goes on! | Geht es mit WB weiter? Es geht weiter!
https://forum.websitebaker.org/index.php/topic,32340.msg226702.html#msg226702


The forum email address board@websitebaker.org is working again
https://forum.websitebaker.org/index.php/topic,32358.0.html


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Droplets & Snippets »
  • Droplet om getallen in rondjes te zetten
  • Print
Pages: [1]   Go Down

Author Topic: Droplet om getallen in rondjes te zetten  (Read 14231 times)

Offline Hans

  • Posts: 914
  • Gender: Male
Droplet om getallen in rondjes te zetten
« 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
Logged
Hans - Nijmegen - The Netherlands

Offline Ruud

  • Posts: 3671
  • Gender: Male
  • Do not use PM for help! Please use the forum!
    • Dev4Me - Professional WebsiteBaker Development
Re: Droplet om getallen in rondjes te zetten
« Reply #1 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
Logged
Dev4me - WebsiteBaker modules - WBhelp.org

Offline Hans

  • Posts: 914
  • Gender: Male
Re: Droplet om getallen in rondjes te zetten
« Reply #2 on: September 23, 2017, 12:15:22 AM »
Heel simpel hahaha, voor mij is het toveren.
Dank je wel weer Ruud!
Logged
Hans - Nijmegen - The Netherlands

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Droplets & Snippets »
  • Droplet om getallen in rondjes te zetten
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2