Background images

61 views
Skip to first unread message

PWL

unread,
May 4, 2020, 9:53:43 AM5/4/20
to TiddlyWiki
Hello all,

So I went to put a picture in the back ground of my wiki yesterday, and found that the drop down menu only give the first 25 pictures in the wiki as options, try as I might I couldn't get the picture I wanted to appear on the menu.  What am I doing wrong? 
The other half of my question is, I couldn't find an option to add an image as the background for individual tiddly's.  Is there a way to do this?

Thx for your help in advance.

Sylvain Naudin

unread,
May 4, 2020, 3:42:40 PM5/4/20
to TiddlyWiki


Le lundi 4 mai 2020 15:53:43 UTC+2, PWL a écrit :
Hello all,

So I went to put a picture in the back ground of my wiki yesterday, and found that the drop down menu only give the first 25 pictures in the wiki as options, try as I might I couldn't get the picture I wanted to appear on the menu.  What am I doing wrong?


I guess I never put more than 25 pictures in a TW, I didn't know there was a limit filter ^^

You can directly write the name of your tiddler that contains the image in the field.

 
The other half of my question is, I couldn't find an option to add an image as the background for individual tiddly's.  Is there a way to do this?

Thx for your help in advance.


You could use CSS rule, and apply it with from different conditions, for example all tiddlers tag with specific tag or by tittle if you want.

The doc for CSS by data-tiddler-title is here : https://tiddlywiki.com/#Custom%20styles%20by%20data-tiddler-title

If you haven't yet create your own CSS tiddler, create new one (whatever name), and tag it with $:/tags/Stylesheet and add this for example :

[data-tiddler-title="CupcakeIpsum"] {
    background
: url(<<datauri "yourimagetiddler">>) ;
}

Here this apply to my tiddler called CupcakeIpsum, with yourimagetiddler image tiddler. The macro datauri is used to call your image tiddler and to interpret it correctly.

If you want by tag, here the doc : https://tiddlywiki.com/#Custom%20styles%20by%20data-tags

Sylvain


Reply all
Reply to author
Forward
0 new messages