how to make rules like this?

how to make rules like this, on the "Quick Reply"?

General>Categories and Forums
Click on a forum name
Forum Rules:

or if you want the table as itself use this code:

Code:

<td class="rules content"><table style="background: url('http://2img.net/i/fa/fdf/parchemin.png') no-repeat left center #d4f4aa; border: 1px solid #9ccf5a; padding: 5px 5px 5px 60px; width: 97%; font-weight: bold; color: #; border-radius: 3px;"><tbody><tr><td align="left"><br>
<span style="font-size: 9px; line-height: normal"><br>
• Please read and respect our <a href="http://help.forumotion.com/t93820-general-rules">forum rules.</a><br>
• Please provide your forum URL for appearance problems<br>
• Please be clear with your questions or problems. Screenshots, links and new codes you installed, will help solve your issue quickly.<br>
• For connection problems please provide us details including error message, error codes, and link to forum and screenshots if needed<br>
• Support should always been done in the forums. If you need a password reset, forum deleted, or have a private matter please use the PM feature to PM a Support Moderator, Manager or an Administrator.<br>
• Bumps must be separated by at least 24 hour time<br>
• When your request is complete, please mark it as <font color="green">Solved</font></span></td></tr></tbody></table></td>

if u dont know HTML and cant edit it to your liking, follow these steps
>to edit the words just go into the code, and edit the words after the •
>to change the shape, at the stat of the code is padding, so u can change sizes and spaces between words
>to change colours, you will see hex codes, you can put this in notepad and play around with editing the hex codes to get the desired colours.

for the rest, i suggest just playing with the code in Notepad, and changing widths and stuff like that

hope this helped

How to make a class for <td> and <tr> , I only know for <table> .
Maybe that would help them to give more answers.

Ravenstar wrote:or if you want the table as itself use this code:

Code:

<td class="rules content"><table style="background: url('http://2img.net/i/fa/fdf/parchemin.png') no-repeat left center #d4f4aa; border: 1px solid #9ccf5a; padding: 5px 5px 5px 60px; width: 97%; font-weight: bold; color: #; border-radius: 3px;"><tbody><tr><td align="left"><br>
<span style="font-size: 9px; line-height: normal"><br>
• Please read and respect our <a href="http://help.forumotion.com/t93820-general-rules">forum rules.</a><br>
• Please provide your forum URL for appearance problems<br>
• Please be clear with your questions or problems. Screenshots, links and new codes you installed, will help solve your issue quickly.<br>
• For connection problems please provide us details including error message, error codes, and link to forum and screenshots if needed<br>
• Support should always been done in the forums. If you need a password reset, forum deleted, or have a private matter please use the PM feature to PM a Support Moderator, Manager or an Administrator.<br>
• Bumps must be separated by at least 24 hour time<br>
• When your request is complete, please mark it as <font color="green">Solved</font></span></td></tr></tbody></table></td>

if u dont know HTML and cant edit it to your liking, follow these steps
>to edit the words just go into the code, and edit the words after the •
>to change the shape, at the stat of the code is padding, so u can change sizes and spaces between words
>to change colours, you will see hex codes, you can put this in notepad and play around with editing the hex codes to get the desired colours.

for the rest, i suggest just playing with the code in Notepad, and changing widths and stuff like that

hope this helped

That class have functions inside the CSS, that's what we don't what's inside it.

ok thanks