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

Here's a quick and easy way to make your fonts

BIGGER!

---

Type something and then enter "--" on the next line. Use 2 dashes.

This still works in 2015

REALLY BIG

Answer 2

A quick way to vary your font size is also to make use of different headings. This can be accomplished quickly by placing various numbers of "#" symbols next to your text (without a space in between characters) for example

1 # symbol = Headline 1

2 # symbols = Headline 2

3 # symbols = Headline 3

4 # symbols = Headline 4

5 # symbols = Headline 5

6 # symbols = Headline 6

using dashes or equal sign

Level one dash

Level two equal sign

This still works in 2015

Answer 3

Aquí están unos elementos que se pueden usar para modificar el aspecto del texto.

Texto en negrita:

<b>Texto en negrita</b>

Texto realzado:

<strong>Texto realzado</strong>

Texto en itálica:

<i>Texto en itálica</i>

Texto con énfasis:

<em>Texto con énfasis<em>

Texto subrayado:

<p style="text-decoration:underline">

Texto subrayado

</p>

Texto tachado:

<s>Texto tachado</s>

Texto superíndice

^{^{Texto Superíndice}}

Texto subíndice

_{_{Texto Subíndice}}

Saving in 2015 to see what still works.

Answer 4

Great post, and great responses. Thanks for posting this. It will help a lot! I've never studied HTML, so I don't know the codes. This will be a great resource for me.

Thanks Calvo....I really just posted this so that everybody would have a quick reference. I have tried to provide all examples with "cut and paste" code so that nobody need actually memorize any code if they are not so inclined. - Izanoni1, Apr 24, 2010

Answer 5

Oh, and don't miss this thread.

this is where I learnt to use it!!

Good link. Covers the basics of what we usually use here. - territurtle, Jun 19, 2011

Answer 6

Just testing.

Text goes here I did this wrong Double sized

Hi sanlee. the problem with your double-sized font is that you placed an equal sign after "font-size" and before "200%" It should be a colon.

wrong <a style = "font-sizeb>=200%;">

correct <a style = "font-sizeb>:200%;">

Thia no longer works.

Thank, Izanoni. . I can cut and paste and that is all. This is really nice. I wish I could do it. - sanlee, Jun 19, 2011

Answer 7

Just testing the underline feature to see if it works with an anchor tag.

style commands no longer work

Answer 8

This no longer works

asdafa

Answer 9

no longer works

Hi stephen go edit izan's post and you will see the correct html thingies.

this is what you do for colours:

go edit my post

On the edit, you can see colour:green, change that colour, and the font size to bigger or smaller...just the number

So for example changing the green to blue, and the 100% to 200% it would result in this.

this is the result

click on edit and you will see how it is done. - 00494d19, Aug 3, 2011

Hi! Hey, I already got a great, helpful answer through PM from a member here. But in any case, I am still too "young" of a member to edit anyone else's posts. Thanks, anyway! :-D - StephenTrevor, Aug 3, 2011

Answer 10

Here's a template of fonts. To get them just edit my post, and copy and paste them into a document. Then you can use the font you want when you need it.

the techniques in this post no longer work, the SD program eliminates this code upon saving.

Text

Code: <a>Text </a>

Text

Code: <a>Text </a>

Text

Code: <a>Text</a>

Text

Code: <a>Text </a>

Text

Code: <a>Text</a>

Text

Code: <a>Text</a>

Text

Code: <a>Text </a>

Text

Code: <a>Text </a>

Text

Code: <a>Text </a>

Text

Code: <a>Text </a>

Edit: Codes included for those who do not have editing abilities

I edited this to display the markup you used for those who do not have editing abilities. - Izanoni1, Aug 14, 2011

Answer 11

I hope you don't mind if I try some stuff out here.

Center Text
•	Bullet 1
•	Bullet 2 with colored text

Secondary table

Answer 12

This is S O cool. I was wondering how people did this.

Do you just remember this code? Or, do you keep it in a file somewhere?

And, now I know how to do the strike-throughs. That one I can remember. You have changed my life.

I will always be indebted to you. Thank you

Ok, here's a confession...I went into Brett's post to copy this, and I think I took it. Sorry, guy. Please feel free to steal it back.

Wild Thing!

Do you mean that you cut and pasted it, rather than copy and pasted it? - 0074b507, Aug 3, 2011

Answer 13

Lots of awesome examples, but without the accompanying HTML text that would result in those, well, results. (Or, is there a place around here with all that stuff?)

I'm also wondering how to change both the size of the text (using percentages) and the color of the text, at the same time. For whatever reason, whenever I try using both of those tags, the color one negates the size one. I am familiar with HTML but not an expert. Thanks a whole lot for your kind help, amigos!

Answer 14

I have been using the SeaMonkey html composition tool to get effects like this. I compose the box, table, etc. with SeaMonkey and copy the text into a conventional text editor (Notepad, Editpad, Jarte, etc.) and file it for future use.

Don't ya just love SeaMonkey!! - territurtle, Sep 1, 2011

Answer 15

I wish it was simpler than this.

Is there a way to add some of this information on the box that appears when I press "How do I format my post"? :(

?

Testing.....

If they would allow you to access the xml coding, then yes. If you right click on this page and sellect page source you can see the xml coding for the table that appears when you click on that link. Unfortunately the page coding is "read only". - 0074b507, Aug 3, 2011