Have a team league and need to find out about editing the roster page? The following is the Teams Page code broken down and defined what does what, how to modify it and then the steps to customize the look of this page.

BREAKING IT DOWN

The default body tag of a teams page is what controls the color of the font and links. Its code is as follows...

In the captains editor, the "PAGE COLOR" is where you would modify the pages color. The first thing to know is once you place ANYTHING in the "pages color" field, it removes everything from the body tag except the background attribute.

Once you set out to change just 1 aspect of the page this way, you will need to define others settings too.

HOW TO MODIFY IT

What you place in the "pages colors" field will be coded into the body tag its self. To isolate the body tag from the new style that you are going to use, the very first thing to be placed in the "page color" field should be a >. From there you can insert a style sheet or just about anything else but you will need to experiment more.

Your code would then look something like this

The Case's placed logo and time/date text is the ONLY font on page that is not in a table and does not have a font color assigned to it. So when you create your style sheet do not set FONT as a selector. This will make the logo and date text color black. This will also cause other text on page to be black but you can define its color by using td as a selector in the style sheet and defining the text color within it.

MODIFY THE PAGE

• To eliminate the default Logo, add a transparent image in the "TEAM LOGO" field.
• Put a space in the "BACKGROUND" field of the team roster page editor
• Place the following code in the "PAGE COLOR" field

Explanation of steps taken above

• > = very first thing is a right arrow to break out of the body tag
• style type="text/css" = begin style sheet
• body {background-color: #000000;} = sets the page background color to black
• table, td {border: 3px ridge #CCFF00;} = set tables and td border size, style and color
• td {font-size: 14pt;color: #FFFFFF;background-color: transparent;} = set the td's font size, font color and background color
• th {font-size: 14pt;background-color: transparent;border: 5px ridge #ff0000;} = set th's font size, background color, border size, style and color
• a:link {color: #FF0000;text-decoration: none;} = set the links color and decoration
• a:visited {color: #FF0000;text-decoration: none;} = set the visited links color and decoration
• a:hover {color: #33FF00;text-decoration: underline overline;} = set the links hover color and decoration
• a:active {color: #FF0000;text-decoration: none;} = set the active link color and decoration
• .byebye {display:none;} = This is a class style to set a tables display to none
• /style = end style sheet
• img = set the logo for this page

Finally, the table class hides the table and any content that is within it. That means everything between the Logo and the team roster table is gone.

If you need further help on this and any other team code questions, please visit our help forums found here.

Copyright © by Admins101 All Rights Reserved.

Published on: 2006-02-01 (5017 Reads)