Oh, durr. I did see that. Sorry. On Mon, Nov 8, 2021, 8:24 PM Charlie Veniot <[email protected]> wrote:
> Yeah, sneak a peek at the CSS file included in the attached. > > You'll see that I added a little something there to make H2 adopt the CSS > style, just to show folk the ability to set all instances of a particular > element with a custom style. > > On Monday, November 8, 2021 at 11:20:07 PM UTC-4 [email protected] wrote: > >> 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/3d340fec-3a83-48a2-8902-145bb98d9330n%40googlegroups.com > <https://groups.google.com/d/msgid/tiddlywiki/3d340fec-3a83-48a2-8902-145bb98d9330n%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/CAJu7H0aL_vEzFejjuu1uaw1rFw_8KB1cC-nC9%3D4uVU0U59fL-A%40mail.gmail.com.
