How to apply colours to the text ?

Tell us how you think the forum can be improved. We will listen.
Locked
sentinel
Posts: 3236
Joined: Sun Jun 04, 2017 1:26 pm

How to apply colours to the text ?

Post by sentinel »

Greetings ,

Anyone can help to show adding colour to the writing and enlarge it in the post ?

Thanks .
You always gain by giving
User avatar
Sam Vara
Site Admin
Posts: 13482
Joined: Sun Jun 05, 2011 5:42 pm
Location: Portsmouth, U.K.

Re: How to apply colours to the text ?

Post by Sam Vara »

James Tan wrote: Mon Oct 01, 2018 8:29 am Greetings ,

Anyone can help to show adding colour to the writing and enlarge it in the post ?

Thanks .
Like this, do you mean?

If so, then above the text box are a series of little boxes. The one third from the right saying "normal" is the font size (the drop-down gives you other sizes) and the little "drop" icon next to it is the colour. Just highlight the bit you want to change and click the icon - just the same as italics, bold, underlined, etc.
sentinel
Posts: 3236
Joined: Sun Jun 04, 2017 1:26 pm

Re: How to apply colours to the text ?

Post by sentinel »

Sam Vara wrote: Mon Oct 01, 2018 12:01 pm
James Tan wrote: Mon Oct 01, 2018 8:29 am Greetings ,

Anyone can help to show adding colour to the writing and enlarge it in the post ?

Thanks .
Like this, do you mean?

If so, then above the text box are a series of little boxes. The one third from the right saying "normal" is the font size (the drop-down gives you other sizes) and the little "drop" icon next to it is the colour. Just highlight the bit you want to change and click the icon - just the same as italics, bold, underlined, etc.
Sorry , can't find the colour .
Screenshot_20181001-223100.png
Which one is colour ?
You always gain by giving
User avatar
Sam Vara
Site Admin
Posts: 13482
Joined: Sun Jun 05, 2011 5:42 pm
Location: Portsmouth, U.K.

Re: How to apply colours to the text ?

Post by Sam Vara »

It should be with the list of buttons which embolden and italicise etc. text. It might be that Mods get a slightly different screenview, in which case I apologise. Doodoot is always using different colours to highlight, so it might be worth PMing him.

My set of buttons appears immediately above the text box I am currently typing in, below the "Subject" box.
perkele
Posts: 1048
Joined: Wed Feb 02, 2011 2:37 pm

Re: How to apply colours to the text ?

Post by perkele »

The colour selection button disappears below a certain screen or window width. So on smartphones it is not there.

Looks like that's because of this CSS rule in ext/spaceace/ajaxchat/styles/all/theme/ajax_chat.css at lines 562-564:

Code: Select all

@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
	// ...
	#bbpalette {
		display: none;
	}
	// ...
}
I don't see a reason for this rule. There is even a smaller version (with less colours to select) from the palette for small screen sizes. Only the button to show it is missing because of this rule.

I'd suggest deleting lines 562-564 from ext/spaceace/ajaxchat/styles/all/theme/ajax_chat.css. Maybe this rule had some purpose in the chat at some point in the past. But as far as I see, these formatting tools are not displayed in the chat nowadays anyway?
User avatar
Nicolas
Posts: 1295
Joined: Wed Jul 02, 2014 8:59 pm
Location: Somerville, MA, USA

Re: How to apply colours to the text ?

Post by Nicolas »

Alternatively, you can directly type the "color" tag:

[ color=#FF0000]Red text[/color]
and [ color=red]Red text[/color]
... will both give Red text as their result (if you remove the space after the "[")
FF0000 represents the hexadecimal coding for red. The first two digits represent red (FF=255, 00=0), the next two represent green, the last two represent blue, in the RGB additive color model.

Some frequent colors don't need their hexadecimal representation: red, green, blue, orange, pink, teal, yellow, brown, etc.

Also, for size: [ size=150]Large text[/size] will show as Large text and [ size=200]Huge text[/size] as Huge text. You can use any size from 0 to 200. (Normal text is at 100).
perkele
Posts: 1048
Joined: Wed Feb 02, 2011 2:37 pm

Re: How to apply colours to the text ?

Post by perkele »

James Tan wrote: Mon Oct 01, 2018 8:29 am Anyone can help to show adding colour to the writing and enlarge it in the post ?
You can also add color by directly typing the BBCode into the text:

Code: Select all

[color=#7700ff]This is purple.[/color]
This is purple.

Code: Select all

[color=#ff00ff]This is magenta.[/color]
This is magenta.

Code: Select all

[color=#ff0000]This is red.[/color]
This is red.

Code: Select all

[color=#ff7700]This is orange.[/color]
This is orange.

Code: Select all

[color=#ffff00]This is yellow.[/color]
This is yellow.

Code: Select all

[color=#00ff00]This is green.[/color]
This is green.

Code: Select all

[color=#00ff77]This is teal or something.[/color]
This is teal or something.

Code: Select all

[color=#00ffff]This is turquoise or something.[/color]
This is turquoise or something.

Code: Select all

[color=#0077ff]This is aquamarine or something.[/color]
This is aquamarine or something.

Code: Select all

[color=#0000ff]This is blue.[/color]
This is blue.
User avatar
Keith
Posts: 127
Joined: Fri Aug 14, 2015 3:23 pm

Re: How to apply colours to the text ?

Post by Keith »

I wrote a script back in the e-sangha days that randomised the colour of each letter. I was advised against using it, because it rather impacted the credibility of what I wrote.
sentinel
Posts: 3236
Joined: Sun Jun 04, 2017 1:26 pm

Re: How to apply colours to the text ?

Post by sentinel »

Nicolas wrote: Mon Oct 01, 2018 5:32 pm Alternatively, you can directly type the "color" tag:

[ color=#FF0000]Red text[/color]
and [ color=red]Red text[/color]
... will both give Red text as their result (if you remove the space after the "[")
FF0000 represents the hexadecimal coding for red. The first two digits represent red (FF=255, 00=0), the next two represent green, the last two represent blue, in the RGB additive color model.

Some frequent colors don't need their hexadecimal representation: red, green, blue, orange, pink, teal, yellow, brown, etc.

Also, for size: [ size=150]Large text[/size] will show as Large text and [ size=200]Huge text[/size] as Huge text. You can use any size from 0 to 200. (Normal text is at 100).
testing


testing

PS. Ok your method seems successful in this attempt , thanks .
You always gain by giving
sentinel
Posts: 3236
Joined: Sun Jun 04, 2017 1:26 pm

Re: How to apply colours to the text ?

Post by sentinel »

perkele wrote: Mon Oct 01, 2018 5:35 pm
James Tan wrote: Mon Oct 01, 2018 8:29 am Anyone can help to show adding colour to the writing and enlarge it in the post ?
You can also add color by directly typing the BBCode into the text:

Code: Select all

[color=#7700ff]This is purple.[/color]
This is purple.

Code: Select all

[color=#ff00ff]This is magenta.[/color]
This is magenta.

Code: Select all

[color=#ff0000]This is red.[/color]
This is red.

Code: Select all

[color=#ff7700]This is orange.[/color]
This is orange.

Code: Select all

[color=#ffff00]This is yellow.[/color]
This is yellow.

Code: Select all

[color=#00ff00]This is green.[/color]
This is green.

Code: Select all

[color=#00ff77]This is teal or something.[/color]
This is teal or something.

Code: Select all

[color=#00ffff]This is turquoise or something.[/color]
This is turquoise or something.

Code: Select all

[color=#0077ff]This is aquamarine or something.[/color]
This is aquamarine or something.

Code: Select all

[color=#0000ff]This is blue.[/color]
This is blue.
Testing

Testing

Testing


I suppose your method is working . Thanks .
You always gain by giving
Locked