Fancy Posts – using HTML Display Codes in Chandoo.org Posts

Share

Facebook
Twitter
LinkedIn

Chandoo uses WordPress as the blogging engine at Chandoo.org.

The WordPress system includes a HTML enabled post engine, meaning that users can post any valid HTML Code and the WordPress engine will attempt to interpret and present what has been posted.

I need to note that the engine used by Chandoo.org posts and the Chandoo.org/Forums posts are slightly different. The engine used by the Chandoo.org/Forums uses a limited subset of the HTML Codes.

Chandoo does give us a small clue at the bottom of a new post window in the Chandoo.org/Forums that we can use codes in the comments:

How do I use these codes

When entering your post or response simply put the appropriate code in front of the block of text you want it to apply to and close the code at the end of the block

You type: This is in <Strong> Bold </Strong>.

WordPress Displays: This is in Bold.

 

So What codes Can I use

The following table highlights some of the more common HTML codes that are available for use in post comments.

 

Codes that work in both Chandoo.org and Chandoo.org Forums

Codes that will only work in Chandoo.org posts.

The following codes  will not work in the Chandoo.org Forums

 

Animated PIctures

Animation can be added to a picture by including a link to an Animated GIF file.

This is only available in the Chandoo.org posts.

WARNING !

The old saying: “Less is More”, is very applicable here.

Just because you can use lots of Fancy HTML in your post, doesn’t mean you should.

Please limit your artistic expressions or face having your post edited or deleted.

 

Examples

The example HTML codes used above aren’t available to copy and paste above, as they are actually pictures of the codes.

Had I used the real codes, they wouldn,t display the codes, but would display the text after the codes have been applied.

However all the codes are available in the attached HTML Examples file.

 

Software and Picture Caches

Image Capture: I use the Snipping Tool that comes free with Windows Vista/Win 07.  Goto Start, All Programs, Accessories to find the Snipping Tool.

Image Editing: Chandoo and I both use Paint.net. Paint.NET is a free download available at www.paint.net

I also use CorelDRAW and Corel Photo Paint www.corel.com

Animated Gif: Chandoo and I both use TechSmith’s Camtasia Studio for capturing sequences to animated GIF files.

Image Sharing: I use the free TinyPic web site for the storage of pictures shown on Chandoo.org

 

Where Can I Learn More About HTML?

This post isn’t meant as a HTML Primer/Reference.

There are many other HTML codes that area available to do lots of other formatting, like Marquees, Scroll Boxes and Multi Column layouts.

If you want to learn more about HTML codes have a look at the following links:

http://www.w3.org/

http://en.wikipedia.org/wiki/HTML

http://en.wikipedia.org/wiki/Html_codes

There are lots of examples of HTML codes available on the web:

http://www.quackit.com/html/codes/

http://www.w3schools.com/html/html_examples.asp

 

 

Facebook
Twitter
LinkedIn

Share this tip with your colleagues

Excel and Power BI tips - Chandoo.org Newsletter

Get FREE Excel + Power BI Tips

Simple, fun and useful emails, once per week.

Learn & be awesome.

Welcome to Chandoo.org

Thank you so much for visiting. My aim is to make you awesome in Excel & Power BI. I do this by sharing videos, tips, examples and downloads on this website. There are more than 1,000 pages with all things Excel, Power BI, Dashboards & VBA here. Go ahead and spend few minutes to be AWESOME.

Read my storyFREE Excel tips book

Overall I learned a lot and I thought you did a great job of explaining how to do things. This will definitely elevate my reporting in the future.
Rebekah S
Reporting Analyst
Excel formula list - 100+ examples and howto guide for you

From simple to complex, there is a formula for every occasion. Check out the list now.

Calendars, invoices, trackers and much more. All free, fun and fantastic.

Advanced Pivot Table tricks

Power Query, Data model, DAX, Filters, Slicers, Conditional formats and beautiful charts. It's all here.

Still on fence about Power BI? In this getting started guide, learn what is Power BI, how to get it and how to create your first report from scratch.

17 Responses to “Custom Number Formats – Colors”

  1. Duncan says:

    You are right, Chandoo. I was playing with the colour numbers last week and some of them don't appear different from each other. Others are totally different from yours.

  2. Hui... says:

    @Duncan
    Each version of Excel, post 2003, renders colors slightly differently
    Different language versions may also have different default color palettes

  3. polo says:

    Hello in french
    excel 2010
    colo1 = couleur1 = black
    [couleur1]; [couleur2]; etc..

  4. Andras Ujszaszy says:

    @Hui, thank you very much again for this great post.
    However - under Excel 2007, Hungarian version your solution does not work with color names. I've tried both English and Hungarian names, but drops an error message "not valid formats"

    Do you have any idea how to solve this issue?
    thanks in advance

    • Hui... says:

      @Andras

      Without a Hungarian version of Excel 2003 I don't think I can assist

    • Sarah says:

      Have you tried using the colour numbers? I couldn't get the names to work (despite using an english version of excel). but it did work with the numbers though. I left out the "u" and was easily able to produce burgundy using [color9]

    • Florinel says:

      Here a possible solution: find an English version of Excel, write there the formats using English names, then open the file in the Hungarian version and see the translation.

  5. Nigel says:

    In Excel 2007 I can't get the colour names to work e.g Sea Green but the numbers do e.g color3 - colour3 does not work so I must bow to the country that has stolen my language (ha ha!)

  6. Hey chandoo, nice Tip!
    Wouldn't be easier just apply some conditional formatting for negative numbers and another for positive numbers? Or there's some cases that you can't do that?

  7. Unfortunately the TEXT function doesn't color the cell as number formatting does.

  8. Khalid NGO says:

    Hi Hui,
    Great post Sir, love the new way of formatting with color numbers.
    I am using 2007, and it leads me to the last color number 56.

    Thanks Hui.

  9. […] explains how to set up custom number formats with a wide array of […]

  10. Colin says:

    Thanks Hui - works a treat!

  11. John Smith says:

    Thank you, very helpful.
    Trying to figure out if it is possible to apply color only to a part of the cell?

    E.g. I have a value formatted as Accounting with a currency symbol.
    Those I find somewhat distracting though necessary. If I could make them less obtrusive by coloring them gray while the number would stay black, that would be great. Tried tinkering with the format string, but didn't get the desired result. Single color for complete cell value works, but coloring just part of it could not be achieved. Maybe somebody managed that?

  12. Shaun says:

    Exactly what I was looking for - thank you!

  13. colour in the Australian doesn't work - we have to go American and no problem.
    I always thought is was 56 colours notice you have 57. Cool.

    thanks
    Analir Pisani
    Customised Microsoft Office Training Specialist
    Sydney - Australia
    http://www.azsolutions.com.au

  14. Me Myself says:

    Thank You!

Leave a Reply