Hi Danielo On Sun, Jun 1, 2014 at 7:16 PM, Danielo Rodríguez <[email protected]> wrote:
> I'm still not able to transclude any kind of image to the css. > Can you share examples of what you tried? Directly transcluding an image into CSS won't work; you need to use the <<datauri>> macro that is shown above. > I tried with a png image (embedded in base64) and with a svg image. No > luck in any case. I set up the text to be tiddlywiki on the css. > > Can anyone explain how to create new buttons with svg or png images? > There are some examples of SVG buttons in TW5 itself; what are you trying to accomplish? Best wishes Jeremy > > El domingo, 1 de junio de 2014 10:55:25 UTC+2, Jeremy Ruston escribió: >> >> The problem here is that the data URI technique will only work with full >> SVG images (ie tiddlers with the content type image/svg+xml, and that >> include a DOCTYPE). It won't work with image tiddlers that use embedded SVG >> elements; they don't actually define an independent image, but rather an >> inline image that can be transcluded. Have a look at the difference between >> the source of these two images: >> >> http://tiddlywiki.com/#:%24%3A%2Fcore%2Fimages%2Fhome- >> button%20%5B%5BMotovun%20Jack.svg%5D%5D >> >> Best wishes >> >> Jeremy. >> >> >> >> >> On Sun, Jun 1, 2014 at 6:34 AM, Stephan Hradek <[email protected]> >> wrote: >> >>> I think ith has to be like this: >>> >>> a:before { >>> content: url(<$macrocall $name="makedatauri" text={{$:/core/images/ >>> home-button}} type="image/svg+xml"/>) >>> } >>> >>> >>> >>> It works partly. When I inspect a link using Firebug, I see the content >>> url. But nothing is displayed. >>> >> >> >> >> -- >> Jeremy Ruston >> mailto:[email protected] >> > -- Jeremy Ruston mailto:[email protected] -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/d/optout.
