FAQs about creating Profiles
HTML Help for profiles (written by Moosandra Updated by redhope)
This page was put here to help you understand how to do basic things with your profile. It can help you get started with learning basic HTML so you can have something nice to look at when you view your profile as well as to show off to other members.
General Reminders
Pictures, Links, and Image Linking
Pictures For this part you will need an image host. http://photobucket.com/ and http://imageshack.us/ are two very good ones to use. For both of these you'll be using the DIRECT URL. Code: <img src="DIRECT IMAGE URL"> Example: <img src="http://www.advancedanime.com/images/banners/aa4_88x33_button_03.gif"> Demo: 
Linking Linking is when you have a small text path to another website like a Also remember a URL is a link to a website like http://www.advancedanime.com this is what is in the browser search bar. Code: <a href="URL" target="_blank">TEXT</a> Example: <a href="http://www.advancedanime.com" target="_blank">Advanced Anime</a> Demo: Advanced Anime Image Linking Image linking is when you make a link out of an image and when you click the image you go to another page or website. We well also be formating this to open in a new window as well as not have a border like some image links have. Code: <a href="URL" target"_blank"><img src="DIRECT IMAGE URL" border=0></a> Example: <a href="http://www.advancedanime.com"><img src="http://www.advancedanime.com/images/banners/aa4_button88x33.gif" border="0"></a> Demo: 
Hypertext and Font
This section explains how you can customize your font. Hypertext On the left is the HTML tag and on the right is the example. A good way to remember this is the first letter of each word is part of the coding.
Font Size Code: <font size="#">text here</font> - Where the # sign is, you put one of the numbers 1-7. 1 being the smallest, 7 being the biggest size of font. (font 3 is general default size) Example: <font size="6">text here</font> Demo: <font size="1">Size 1</font> <font size="2">Size 2</font> <font size="3">Size 3</font> <font size="4">Size 4</font> <font size="5">Size 5</font> <font size="6">Size 6</font> <font size="7">Size 7</font> Font Face Font face is what the font looks like below are a few fonts that will work on every computer and every browser. Code: <font face="Arial Black">Arial</font> Example & Demo: Font Color Code: <font color="COLOR">The quick brown fox jumped over the lazy dog.</font> or <font color="HEX COLOR">The quick brown fox jumped over the lazy dog.</font> Examples: <font color="turquoise">The quick brown fox jumped over the lazy dog.</font> or <font color="#40E0D0">The quick brown fox jumped over the lazy dog.</font> Demo: <font color="turquoise">The quick brown fox jumped over the lazy dog.</font> or <font color="#40E0D0">The quick brown fox jumped over the lazy dog.</font> Below is a table with both hex codes and color names. You can use one or the other for font color (using both won't work).
Combining font properties You may use multiple font properties in the same font tag. Code: <font size="3" color="#40E0D0" face="georgia">text here</font> Example: <font size="3" color="#40E0D0" face="georgia">text here</font> Demo: text here
Music
You will need a music host for this its up to you to find one and please do not use auto play music. Auto play music slows down computers and in many cases the person who clicked on the profile will find it annoying. Code: <embed src="http://www.somedomain.com/path/to/music.mp3" loop="1" visible="true" height="30" width="100" autostart="false"></embed>
Backgrounds
Put the fallowing codes in to your profile at the BOTTOM of all text to give yourself a nice looking background. You will need your image host again: http://photobucket.com/ and http://imageshack.us/ are two very good ones to use. For both of these you'll be using the DIRECT URL. Image Background Code: [background] url('DIRECT IMAGE URL') fixed [/background] Example [background] url('http://www.advancedanime.com/images/banners/aa4_banner728x90.gif') fixed [/background] Color Background See color guide for colors and color names work in place too. Code:[background] COLOR [/background] Example: [background] #40E0D0 [/background] Transparency Put this at the end of your background coding to be able to see it. Numbers can be changed from 85 through 90 Code: [opacity]85[/opacity] This will go after the background tag. So you will end up with something like this. [background] url('DIRECT IMAGE URL') fixed [/background][opacity]85[/opacity]
Other Things
Positioning Text Text almost always defaults to the left side if the page so if you want to change that use the fallowing to do so. Code: <p align="DIRECTION">TEXT HERE</p> Example (left): <p align="left">LEFT</p> Example (center): <p align="centert">CENTER</p> Example (right): <p align="left">RIGHT</p> Demo: Left aligned: <p align="left">LEFT</p> Center aliened: <p align="center">CENTER</p> Right aligned: <p align="right">RIGHT</p> Dividers <hr> is basic divider- it's grey- and will put itself straight across the page Custom size dividers need width="##" and height="##" tags inserted into the code - Remember: custom dividers always center themselves Code: <hr width="300" height="5"> is the code for the custom one - You don't have to use these numbers though. Play around with them a bit 'til you are familiar with the code. Example - Marquee This will make text scroll across the screen. Code: <marquee>The quick brown fox jumped over the lazy dog</marquee> Fancy Text (Note: these will not work on Mozilla Firefox) Tag - <TABLE STYLE="filter:___(color=____, strength=___)"> <TR><TD><center> TEXT GOES HERE</TABLE> FILL IN THE BLANKS (in order): #1. dropshadow, glow, or shadow. #2. Any color (refer above) #3. A number 1-10 Examples: Background Color for Text Code: <span style=background:_____>The quick brown fox jumped over the lazy dog.</span> - Insert a color into the blank. Example: The quick brown fox jumped over the lazy dog. Indenting Code: <dl><dd>The quick brown fox jumped over the lazy dog.</dl> Example:
<< Return to Help |
