Adding color to individual phrases or Chinese characters on a card

[Nick Cross]

Sorry, I took a quick look and did not see the answer.  I also checked the threads but they seem to deal with the overall background.

Forgive me if this has already been answered or if it is right in front of me.

This days, I am working on my Chinese characters and I am a visual learner.  Some people have suggested using blue for characters with falling tones. 

It is not an issue for pinyin. I can indicate characters with the falling tones using the keyboard.

It would be great to colour the Chinese characters.

Which commands do I use for cards if I would like particular text to appear in a specific colour?

For example, I can add italics by:

<i> text </i>

I am also not an HTML programmer.  I found a website that said #0000FF = blue.

Would it be something like this?

<span style="color:#80BFFF">

Thanks in advance

[Gnome]

Yes,

<span style="color:red">character</span>

You may also put the color codes in an external stylesheet, this may save you a lot of time if you decide to change the colors later. Then you only need to change one file. Here is how to include it:

<link href="chineeseColours.css" type="text/css" rel="stylesheet" />

Example of the stylesheet:

span.character_one
{
color:red;
}

span.character_two
{
color:blue;
}

then a card could look like

<link href="chineeseColours.css" type="text/css" rel="stylesheet" />

<span class="character_one">A</span>

<span class="character_two">B</span>

 

Thanks in advance

[Timothy Bourke]

* Nick Cross <dns....@gmail.com> [2014-01-29 17:15 -0800]:

> This days, I am working on my Chinese characters and I am a visual learner.
> Some people have suggested using blue for characters with falling tones.
> It is not an issue for pinyin. I can indicate characters with the falling tones
> using the keyboard.
> It would be great to colour the Chinese characters.

I use colours a lot in my cards and find them to be very helpful.

The Fast Format plugin,
http://mnemosyne-proj.org/plugins/fast-format,

allows you to avoid typing the html directly and instead use
customisable shortcuts like:

`text` gives red
``text`` gives gray
#text# gives blue
##text## gives green

Tim.