|
The myleague tourney kit format makes it easy for us to create a web page!
There's actually just few tags you'll need to know to get you started. Tags are instructions
that tell your browser what to show on a web page. They break up your document into basic sections. All tags start with a
<(left bracket) and end with a > (right bracket). All HTML (HyperText Markup Language) tags are enclosed within <>
brackets. Anything that is written between the < and > brackets will be invisible, and not appear on your page.
Since our tourney pages are already set up it's not necessary to start and end with the <HTML>
</HTML> tags that you would start a regular web page with. You are actually adding text and HTML to an existing webpage.
As you learn to add pictures, music and fancy stuff to your custom rules section, you will realize that you are creating a
mini-webpage. You are already starting at the <BODY> of the page.
How to copy and paste :
Highlight the text you want to copy by holding down your mouse button and drag your
cursor across the text you want to copy. Either right click on your mouse and select copy, then place your curser where you
want to put the text, then right click again and select paste. Or, after it is highlighted, hit your Ctrl and C keys at the
same time. Next you put your cursor where you want to paste the text and hit your Ctrl and V keys at the same time.
What is an URL? When you go to league page, look at the top of your browser you will see a location
box with http://www.myleague.com/ragingspades/.That is the URL of this page.
A URL is the place on the internet where your
image is stored. When someone brings up an tourney page the HTML codes will fetch the picture from where you stored it. I
use homestead.com to store alot of my images. If I uploaded an image from my pages the URL would be http://hstrial-nvanderhaden1.homestead.com/NAME OF PICTURE.jpg. Make sure your image ends in .jpg or .gif and that you have NO spaces in
your URL. URL's are case sensitive, A is not the same as a. Also, if you see a picture that you like on the web,
simply right click on it, select properties to get the exact URL of the picture.
Before we move on, a great tip is to type all of your rules into notepad, word pad or a similar
text program, because that rules box is small and not easy to keep track of codes and alter them in that little area. Also
you can keep a copy of all your different tourney HTML in your docs file for later use, and just whip one out when you need
it! You dont have to re-create it, just copy and paste!
Now for the basic tags
<CENTER>Everything you want centered
goes in here </CENTER>
<BR> This is a line break, it sends the
text to the next line.
<BR> It will make your rules look nice and tidy on the page.
<BR>
<BR>
<BR> It will also give you spaces, you can use as many as you want!
<P> Creates a new paragraph
Creates a new paragraph
<p align=left>
will move your paragraph</p> <p align=center>
to where you want it</p> <p align=right>
on the page</p>
Here's an unordered list
<ul>
<li>makes a list with cute little dots
<li>very effective for
rules
</ul>
It comes out looking like this:
- makes a list with cute little dots
- very effective for rules
Here's an unordered nested list
<ul>creates
an indented list
<ul>as you can see
<ul>then at the end count how many <ul>'s you used and close them,
or your text will stay lining up where you indented to.
</ul> </ul> </ul>
Comes out looking like
this:
creates an indented list
as you can see
then at the end count how many <ul>'s
you used and close them, or your text will stay lining up where you indented to.
Marqees... The action text!
<marquee>Your message in here...then you must always close
it with </marquee>
<marquee bgcolor="#xxxxxx">Then your text</marquee>
This sets a background
color for your marquee. The #xxxxxx is the hexadecimal number for your color.
<marquee behavior="alternate">This will bounce backward and
forwards continuously</marquee>
<marquee direction="right">Let's go the other way!</marquee>
<marquee direction="up">How about the star wars effect?</marquee>
Here are some font effect tags, to change the way the default text will look on
your page.The tags can be used alone for a single effect. Or can be used together for a different effect.These tags are always
used in pairs. and notice the nesting of tags within r.
<b>BOLD</b>
BOLD |
<I>ITALIC</I>
ITALIC |
<U>Underlined</U>
Underlined |
<b><I>BOLD And Italic</I></b>
BOLD And Italic |
<b><I><U>BOLD, Italic and Underlined</U></I></b>
BOLD,
Italic and Underlined |
The font attributes are Face, Color and Size.
To change any of the font attributes at any time within your page, simply use the <font>
tag. The text that follows will remain changed until you close with the </font> tag.*Note* Font face and color depends entirely
on the computer and browser that is being used to view your page. So, if you have downloaded a totally cool font that you
love, and use it on your page....there is a chance that the visitors to your page may not be able to see it, and their browser
may display the default font! Please be aware of this when designing your page. If a particular "rare" font is needed for
your page title, for example, then it may actually be a good idea to create a graphic for it instead!
Here are some font faces that most computers can see.
<font face="fontname">your text</font>
Times New Roman (usually the default face)
Arial
Arial Black
Verdana
Comic Sans MS
Courier New
Impact
lucida sans
Helvetica
There are tons more fonts! But again, keep in mind what most will be able
to see, also how easy they are to read! We want them to be able to read "your rules". Most of our league players have yahoo
messenger, feel free to try any fonts available on messenger, as they are more likely to be be downloaded on our members computers
Changing the color attribute
<font color="FF0000">your text is red now</font>
<font color="00CC00">your text
is green now</font>
The number is the hexadecimal number for your color. Theres a link for the hex color chart on
the customize tourney layout page and on the main Spade Friends T.D.Help Center page. Use it when you can because Internet
Explorer users and Netscape users see different colors on their computers. Also if someone has their computers set to 256
colors, this color chart a palette of the 216 Browser Safe Colors, and you better your chances of them all seeing the same
thing!
Changing the size attribute
<font size="5">your text is size 5</font>
Font size="1"
Font size="2"
Font size="3"
...this is the default font size.
Font size="4"
Font
size="5"
Font size="6"
Font size="7"
Now this is changing all 3 attributes at once!
<font face="Comic Sans MS" color="#CC33FF" size="5">
Changing
the font face, color and size.</font>
Changing the
font face, color and size.
Adding images to your page
There are hundreds of graphics collections on the Internet - many of them offering free graphics.
To put graphics onto your page, you must first save the file to your computer, and upload it to your web host.
To "save" a graphic to your computer from the internet.
- Right click on the link to the graphic.
- Select "Save link as" (Netscape) or "Save picture as" (Internet
Explorer) from the pop up menu.
- This will bring up the folders on your desktop. Select where
you want to store the file. (Docs file, my pictures, etc.)
- At this stage, you can also re-name
the file. In the "Filename" box, type in the name you wish to use.
- Click "SAVE"
- Then upload the saved files to your Web Host*.
*Web Host*There
are many free web-hosting sites available to store your images.
DO NOT link directly
to the image in the graphic collection where you found it. This causes bandwidth problems for their site, as well as problems
for you if they delete or rename the image. It is also against myleague policy!
Image Tags
<img src="filename">
This tag places the image on your page. NO closing tag is needed
To center your image : <center> Your Image </center>
To "save" a music file (midi or wav usually)
to your computer from the internet.
- Right click on the link to the music.
- Select "Save link as" (Netscape) or "Save Target as" (Internet
Explorer) from the pop up menu.
- This will bring up the folders on your desktop. Select where
you want to store the file. (Docs file, my music, etc.)
- At this stage, you can also re-name
the file. In the "Filename" box, type in the name you wish to use.
- Click "SAVE"
- Then upload the saved files to your Web Host*.
*Web Host*There
are many free web-hosting sites available to store your music. Please refer to the Helpful Links area at the T.D. Help Center.
DO NOT link
directly to the sound file in the collection where you found it. This causes bandwidth problems for their site, as well as
problems for you if they delete or rename the image. It is also against myleague policy!
There are 2 codes to get music on your tourney
page.
To put them on your rules page, simply put the HTML in
the customize rules box.
To put them on your main tourney page, put the HTML in the custom HTML box under customize
tourney layout page.
To play a music file and show play / pause / stop buttons in the browser, use the following
code:
<embed src="the url of the midi file.mid" autostart="true" loop="true" height="62"
width="244" controls="console">
For the music file to play continously in the background, use the following:
<bgsound
src="the url of the midi file.mid" loop="-1">
If you want it to just play once, leave out the loop="-1"
|
