Looks good. If there is *always *a space needed after a symbol, you can, instead of the nbsp, add it in the styling e.g like so
\define spade() @@color:black;margin-right:1em; ♠@@ <:-) On Saturday, April 10, 2021 at 3:51:17 AM UTC+2 Brian Radspinner wrote: > Here are the macros I have for card suite colors, in a tiddler tagged with > "*$:/tags/Macro*" > > \define club() @@color:black; ♣@@ > \define diamond() @@color:red; ♦@@ > \define heart() @@color:red; ♥@@ > \define spade() @@color:black; ♠@@ > > <!-- EXAMPLES --> > > <<club>> `<<club>>` > <<diamond>> `<<diamond>>` > <<heart>> `<<heart>>` > <<spade>> `<<spade>>` > On Friday, April 9, 2021 at 1:46:32 PM UTC-7 Mark Salib wrote: > >> I planned to do some leg work this weekend to figure it out. Thanks for >> this!! >> >> On Fri, 9 Apr 2021, 22:40 Mat, <[email protected]> wrote: >> >>> Oh, I just realized should clarify I little more: >>> >>> Create a new tiddler titled anything but with the tag $:/tags/Macro and >>> the text >>> >>> \define c()♥ >>> \define h()<span style="color:red">♥</span> >>> \define s()♥ >>> \define d()<span style="color:red">♥</span> >>> >>> ...but with correct symbols (I was too lazy to find them). The club and >>> spades don't need coloring so it is enough with only the symbols. >>> >>> You can now use these everywhere in you TW by calling <<c>> etc >>> >>> <:-) >>> On Friday, April 9, 2021 at 9:19:29 PM UTC+2 Mark Salib wrote: >>> >>>> Cool! Thanks I'm totally new to this world thanks for the help >>>> >>>> On Fri, 9 Apr 2021, 20:24 Mat, <[email protected]> wrote: >>>> >>>>> DOH! Should obviously be "h" for heart! >>>>> >>>>> <:-) >>>>> >>>>> On Friday, April 9, 2021 at 8:23:11 PM UTC+2 Mat wrote: >>>>> >>>>>> \define c()<span style="color:red">♥</span> >>>>>> >>>>>> 2<<c>> >>>>>> >>>>>> <:-) >>>>>> >>>>>> On Friday, April 9, 2021 at 5:45:07 PM UTC+2 Mark Salib wrote: >>>>>> >>>>>>> >>>>>>> Hi Matt, the syntax is perfect: >>>>>>> >>>>>>> <<c>><<h>><<s>><<d>> >>>>>>> >>>>>>> with <<h>> & <<d>> red and <<c>> and <<s>> black on the suit >>>>>>> symbol. >>>>>>> >>>>>>> If you could direct me where I need to define those shortcuts that >>>>>>> would be great! >>>>>>> Thank you >>>>>>> Mark >>>>>>> >>>>>>> >>>>>>> <http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail> >>>>>>> Virus-free. >>>>>>> www.avg.com >>>>>>> <http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail> >>>>>>> >>>>>>> <#m_1447183819263781316_m_-6514009301411066312_m_2967795375977126148_m_-916821999500320138_m_732166679024518422_m_-7748273860757054544_m_-2918534758635016501_DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2> >>>>>>> >>>>>>> On Thu, Apr 8, 2021 at 12:54 PM Mat <[email protected]> wrote: >>>>>>> >>>>>>>> Mark, >>>>>>>> >>>>>>>> after inspecting the code in your file, I'd say Tones suggestion is >>>>>>>> your best bet if you want to type the symbols *directly *like >>>>>>>> you're doing. I.e in the code it reads >>>>>>>> >>>>>>>> <td align="center">2♥</td> >>>>>>>> >>>>>>>> (which you might have typed as |2♥| to create a table cell ) >>>>>>>> >>>>>>>> AFAIK, it is not possible to only color *some *symbols red inside >>>>>>>> that. >>>>>>>> >>>>>>>> So, either the browser has to show certain symbols in special ways >>>>>>>> or you need to use something more accessible like a macro or a >>>>>>>> transclusion. I would suggest using macros instead and you could then >>>>>>>> type >>>>>>>> club/heart/spade/diamond like so: >>>>>>>> >>>>>>>> <<c>><<h>><<s>><<d>> it could also be <<♥>> etc. >>>>>>>> >>>>>>>> and these can be made to show the symbol in any color. >>>>>>>> >>>>>>>> If this syntax is good enough for you, but you need help to >>>>>>>> implement it, just say so. >>>>>>>> >>>>>>>> <:-) >>>>>>>> On Thursday, April 8, 2021 at 9:24:10 AM UTC+2 Mark Salib wrote: >>>>>>>> >>>>>>>>> Hi guys, thanks for the responses. I have attached a sample below. >>>>>>>>> On my laptop all card symbols are black :) >>>>>>>>> Thanks again! >>>>>>>>> >>>>>>>>> On Sun, Mar 28, 2021 at 3:40 AM R² <[email protected]> wrote: >>>>>>>>> >>>>>>>>>> Hi Mark, >>>>>>>>>> >>>>>>>>>> If as Mark mentioned, these are indeed UTF-8 symbols, TW is very >>>>>>>>>> good at leveraging CSS for these kinds of ends. Use your browser's >>>>>>>>>> inspect >>>>>>>>>> function to see whether you have some unique CSS wrapping you can >>>>>>>>>> put to >>>>>>>>>> use. >>>>>>>>>> >>>>>>>>>> For instance, there's a really neat (French) TW at >>>>>>>>>> https://silvyn.github.io/tw-n0d1/ that prettifies many types of >>>>>>>>>> links, adding a PDF icon when linking to a PDF, a Github icon before >>>>>>>>>> a link >>>>>>>>>> to Github, etc. I probably didn't extract that functionality >>>>>>>>>> properly as >>>>>>>>>> it's not properly packed as a distinct plugin and all my icons were >>>>>>>>>> appearing in black and white. I easily corrected the issue adding >>>>>>>>>> some bits >>>>>>>>>> of code to my personal stylesheet along the lines of: >>>>>>>>>> >>>>>>>>>> a[href$=".pdf"].tc-tiddlylink-external:before { >>>>>>>>>> color: #da251c !important; >>>>>>>>>> } >>>>>>>>>> >>>>>>>>>> (This example applying to links including a .pdf extension). >>>>>>>>>> >>>>>>>>>> I add any CSS tweaks to a personal stylesheet, which is simply a >>>>>>>>>> tiddly with a "$:/tags/Stylesheet" tag filed away under a special >>>>>>>>>> title >>>>>>>>>> "$:/plugins/[foo]/stylesheet/compacttweaks.css" (which makes it a >>>>>>>>>> system >>>>>>>>>> tiddler rather than a standard tiddler, thus hiding it away from >>>>>>>>>> basic >>>>>>>>>> search for instance). >>>>>>>>>> >>>>>>>>>> Best, >>>>>>>>>> R² >>>>>>>>>> Le samedi 27 mars 2021 à 18:46:25 UTC+1, [email protected] a >>>>>>>>>> écrit : >>>>>>>>>> >>>>>>>>>>> Hello, I have many wikis with playing card symbols: >>>>>>>>>>> >>>>>>>>>>> ♥♣♠♦ >>>>>>>>>>> >>>>>>>>>>> weird thing is the heart and diamond do not render as red on my >>>>>>>>>>> computer (all are black) however they do as black/red on my phone. >>>>>>>>>>> Both are >>>>>>>>>>> using the latest version of TiddlyWiki linked to google drive and >>>>>>>>>>> both are >>>>>>>>>>> accessed with google chrome. Any idea how I can render these >>>>>>>>>>> colored >>>>>>>>>>> symbols properly on my laptop? >>>>>>>>>>> >>>>>>>>>>> Sorry if this topic has come up before! >>>>>>>>>>> Thanks and what a cool software product!! >>>>>>>>>>> >>>>>>>>>>> Mark >>>>>>>>>>> >>>>>>>>>> -- >>>>>>>>>> You received this message because you are subscribed to a topic >>>>>>>>>> in the Google Groups "TiddlyWiki" group. >>>>>>>>>> To unsubscribe from this topic, visit >>>>>>>>>> https://groups.google.com/d/topic/tiddlywiki/DeGpRCy59lE/unsubscribe >>>>>>>>>> . >>>>>>>>>> To unsubscribe from this group and all its topics, send an email >>>>>>>>>> to [email protected]. >>>>>>>>>> To view this discussion on the web visit >>>>>>>>>> https://groups.google.com/d/msgid/tiddlywiki/e578e903-5e30-4856-a30c-a3316fb14e3an%40googlegroups.com >>>>>>>>>> >>>>>>>>>> <https://groups.google.com/d/msgid/tiddlywiki/e578e903-5e30-4856-a30c-a3316fb14e3an%40googlegroups.com?utm_medium=email&utm_source=footer> >>>>>>>>>> . >>>>>>>>>> >>>>>>>>> -- >>>>>>>> You received this message because you are subscribed to a topic in >>>>>>>> the Google Groups "TiddlyWiki" group. >>>>>>>> To unsubscribe from this topic, visit >>>>>>>> https://groups.google.com/d/topic/tiddlywiki/DeGpRCy59lE/unsubscribe >>>>>>>> . >>>>>>>> To unsubscribe from this group and all its topics, send an email to >>>>>>>> [email protected]. >>>>>>>> >>>>>>> To view this discussion on the web visit >>>>>>>> https://groups.google.com/d/msgid/tiddlywiki/55d12567-c0f5-44ce-9a26-f7e22b4ee69fn%40googlegroups.com >>>>>>>> >>>>>>>> <https://groups.google.com/d/msgid/tiddlywiki/55d12567-c0f5-44ce-9a26-f7e22b4ee69fn%40googlegroups.com?utm_medium=email&utm_source=footer> >>>>>>>> . >>>>>>>> >>>>>>> -- >>>>> You received this message because you are subscribed to a topic in the >>>>> Google Groups "TiddlyWiki" group. >>>>> To unsubscribe from this topic, visit >>>>> https://groups.google.com/d/topic/tiddlywiki/DeGpRCy59lE/unsubscribe. >>>>> To unsubscribe from this group and all its topics, send an email to >>>>> [email protected]. >>>>> >>>> To view this discussion on the web visit >>>>> https://groups.google.com/d/msgid/tiddlywiki/1b40bd76-ca1b-4206-b090-11e1edf5972an%40googlegroups.com >>>>> >>>>> <https://groups.google.com/d/msgid/tiddlywiki/1b40bd76-ca1b-4206-b090-11e1edf5972an%40googlegroups.com?utm_medium=email&utm_source=footer> >>>>> . >>>>> >>>> -- >>> You received this message because you are subscribed to a topic in the >>> Google Groups "TiddlyWiki" group. >>> To unsubscribe from this topic, visit >>> https://groups.google.com/d/topic/tiddlywiki/DeGpRCy59lE/unsubscribe. >>> To unsubscribe from this group and all its topics, send an email to >>> [email protected]. >>> >> To view this discussion on the web visit >>> https://groups.google.com/d/msgid/tiddlywiki/71fb497b-5081-4fc5-b124-35dd9823de8an%40googlegroups.com >>> >>> <https://groups.google.com/d/msgid/tiddlywiki/71fb497b-5081-4fc5-b124-35dd9823de8an%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/90e1127b-338d-45d2-b796-b5a849ec49e1n%40googlegroups.com.
