Content: |
|---|
| BACKGROUND COLOR |
| BACKGROUND IMAGE |
| SERVER SLOW... STILL A BACKGROUND |
| WHERE TO FIND NICE BACKGROUNDS |
| Click << here >> to practice codes in the Tester. |
This is not that difficult either. You will use so called CSS (Cascade Style Sheet) codes. To add a background color to your profile you have to use the following code:
(when you type the code into your profile, keep typing without using the enter key at all!! This is very important otherwise the code will not work. Using enter in a code is never allowed when you want it to work in your profile)
The above code has to be located at he complete top of your profile and has
to be between the < and > characters. What you will see
looks like follows:
And here will be your text . . .
background:
yellow but instead of yellow
you can use a lot off different other colors like:background:#FFFF00
for the color yellow). Click << here >>
to get a table with all the color codes.
padding: 3
' part in the code controls the margin of the profiles window. In this
case the contents of your profile will be positioned 3 pixels from
the left, right, top and bottom. It is possible to define all the margins separately
by adding the following to the code padding:
n,n,n,n . You have to replace the n
with the value you want. The sequence of the values is: top, right,
bottom, left. So, when you like to have a left margin of 50 pixels and the
remaining margins set to 3 pixels, use the following code to set the desired
margins: padding:
3,3,3,50.
margin-right:0'
in the code is required to make sure that Netscape users will see a correct
display of the background and it is not displayed outside the right margin of
the profile.
When you want to use a image for your background use the following code:
When using the above code your profile will look like follows:
And your text will be here . . .
padding: 3
' part in the code controls the margin of the profiles window. In this
case the contents of your profile will be positioned 3 pixels from
the left, right, top and bottom. It is possible to define all the margins separately
by adding the following to the code padding:
n,n,n,n . You have to replace the n
with the value you want. The sequence of the values is: top, right,
bottom, left. So, when you like to have a left margin of 50 pixels and the
remaining margins set to 3 pixels, use the following code to set the desired
margins: padding:
3,3,3,50.
margin-right:0'
in the code is required to make sure that Netscape users will see a correct
display of the background and it is not displayed outside the right margin of
the profile.
Sometimes it happens that it will take a while before your background is loaded. When you have a dark background with light text, the text will not be visible until your background is loaded.
But... we have the solution for that!!! A very easy one. Just add a color similar to
your background between 'background:'
and 'url' in your code. So,
when you use a background image which is black with stars, like the example
below:
<h5 style="margin-right:0;padding:3; background: url(http://home-3.worldonline.nl/~tl231984/bg/bgmbstars.gif)">
You just have to add the code for a black background, for this example the code black ...
Make sure that there is a space between the code black and the url and also no enter. Now you will have always a black background (or any other color) to make sure the visitor of your profile can read your text, even when the background is not loaded. You can use this trick on any other background by using a background color which is similar to the color of the background image. Success!
Click << here >> for all color codes.
Maybe you will find the background you like right << HERE >>. See already some examples:
