How to Make Your Posts More Colorful

Question

This thread is in response to all of the people who have asked how to add color to our posts.

This is not meant to be an exhaustive study of the use of HTML markup code but merely a brief tutorial to allow everyone to be able to use some of the more useful features in their posts. If you are interested in a more comprehensive understanding of HTML and CSS, I would recommend this website: W3Schools

---

To Add Color

1). Copy the following markup

<a style = "color:blue;">Text Goes Here</a>

2). Insert your desired text in the space that reads "text goes here"

3). If you want to use a different color, all of the primary colors will work in place of "blue."

---

Strikethrough

1). Insert either the "s" or "strike" opening and closing tags around the desired text

<s>This Text Will be Strikethrough</s>

or

<strike>This Text Will be Strikethrough</strike>

---

Font Size

1). Use the following code to make the font size a percentage of the original font

<a style = "font-size:200%;">Double Sized</a>

---

Much of this no longer works on SD in 2015.

wonderful post, thanks Izan:) - 00494d19, Oct 26, 2009

Wow! What an awesome post! I'll make sure to link to it in the reference section. You're the best! - Paralee, Oct 27, 2009

I L-O-V-E this post! I've been feeling like a total digi-betic! - chicasabrosa, Mar 19, 2010

updated the strikethrough reference - Izanoni1, Jul 10, 2010

Great info!Thanks! - Jraider, May 17, 2011

For instruction on putting in a picture see these links http://www.spanishdict.com/answers/226052/lets-practice-putting-in-a-picture-vamos-a-practicar-a-poner-en-una-imagen - sanlee, Jan 6, 2015

http://www.spanishdict.com/answers/270032/how-to-post-an-picture-in-spanish-dict-for-dummies-como-poner-una-imagen-en-su-respuesta-para-dummies- - sanlee, Jan 6, 2015

Some of the html code is being stripped out by the Spanish Dict program that is used to process what we type in the answer box before it is shown as a post. Many of the tips in this article no longer work. - DilKen, May 28, 2015

Answer 1

Lets see how this works

Lets see how this works

This still works on SD in 2015 to set type size and start a new paragraph.

I think he wants what you have in the previous post, but with a color, not an image - Brett1971, Dec 15, 2009

Answer 2

Epic fail on animated scaling and rotating text using CSS. I'm geeked out and signing out.

Answer 3

Anyone been successful at using a wallpaper (background) or colored background? I tried using a parchment wallpaper and it worked fine in the preview screen, but it wouldn't display when I posted.

can you post your code? - Brett1971, Dec 15, 2009

background-color: #ea2020; - example below - Brett1971, Dec 15, 2009

have a look at the code example above - Izanoni1, Dec 15, 2009

Answer 4

Highlight me!

still working the kinks out, eh? - Izanoni1, Dec 15, 2009

It doesn't accomodate the carriage returns so it's of limited use. - Brett1971, Dec 15, 2009

I like that background a lot more than the ocean - Izanoni1, Dec 15, 2009

30pix padding seems to help - Brett1971, Dec 15, 2009

refresh if necessary - Brett1971, Dec 15, 2009

Answer 5

Below is an example of how to superimpose your text over a photograph from somewhere on the web. The code looks like this

It's editable text that can be selected and copied and pasted. It does have some inherent limitations.

Answer 6

OK, let me try then:

It works! It works!

But why does it work blue, I've got no idea

Blue is the default color if you change the text with a tag and do not include a color tag. This text was changed with a font-size tag only.

Hi issabela, I edited this so that you could see what the markup needs to look like to get the desired color; go into the edit screen and see if you can spot the difference. - Izanoni1, Oct 26, 2009

if not then let me know and I will post additional instructions for you. - Izanoni1, Oct 26, 2009

Thanks :) I thought it was strange that the original font was blue. - Issabela, Oct 26, 2009

Answer 7

Gracias