Youth Venture

January 28, 2008 - 11:32am — Totem

Formatting your Profile: Introduction

Have you ever wanted to make your profile look awesome? Have you seen those people with cool background and you want one for yourself? There are lots of ways of doing this, and a lot of people just go to places like http://www.freemyspacebackgrounds.net/ and just copy the code they give you. It is relatively easy, however, do do this yourself. Just take a look at my profile and see what can be done with some simple code.

Changing the way your profile looks it done with CSS. CSS is a scripting language that allows you to customize the look and feel of html web pages.

I will only provide the basics of CSS so you can do some simple profile formatting, but w3schools has an excellent guide: http://w3schools.com/css/default.asp.

Let's start off with an example.

Copy and paste this code into the "other goals" section of your profile:

<style type="text/css">

body {
background-color:#0000FF;
color:#FF0000;
}
</style>

So what does this code do? Everything is within the <style type="text/css"> and </style>. These are called tags and they mean that everything within them is CSS. Without them, the code won't do anything. Then you see a block of code between body { and }. Everything within these affects everything on the page - the body (for the most part). The background-color:#0000FF; sets the background color to blue. color:#FF0000; sets the font color to red. the six digit numbers are called hex codes. There are representations of actual colors. Take a look at this page: http://www.developingwebs.net/tools/color.php