Basic Profile Coding
Do you see all those nice lookups and want one of your own? Then you've come to the right place. Here are some codes listed that'll help you create an amazing profile!
Profile Edit Page - this is THE page where you edit your codes.
The two boxes, About Me and CSS, are the ones I'll help you with.
In the About Me box you use BBCode to create your profile. This is where you add images, like a nice top banner, where you talk about yourself and post Ichie codes and more.
Some BBCode (iCode) you can use:
[b]bold[/b] |
[i]italics[/i] |
[u]underline[/u] |
[center]centered text[/center]
|
[img]http://www.ichumon.com/images/items/toys/pilairstar.png[/img]
image code |
[p] - new paragraph
|
[br] - new line |
[url=http://www.ichumon.com]LINK[/url] |
Before we start working on the CSS for your profile you might want to know what what is.
about me section |
#p_about |
your persona |
#persona |
personal info |
#p_info |
your shop, gallery and blog |
#places |
user titles |
#titles |
armoury, wishlist and trades |
#links |
your pets |
#pets |
your buddies |
#buddies |
the comments |
#comments |
youtube video |
#video |
your icons |
#icons |
your colors |
#p_color |
your trophies |
#trophies |
your collection info |
#collections |
the navigation |
#nav |
huge username |
#p_username |
Now lets get into some real coding. Simply copy/paste the codes into the second box and change them the way you like. Hex color codes can be changed to any hex color code. For example; #000000 can be changed to #1299fe.
Change the italics, bolded, underline colors:
Change the background of the entire page to a repeating image:
Change the background of a profile section (look above) to a solid color:
Add a border to a profile section (look above):
Change the width and height of a profile section (look above):
Hide a profile section (look above) from your profile:
Change the position of the entire profile:
Change the background color and border of the textarea for comments:
Change the font color and size of the about me section:
Add a hover effect to linked images:
Make a profile section (look above) slightly transparent:
Change the color and size of all the links on your profile:
Change the line(s) in your trophy section: