Thanks! I don't think the transclusion is gonna work, given what I wanna do, but it's a possibility.
By the way <span class="goldleaf">JACK</span> !! This Heading EVERYTHING is gilded, including the "This Heading" - any thoughts on why? On Mon, Nov 8, 2021 at 7:33 PM Charlie Veniot <[email protected]> wrote: > Good stuff ! > > There are so many ways of applying a particular style to a specific bit of > text. > > Myself, considering the example I gave in the attachment ... > > I'd probably prefer do this: {{ Whatever Text || tGoldLeaf }}, or the > shorter version {{ Whatever Text || tGL }}. > > Try the attached. > > On Monday, November 8, 2021 at 10:13:49 PM UTC-4 [email protected] wrote: > >> Thanks Mat and Charlie! >> >> So, it looks like I CAN create the class, but have to call it in a >> span/div to apply it. >> >> Which is better than I was expecting, because It was looking like I'd >> have to copy/paste the css into every relevant bit. >> >> Thanks a ton!! >> >> >> >> >> >> On Mon, Nov 8, 2021 at 7:01 PM Charlie Veniot <[email protected]> wrote: >> >>> Is this what you are looking for? >>> >>> Download attached json and drag it into tiddlywiki.com to try/analyze. >>> >>> >>> >>> On Monday, November 8, 2021 at 9:34:47 PM UTC-4 [email protected] >>> wrote: >>> >>>> Well, that works for me too Mat - as long as I use inline HTML/CSS like >>>> you did above. >>>> >>>> But if I use the TW class caller (I can't think of the word) like this, >>>> no bueno, empty tiddler: >>>> >>>> @@.jack >>>> !!JACK >>>> @@ >>>> >>>> Which I suppose answers my question. Everything has to be styled in >>>> line, classes won't work here. >>>> >>>> >>>> On Mon, Nov 8, 2021 at 6:09 PM Mat <[email protected]> wrote: >>>> >>>>> This works on tiddlywiki.com >>>>> >>>>> >>>>> <style> >>>>> .jack { >>>>> font-size: 72px; >>>>> background: url(<$macrocall $name="datauri" title="Motovun Jack.jpg" >>>>> $output="text/plain"/>); >>>>> -webkit-background-clip: text; >>>>> -webkit-text-fill-color: transparent; >>>>> } >>>>> </style> >>>>> >>>>> <div class="jack"> >>>>> >>>>> !GOLD >>>>> </div> >>>>> >>>>> <:-) >>>>> >>>>> >>>>> On Monday, November 8, 2021 at 8:52:06 PM UTC+1 [email protected] >>>>> wrote: >>>>> >>>>>> I'm trying to make a class that will allow me to fill text with an >>>>>> image. For example, making a drop cap for a manuscript-inspired theme >>>>>> that >>>>>> looks like it's been gilded, by using an image of gold leaf. >>>>>> >>>>>> The interwebz tell me that I want to use background-clip, but I'm not >>>>>> sure how to set that up in a CSS class. Does anyone have any pointers? >>>>>> >>>>>> All I have so far, which doesn't work (and I didn't think it would): >>>>>> >>>>>> .dropcap { font-size: 40px; >>>>>> margin: 10pc; >>>>>> border: 5px double black; >>>>>> float: left; background-image: url(<$macrocall $name="datauri" >>>>>> title="paua.jpg" $output="text/plain"/>) background-clip: text; } >>>>>> >>>>>> Thanks, >>>>>> Aidan >>>>>> >>>>> -- >>>>> >>>> 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 view this discussion on the web visit >>>>> https://groups.google.com/d/msgid/tiddlywiki/a176c54b-b9b3-4bfe-ac7f-b0891028dc6cn%40googlegroups.com >>>>> <https://groups.google.com/d/msgid/tiddlywiki/a176c54b-b9b3-4bfe-ac7f-b0891028dc6cn%40googlegroups.com?utm_medium=email&utm_source=footer> >>>>> . >>>>> >>>> -- >>> 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 view this discussion on the web visit >>> https://groups.google.com/d/msgid/tiddlywiki/81370c4d-903e-4c54-9605-135f92e51828n%40googlegroups.com >>> <https://groups.google.com/d/msgid/tiddlywiki/81370c4d-903e-4c54-9605-135f92e51828n%40googlegroups.com?utm_medium=email&utm_source=footer> >>> . >>> >> -- > 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 view this discussion on the web visit > https://groups.google.com/d/msgid/tiddlywiki/de03b839-51b5-404c-9641-36741321f6fan%40googlegroups.com > <https://groups.google.com/d/msgid/tiddlywiki/de03b839-51b5-404c-9641-36741321f6fan%40googlegroups.com?utm_medium=email&utm_source=footer> > . > -- 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 view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/CAJu7H0YtTFWAL8iMczNKNaUa2NxWhvGKwUE2U6pegMZQoKjwwg%40mail.gmail.com.
