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 taale...@gmail.com 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 <cj.v...@gmail.com> 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 taale...@gmail.com
>> 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 <cj.v...@gmail.com> 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 taale...@gmail.com
>>>> 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 <matia...@gmail.com> 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 taale...@gmail.com
>>>>>> 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 tiddlywiki+...@googlegroups.com.
>>>>>>
>>>>> 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 tiddlywiki+...@googlegroups.com.
>>>>
>>> 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 tiddlywiki+...@googlegroups.com.
>>
> 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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/3d340fec-3a83-48a2-8902-145bb98d9330n%40googlegroups.com.
