How to get a border around your profile and to make a horizontal line...

Content:

BORDER AROUND YOUR PROFILE
COMBINATION BORDER - FONT - BACKGROUND COLOR
COMBINATION BORDER - FONT - BACKGROUND IMAGE
HORIZONTAL LINE
Click << here >> tp practice codes in the Tester.

 

BORDER AROUND YOUR PROFILE

You will need the following code::

<h5 style="margin-right: 0;padding: 3; border: medium ridge red"> And here you will see your text ...

(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)

When you use the above code it will look like this:

And here you will see your text . . .


The previous mentioned code has to placed in front of the texht which should have the border. When you want to end the border us e the corresponding end code, for this example the end code will be:  </h5>. When you want your complete profile surrounded by  a border you need to place the code completely at the top of your profile.

TOP


 

COMBINATION BORDER - FONT - BACKGROUBD COLOR

The combined code to alter border, font and background color could be as follows:

<h5 style="margin-right: 0;padding: 3; border: medium ridge red ; background: yellow"><h5 style="color: red; font-family:Comic Sans MS">And here you will see your text...

This code has to be place completely at the top of the profiled. When you did everything correct it will look like this: 

And here you will see your text . . . 


 

TOP


 

COMBINATION - FONT - BACKGROUND IMAGE

The combined code to alter border, font and background image could be as follows:

<h5 style="margin-right: 0;padding: 3; border: medium ridge red ; background: url(http://home-3.worldonline.nl/~tl231984/bg/bgclouds.jpg)"><h5 style="color:red; font-family:Comic Sans MS"> And here you will see your text ...

This code has to be place completely at the top of the profiled. When you did everything correct it will look like this: 

And here you will see your text ...


 

Remark: take care of the correct order of all the codes (padding:3 ; background:..; color:; font-family:..). When not in the correct order your profile will not be correctly displayed when a visitor is using Netscape.

TOP


 

HORIZONTAL LINE

To make a horizintal line is very easy (to make some kind of separation in your profile) by using the following code:

<hr size=1 color=red>

And it will look like follows:


<hr>

You always can deside to use an image to act as line. There a re a few on Dabo's Image Page, maybe one you like...

Click at the button to go there ...

You will find this one there...

 

TOP