[pmwiki-users] Custom bullets in lists

Anno anno at shroomery.org
Sat Mar 25 04:52:02 CST 2006


I figured it out:

First we  enable the handling of the following css properties by adding 
this to config.php file:

$WikiStyleCSS[] = 'background';
$WikiStyleCSS[] = 'list-style-type';
$WikiStyleCSS[] = 'padding-left';


Then  we disable the default ul behavior by adding this to the 
config.php file:

$WikiStyle['cl']['apply'] = 'list';
$WikiStyle['cl']['list-style-type'] = 'none';
$WikiStyle['cl']['padding-left'] = '0px';
$WikiStyle['cl']['margin-left'] = '0px';

This defines the markup %cl% ("custom list") which we have to include in 
our customized list later.

Then define the custom bullets, in this case a word and a pdf one(define 
as many you want):

$WikiStyle['pdf']['apply'] = 'item';
$WikiStyle['pdf']['background'] = 'url('.$PubDirUrl.'/bullets/pdf.png) 
left center no-repeat';
$WikiStyle['pdf']['padding-left'] = '20px';
$WikiStyle['pdf']['margin-bottom'] = '5px';

$WikiStyle['word']['apply'] = 'item';
$WikiStyle['word']['background'] = 'url('.$PubDirUrl.'/bullets/word.png) 
left center no-repeat';
$WikiStyle['word']['padding-left'] = '20px';
$WikiStyle['word']['margin-bottom'] = '5px';


Place the proper bullet images (pdf.png,word.png) into the /pub/bullets/ 
directory.
Bullets are available here:
http://www.stylegala.com/features/bulletmadness/

Finaly, we can now write:

*%cl%%pdf%This is the pdf document #1
*%word%This is the word document #1
*%pdf%This is the pdf document #2
*%word%This is  the word document #2

Resulting in this list:
http://img154.imageshack.us/img154/3896/bullets8vq.png

Anno






More information about the pmwiki-users mailing list