Using HTML in signatures. A Quick Rundown!
#1
Using HTML in signatures. A Quick Rundown!
Hey guys, its me again... your how-to guru on forum functions. Not really an expert but I have been called that. Anyway, we have a new little permission that is available to the members of the site: the ability to use HTML code in your signatures. I know this sounds scary and daunting, you know... all this internet browser language... but I promise this demonstration isn't too hard.
First, you'll have to open a new browser window or tab and navigate your way to the edit signature page. There is a text field on that page as you should know.
The most functional way to stay within size constraints with your signature is to put things side-by-side as you will often see in my signature. You can generally put up to 3 columns of HTML table in your signature depending on what is in it. In this example, we will only use two columns and one row.
-As with all things HTML, you'll start with tags. Don't worry about the usual <a> (anchor tags), you won't need those. Instead we will use a very basic table tag.
-Start by typing <table border="0"> </table> in the signature field. The opening tag gives you the option of having a border, the number in parentheses is the thickness of the border. Use "0" for no border.
-You will now put the rows between the table tags.
Row contents are placed within table row tags. <tr> </tr>. As stated above, you will only be using one row.
So far you have <table border="0"> <tr> </tr> </table>
-Now its time to put in the columns.
Column contents are place between table divide tags: <td> </td>. We will only use two columns for this demo, so put these in twice, back to back between the table row tags.
Now you have <table border="0"> <tr> <td> </td> <td> </td> </tr> </table>
-I recommend placing the SIGPIC BB code tags within the first column.
<table border="0"> <tr> <td>[SIGPIC][/SIGPIC]</td> <td>[/b][b]</td> </tr> </table>
-Now you can put whatever else in the second column. For this demonstation, I'll use what I have in my current signature. a quote.
Now my code looks like this:
<table border="0"> <tr> <td>[SIGPIC][/SIGPIC]</td> <td>
</td> </tr> </table>
To see the end result of this, look at my signature. Of course my signature will probably be different if you are looking at this months after this was posted, but I'll try to keep it in a table for you so I won't confuse you.
First, you'll have to open a new browser window or tab and navigate your way to the edit signature page. There is a text field on that page as you should know.
The most functional way to stay within size constraints with your signature is to put things side-by-side as you will often see in my signature. You can generally put up to 3 columns of HTML table in your signature depending on what is in it. In this example, we will only use two columns and one row.
-As with all things HTML, you'll start with tags. Don't worry about the usual <a> (anchor tags), you won't need those. Instead we will use a very basic table tag.
-Start by typing <table border="0"> </table> in the signature field. The opening tag gives you the option of having a border, the number in parentheses is the thickness of the border. Use "0" for no border.
-You will now put the rows between the table tags.
Row contents are placed within table row tags. <tr> </tr>. As stated above, you will only be using one row.
So far you have <table border="0"> <tr> </tr> </table>
-Now its time to put in the columns.
Column contents are place between table divide tags: <td> </td>. We will only use two columns for this demo, so put these in twice, back to back between the table row tags.
Now you have <table border="0"> <tr> <td> </td> <td> </td> </tr> </table>
-I recommend placing the SIGPIC BB code tags within the first column.
<table border="0"> <tr> <td>[SIGPIC][/SIGPIC]</td> <td>[/b][b]</td> </tr> </table>
-Now you can put whatever else in the second column. For this demonstation, I'll use what I have in my current signature. a quote.
Now my code looks like this:
<table border="0"> <tr> <td>[SIGPIC][/SIGPIC]</td> <td>
Nauticstar87- Eh... I know. I'm not greedy anymore, I've had my beer.
84MonsterSS- beer ?
wheres mine? lol
EvansBlue- In my hand.
84MonsterSS- beer ?
wheres mine? lol
EvansBlue- In my hand.
To see the end result of this, look at my signature. Of course my signature will probably be different if you are looking at this months after this was posted, but I'll try to keep it in a table for you so I won't confuse you.
Last edited by EvansBlue; 03-18-2010 at 02:03 PM.
Thread
Thread Starter
Forum
Replies
Last Post