[tw5] Re: Css, before: and svg
Hi c pa,
Thanks for the reply.
I've tried your way but I couldn't make it work.
Have you tried on https://tiddlywiki.com/
Regards
FrD
Le lundi 20 août 2018 07:28:12 UTC+2, c pa a écrit :
>
> The problem is probably in the number of quote marks. If there are "" in
> the svg then you have to surround them with 3 quotes.
>
> Also the code for the SVG is part of a longer string so you have to set a
> variable to the contents of the svg and then insert that variable in the
> text using substitution like this:
>
> \define svgbeforeclass()
> .square:before{
>display: block;
>content: url("data:image/svg+xml;charset=UTF-8,$(svgcode)$");
>background-size: 28px 28px;
>height: 28px;
>width: 28px;
> }
> \end
> <$set name=svgcode tiddler="svgTiddler" field="text" >
> <>
>
>
--
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/b527d2fb-55d4-4505-ac4e-38bbc0097da1%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[tw5] Re: Css, before: and svg
The problem is probably in the number of quote marks. If there are "" in
the svg then you have to surround them with 3 quotes.
Also the code for the SVG is part of a longer string so you have to set a
variable to the contents of the svg and then insert that variable in the
text using substitution like this:
\define svgbeforeclass()
.square:before{
display: block;
content: url("data:image/svg+xml;charset=UTF-8,$(svgcode)$");
background-size: 28px 28px;
height: 28px;
width: 28px;
}
\end
<$set name=svgcode tiddler="svgTiddler" field="text" >
<>
--
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/31a55bad-ce45-4c51-8250-f89adf882b03%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[tw5] Re: Css, before: and svg
Hi PMario,
Thanks it works indeed.
My next step was to be able to use a transclusion (for instance
{{$:/core/images/left-arrow}}) instead of an svg tag. And the type text/css
does not help !
Do you know how it could work ?
Thanks
Regards
FrD
Le dimanche 12 août 2018 08:56:57 UTC+2, PMario a écrit :
>
> Hi FrD,
>
> Move the style element into a tiddler tagged: $:/tags/StylesheetAND
> use type: text/css
>
> Then it works.
>
> -m
>
--
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/5a6f1e04-981c-4a56-b369-da46de73c5c9%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[tw5] Re: Css, before: and svg
Hi FrD, Move the style element into a tiddler tagged: $:/tags/StylesheetAND use type: text/css Then it works. -m -- 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 tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/8903e6a7-4ef0-4fef-95de-17f4143ef08b%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[tw5] Re: Css, before: and svg
Hi c pa, On a web page, I get a red circle an below a red circle inside a green square. In a tiddler I get a red circle and below a green square, with not circle inside. Regards FrD Le samedi 11 août 2018 22:15:22 UTC+2, c pa a écrit : > > > -- 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 tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/6f9f6231-3943-4f25-b82c-87922268eff3%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[tw5] Re: Css, before: and svg
OK, when I paste your code into a new tiddler on TiddlyWiki.com I get a red circle followed by a green square. If I take the style and put it in a tiddler tagged "$:/tags/Stylesheet. I get a red circle followed by a green square. Same thing with the code in a web page. So I'm not sure what you're looking for -- 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 tiddlywiki+unsubscr...@googlegroups.com. To post to this group, send email to tiddlywiki@googlegroups.com. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/3f2046c6-fa9f-4d80-9783-7a398f91445c%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
