How do I format a post?

You can format comments and posts on Envato Market using a limited set of HTML tags.

Emphasize Text

Wrap your text in either <strong> and </strong> or <em> and </em> to place emphasis. For example:

Bold Text <strong>Bold Text</strong>

Italicized Text <em>Italicized Text</em>

Links

To create a link, wrap the text you want to link to with <a href="URL"> and </a>.

So for example if you want to link to the Envato Notes blog, you would write:

<a href="http://market.envato.com/">Check out Envato Market</a>

Check out Envato Market

Images

To add an image, first it needs to be hosted (stored) somewhere online. Some free hosting services include:

Once you have a URL for the image, add the following code <img src="URL">.

For example: The below image has a URL of http://envato-knowledgebase.s3.amazonaws.com/General/sites.png to display the image write:

<img src="http://envato-knowledgebase.s3.amazonaws.com/General/sites.png">

Sites

Quoting Someone

To quote someone simply wrap the code in <blockquote> and </blockquote>. This is especially useful on the forums.

If you click 'REPLY WITH QUOTE' it will automatically put these in for you.

Making Lists

You can make two types of lists, either an unordered list (dot points) or an ordered list (numbered).

Both lists begin and end with a list tag, either <ul> ... </ul> or <ol> ... </ol>. In between you wrap each item in the list with list item tags, like this <li> ...</li>.

For example:

Unordered List <ul> <li>List Item</li> <li>List Item</li> </ul>

  • List Item
  • List Item

Ordered List <ol> <li>List Item</li> <li>List Item</li> </ol>

  1. List Item
  2. List Item

You can also put lists into lists, or change the type of list numbering or bullet types. Learn more about list options here.

Headings

Sometimes you want to add a bit of structure to your text with some headings. We only support two types of headings - h3 and h4.

Big Heading

<h3>Big Heading</h3>

Smaller Heading

<h4>Smaller Heading</h4>

Code

Code can be displayed in two ways.

  1. If you just have a few words of code then wrap the text in <code> and </code>.
  2. If you have a large block then you should put it on a new line and wrap it in <pre> and </pre> like this: <code>Small Piece of Code</code>
<pre>
  blockquote
    border-left: 1px solid
    border-color= !div_border
    padding-left: 20px
    margin-bottom: 10px
    font-style: italic
    font-family: Arial, sans-serif
    color: #777777
  code, pre
    font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", 
monospace color: #333333 </pre>

Line Breaks

You can add a line break with a very simple tag <br /> (which stands for Break!)

More HTML and CSS

To learn more about HTML and CSS, check out the links below.

W3Schools - A great place to begin with HTML and CSS.

Tuts+ Code Beginner through to advanced tutorials on web development.

SmashingMagazine An awesome blog to read if you love web design.

Was this article helpful?
2 out of 3 found this helpful

Can't find what you're looking for? Submit a request to our Help Team.