Wednesday, December 20, 2006

Text Header

With just a little code, you can add your child's name or any other text to your web site's header. The name header shown in this image:



was created with the following code:

<div style="position: absolute; left: 100px; top: 5px;"><b><font size="+3" face="Trebuchet MS, Verdana, Helvetica, Arial">Brandon Connor</font></b></div>

To move your header, you can adjust the left: and top: numbers so the text fits on the theme you're using. You can also adjust the font size, font face, and even the color by adding a color attribute. If you do not use a color attribute, your text will be the same color as the rest of the text on your page.

Here's another example:

<div style="position: absolute; left: 100px; top: 5px;"><b><font size="+1" face="Arial" color="white">Welcome!</font></b></div>

You can also use hex codes to change the color of your text to any shade. Here's a great site where you can find hex codes for your favorite colors:

http://www.december.com/html/spec/colorcodes.html


#FFFFFF is the hex code for white. Here's an example of a hex code in place of a named color (using the same example as above):

<div style="position: absolute; left: 100px; top: 5px;"><b><font size="+1" face="Arial" color="#FFFFFF">Welcome!</font></b></div>

This code can be placed in any of your custom text areas, just make sure you select the HTML radio button.

No comments: