On Apr 22, 11:20 pm, Mike <[email protected]> wrote:
> I have a list of items (via *Item 1)
> ●Item 1
> ●Item 1
> ●Item 1
> ●Item 1
>
> I would like to make them look like
> ↕Item 1
> ↕Item 1
> ↕Item 1
> ↕Item 1
>
> Any ideas? Script?
>
> Thanks,
>
> Mike
>
> --
> You received this message because you are subscribed to the Google Groups
> "TiddlyWiki" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to
> [email protected].
> For more options, visit this group
> athttp://groups.google.com/group/tiddlywiki?hl=en.
Hi Mike,
You can do this quite simply in tiddlywiki. Lists in tiddlywiki made
using the * item format produce marker in this form:
<ul>
<li>item 1</li>
<li>item 2</li>
...
</ul>
To change the style of this list you can add custom CSS to the
'stylesheet' tiddler. This can be found by clicking more on the tags
list (bottom right), then shadowed and then selecting stylesheet
tiddler.
In here you can add all your CSS rules, such as:
ul li {list-style-type: square; }
Which would make all the lists in my tiddlywiki display a square
bullet point.
If you just want to change the style of a specific list in your
tiddlywiki then you need to add a class to the list first. This can be
done by adding the {{class{text}}} mark up to your tiddler. For
example your original wiki mark up of;
*item1
*item2
...
would become
{{listclass{
*item1
*item2
...
}}}
Once you have done that you can add a custom style just to this list
by changing the rule in 'stylesheet' to:
.listclass ul li { list-style-type: square; }
I don't know all the default images that are built into the browsers
but if you want to customise it fully you can use this CSS to add any
image next to each list item
list-style-image: url('path/to/image');
Or to avoid browser differences you'd have to use something like this;
.listclass ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.listclass ul li
{
background-image: url('path/to/image');
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}
I hope that helps and gives you some ideas.
Colm
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en.
