[an error occurred while processing this directive]    
Hello, and welcome to DJester's HTML help page! I am DMayhem, and I am here to help you with html! I am just starting out with basic things-later, I'll add on more complicated things! Ready?






Backgrounds

In order to place a background on your page, you first have to upload your background image to your server. To upload something, you must go to your file manager. Choose the image you want to upload and click UPLOAD. Once the page refreshes, the image is now uploaded to your server. Make a new document, and use this code: <body background="http://your url/imagename.gif"> Save, and when you open your page you'll have a background on it!
Now, if you want to have a plain background COLOR..You first have to choose what color you want to use! Once you have decided, put this code at the top of your page:<body bgcolor="#COLOR/NAME">
Top








Links

To make a link to somewhere else on the web (besides your page), you have to use the following code: <a href="http://fullurl.com">Click here!</a>
Make sure you have the closing tag! To make a link to somewhere on YOUR PAGE, use this code: <a href="yourfilename.html">Click!</a> If you are using FTP, make sure the file is uploaded.
Top








Colors

To make your text colored is actually very simple! First, find the color that you want to use. It can be a name, like 'teal' or 'red', or it can be an actual hex number, like #123456. The numbers have 6 digits, which can include numbers and letters. You can either use a graphic program like Paint Shop Pro to get your exact color, use the color's name, or fiddle with the hex numbers to make your text colored. Once you have your name/number, use this code:

<font color="#Number/Color Name"> Text..text..text!</font>
Top








Text Sizes

To make your text larger or smaller, you use this code:

<font size="number">Text</a> Depending on what number you use, the text will be large or small. I've made a chart from 1-5 for you so you can see the size-
Size 1
Size 2
Size 3
Size 4
Size 5
Top









Images

Like backgrounds, you have to upload your image first. Once you've done that, you use this code-

<img src="http://url of image/imagename.gif">
That is the basic code for images. If you use the code above, on your webpage it will show up EXACTLY how you made it. But, you can do other things to the image. For example, you can resize it. To resize it, put this in your code: width="number" height="number"> The number is a pixel number. You can also add an ALT tag to your image. The alt tag adds a label to your image-if somebody keeps their mouse over your image, a label will pop up! Just add this to your image code- alt="What you want it to say!">

Top









Email Links

The email link is very similar to the regular link =). Use this code:

<a href="mailto:youremailaddress">EMail Me!</a> It will look like this-Email me!
Top









Anchors

Anchors may seem hard, but they are actually quite easy. An anchor is what I like to call a 'jumping link'. See at the top of the page? When you click on something , it takes you to another part of the page. That is an anchor =) To make your anchor link, use this code:

<a href="#code word">Click!</a> Once you have thought of a word in place of 'codeword', the rest is easy. When you start the part of your page that you want the link to go to, put this in front: <a name="code word">Text</a>. Whenever somebody clicks your link on the top, it will 'jump' to the other part of the page!
[Note: These can be tricky at first. If you need more help, email DPlayful]
Top









Text Effects

Text effects are things like underlining and making text bold. Use these codes:
To make something bold, use this code.

<b>Text</b>

To make something underlined, use this code.

<u>Text</u>

To make something italic, use this code.

<i>Text></i>

To make something strikethru, use this code.

<s>Text</s>

You can also combine the above text effects and make things bold and underlined, for example.

Top









Spirit Page Help

Do you need help with your spirit page? No problem! That's why we're here! First things first-What is a spirit page? A spirit page is a place on your webpage where you can show your team spirit, wee one/fairy spirit, or any other things! What do I put on a spirit page?Many people like to put their shouts on their spirit page, to show their team spirit =) If you have won any awards, this is the perfect place to put them! Be proud of your team and awards, and don't feel shy to put awards on there! Include a spirit book, because visiting wee ones, fairies, spirits and more will more than likely stop by and dust it!
Can I put my dusting on there? Of course! Like I said before, don't be afraid to put anything on there! I love seeing people's dustings, and this is a perfect place to show yours.
Can YOU help me with my spirit page? I'm more than happy to give you tips and help with HTML, but I think that a spirit page should be YOUR creation...After all, it is for your team! Be creative, and feel free to ask me any questions =)
If you need any extra help, you can look at my links. Those might help!

Top








Using Graphics As Links

To use a graphic as a link, you have to use two codes. First, use your link code, and then add your graphic code! Like this-

<a href="http://URL"><img src="YOUR IMAGE URL"></a> When you use this code, you're image will be just the same as a text link! However, when you make an image a link, it gets a border on it. This is just like a little line surrounding your graphic. To get rid of the border, add this to your image code-<img src="YOUR IMAGE URL" border="0"> Or, if you want a border, change the number!
Top

Page Aligning

Did you ever wondor how people got their text to go to a certain side of their page? It isn't any fancy HTML-just one small code! To make things align to the left side, use this code:

<p align="left">Text</p>

It is the exact same code for centering something, and for making it go to the right. Like this:

<p align="right">Text to the right</p> <p align="center">Text that is centered</p>

You can use those codes to align images, links, text-everything! *S*

Top








Form Buttons

How do I add a form button? Use this code:

<form method="link" action="http://address you want to link to"> <input type="submit" value="click here"></form> What is the point of these? You may ask..Well, it's just like a fancy way to make a link! *S*
Top








Different Fonts

To change the font on your page, put this code in front of your text:

<font face="your font name">Make sure to use a font that most people have-like Verdana, Arial, or Comic Sans =)
Top








Numbered Lists

To make a numbered list (of your favorite things, favorite songs, etc), put this code on your page:

<OL> <LI>Horses <LI>Singing <LI>TSF! <LI>The Color Green </OL>

'OL' stands for Ordered List =) It will turn out like this-

  1. Horses
  2. Singing
  3. TSF!
  4. The Color Green

If you want the numbers to start on something other than one, inlude this

<OL start="5"> To make the numbers Roman Numerals, use this code: <OL type="I">

If you want it in alphabetical order, use this code (It doesn't matter what order you put your list in)

<OL type="A">
Top








Bulleted Lists

To make a list with bullets is very similar to the ordered lists..Use this code and put in your own information:

<UL> <LI>Horses <LI>Singing <LI>TSF! <LI>The Color Green </UL>

Looks like this:

  • Horses
  • Singing
  • TSF!
  • The Color Green
Top








Horizontal Lines

Making horizontal lines is very simple, and very useful. You can use them to seperate things on your webpage!

<HR width="80%"> makes a line that looks like this-
<HR width="80%" size="6"> looks like this-
And you can even color the lines! <HR width="70%" size="5" color="#000000">
These lines are nice, because you can make them look just like .gif bars-but they load very quickly!
Top








Marquees

A marquee is a line that moves across your page :) You can make the marquees do special things too! But the basic marquee code is this-

<marquee>Look at me!</marquee>

That looks like this-Look at me! There are many things you can do to a marquee...To make it change directions, use this code-

<marquee behavior="scroll" direction="right/left/up/down">Whee! Look!</marquee>

To make it bounce back and forth, use this code:

<p align="Left"><marquee behavior="alternate">back..and forth</marquee>

Back..and forth

To make a marquee a certain width, use this code:

<marquee width="number">Wowie Zowie!</marquee>

Wowie Zowie!

And you can add a background color to it!

<marquee bgcolor="white">Oo laaa!</marquee>

Oo lala!

Along with all of THAT, you can make it go a certain speed! Like this~

<marquee behavior="scroll" scrollamount="#">Dizzy yet?</marquee> Dizzy? scrollamount="3"
Dizzy? scrollamount="6"
Dizzy? scrollamount="9"
And my favorite..Look at this!
Wheeeee! Wheeeee!
Wheeeee! Wheeeee!
Here is the code (You can use any words, and any colors!) <marquee bgcolor="black" width="20%"> <font color="white">Wheeeee!</marquee> <marquee bgcolor="white" width="20%" direction="right"> <font color="black"> Wheeeee!</marquee></font> <marquee bgcolor="black" width="20%"><font color="white"> Wheeeee!</marquee> <marquee bgcolor="white" width="20%" direction="right"> <font color="black">Wheeeee!</font> </marquee>







More to come soon..Thank you! If you need any extra help, feel free to email me!
Top


[The Site Fights!][DJesters!][DJester's Sanctuary]
[DJester Adoptions]
  Privacy Policy  |   Child Privacy Policy  |   TERMS OF USE


Click Here!