HTML
Hello, This is an HTML reference guide. I will be teaching you how to change colors, add italics, bold, underline, and change the size of your text as well as adding pictures to your posts!
Well, first off, we have to tell you how to change colors of your font. Keep in mind, every website and forum thing do different things.What you'll see below is generally just the codes, examples and things of the like are found in various places. The codes that are given below are mainly for forum websites like vampirefreaks.com.
The less than and greater than signs you learned about in math class come in to play here. < this goes before everything when doing HTML and > goes behind it to finish it. Make sense so far? I sure hope so.
Anyway, you need to have a title for what your doing so after your less then sign, you have to put what it is for example: font face then an equals sign, quotations and then finally the color, now color codes vary so here is a link to a color chart. Online color Chart Picker
Example <font face="Forte" size="4" color="Red"> This is Forte size four color red. </font>
Doing that you can use any type of font as long as your computer recognizes it, and any size, however VF's normal font size is three, and any bigger then seven is ridiculous.
Now for image codes.
Less than img src equals quotes img url end quotes greater than sign.
Got it?
<img src="URL/Link">
<img src="http://www.ilovepinknails.com/wp-content/uploads/2013/04/HeartNails.jpg">
then in order to make it so your font goes neatly around it, after the end quotes you would put a space align=" left or right or center" then put the greater than sign.
<img src="URL/Link" align="left">
<img src="URL/Link" align="right">
Oh, and I forgot when I originally wrote this, when you need to adjust the size of your picture height="number" width="number" just throw that into the mix and you'll work magic.
<img src="URL/LINK" align="Left" width="200" height="300">
<img src="URL/Link" width="200" height="300" align="left">
You can put them in any order after the end quotes for the link.
Does this make ANY sense? It should.
For making your font bold, strike through, Italicize, or underline, you just put a less than before a b for bold then a greater than sign. S for strike through, U for underline, I for italicize, no the letters in between the less than and greater than are not capitalized.
So, for Italicized, <i> </i>
Bold, <b> </b>
Strike, <s> </s>
Underline, <u> </u>
Font Red <font color="red">font red</font>
Chiller size 4 <font face="chiller" size="4">Chiller size 4<font>
When editing images, you must remember one simple thing.
<img src="IMG URL">
That is the main code to put your pictures in the forums...to change which side they go on, you add, align="Left" Or align="Right" for example:
<img src="IMG URL" align="Left">
That'll put your image to the left... obviously.
When changing the size of your image you must put in, height="100" width="100" it does not always have to be in 100x100 it could be whatever your requirements are.
For example:
<img src="IMG URL" align="Left" height="200" width="300">
That puts your picture to the left and 200x300.
Lists,
<ol> <li>List item</li> You do that until it's done, </ol>
That was for an ordered list,
<ul> makes an unordered or a bulleted list, <li>List Item</li> </ul>
Here are a few random things,
You can put as many things in there as you want, remove the border add color to the border etc... Just to make it fancy.
Ordinary link: <a href="vampirefreaks.com">goes to vf home page</a>
Image Link: <a href="http://www.bestpicturegallery.com/horse_pictures_best_picture_gallery.htm/"><img src="http://www.bestpicturegallery.com/horse-picture-shire-Semental-Breton-Hermano-Gris-horse-best-picture-gallery.jpg" /></a>
Oh and there is the little box that shows you these little codes too, <textarea rows="5" cols="10"> text </textarea>
vflayouts.com also has helpful things you may like to know with tutorials and more.
The information that you see here is mine, I've been studying up on some things, been reading more and more books as of late Pretence Hall has been very helpful.
For Horizontal rule, it's just a less than sign < then a hr then a space a / and finally to close it off a greater than sign > or <hr/> It makes a break in the page with a visible line.
They are great for segregating text from other text. This doesn't work in Rp Boxes.
Role play boxes (rp boxes) are common but are hard to keep up with, I personally don't use them often but I tend to see myself using them more lately then normal so here is the codes for a role play box some parts of the code are changeable some can be added.
<p >Takim obrazom, my, padshuyu s neba i slyshat? nashi serdtsa ritm...</font></i><br /><font >
Here you put your role playing text
</font> <i><font ><br />Teper? zdes? my nablyudaem za vami, vashi pokroviteli<br /></p>*lt;/font>
If you want an image behind your rp box... background: url('http://i55.tinypic.com/4t3ame.png'); goes in place instead of background #000000;
<table border="1"> <tr> <td>sometext</td> <td>sometext</td> </tr> </table>
Well, first off, we have to tell you how to change colors of your font. Keep in mind, every website and forum thing do different things.What you'll see below is generally just the codes, examples and things of the like are found in various places. The codes that are given below are mainly for forum websites like vampirefreaks.com.
The less than and greater than signs you learned about in math class come in to play here. < this goes before everything when doing HTML and > goes behind it to finish it. Make sense so far? I sure hope so.
Anyway, you need to have a title for what your doing so after your less then sign, you have to put what it is for example: font face then an equals sign, quotations and then finally the color, now color codes vary so here is a link to a color chart. Online color Chart Picker
Example <font face="Forte" size="4" color="Red"> This is Forte size four color red. </font>
Doing that you can use any type of font as long as your computer recognizes it, and any size, however VF's normal font size is three, and any bigger then seven is ridiculous.
Now for image codes.
Less than img src equals quotes img url end quotes greater than sign.
Got it?
<img src="URL/Link">
<img src="http://www.ilovepinknails.com/wp-content/uploads/2013/04/HeartNails.jpg">
then in order to make it so your font goes neatly around it, after the end quotes you would put a space align=" left or right or center" then put the greater than sign.
<img src="URL/Link" align="left">
<img src="URL/Link" align="right">
Oh, and I forgot when I originally wrote this, when you need to adjust the size of your picture height="number" width="number" just throw that into the mix and you'll work magic.
<img src="URL/LINK" align="Left" width="200" height="300">
<img src="URL/Link" width="200" height="300" align="left">
You can put them in any order after the end quotes for the link.
Does this make ANY sense? It should.
For making your font bold, strike through, Italicize, or underline, you just put a less than before a b for bold then a greater than sign. S for strike through, U for underline, I for italicize, no the letters in between the less than and greater than are not capitalized.
So, for Italicized, <i> </i>
Bold, <b> </b>
Strike, <s> </s>
Underline, <u> </u>
Font Red <font color="red">font red</font>
Chiller size 4 <font face="chiller" size="4">Chiller size 4<font>
When editing images, you must remember one simple thing.
<img src="IMG URL">
That is the main code to put your pictures in the forums...to change which side they go on, you add, align="Left" Or align="Right" for example:
<img src="IMG URL" align="Left">
That'll put your image to the left... obviously.
When changing the size of your image you must put in, height="100" width="100" it does not always have to be in 100x100 it could be whatever your requirements are.
For example:
<img src="IMG URL" align="Left" height="200" width="300">
That puts your picture to the left and 200x300.
Lists,
<ol> <li>List item</li> You do that until it's done, </ol>
That was for an ordered list,
<ul> makes an unordered or a bulleted list, <li>List Item</li> </ul>
Here are a few random things,
You can put as many things in there as you want, remove the border add color to the border etc... Just to make it fancy.
Ordinary link: <a href="vampirefreaks.com">goes to vf home page</a>
Image Link: <a href="http://www.bestpicturegallery.com/horse_pictures_best_picture_gallery.htm/"><img src="http://www.bestpicturegallery.com/horse-picture-shire-Semental-Breton-Hermano-Gris-horse-best-picture-gallery.jpg" /></a>
Oh and there is the little box that shows you these little codes too, <textarea rows="5" cols="10"> text </textarea>
vflayouts.com also has helpful things you may like to know with tutorials and more.
The information that you see here is mine, I've been studying up on some things, been reading more and more books as of late Pretence Hall has been very helpful.
For Horizontal rule, it's just a less than sign < then a hr then a space a / and finally to close it off a greater than sign > or <hr/> It makes a break in the page with a visible line.
They are great for segregating text from other text. This doesn't work in Rp Boxes.
Role play boxes (rp boxes) are common but are hard to keep up with, I personally don't use them often but I tend to see myself using them more lately then normal so here is the codes for a role play box some parts of the code are changeable some can be added.
<p >Takim obrazom, my, padshuyu s neba i slyshat? nashi serdtsa ritm...</font></i><br /><font >
Here you put your role playing text
</font> <i><font ><br />Teper? zdes? my nablyudaem za vami, vashi pokroviteli<br /></p>*lt;/font>
If you want an image behind your rp box... background: url('http://i55.tinypic.com/4t3ame.png'); goes in place instead of background #000000;
<table border="1"> <tr> <td>sometext</td> <td>sometext</td> </tr> </table>