Draac.Com's MSNTV To PC

• MSNTV Center
• Audioscopes
• Border Buttons

Draac.Com's MSNTV To PC

Some Tips On How To
Adjust Your Html Code So
It Looks Better On A Computer.

• What Are We Learning Here ?

This section of tips and codes are to help MSNTV users create better web sites when viewed with a computer.
All web sites put up onto the internet will sooner or later be viewed by a computer user. What might look OK using a MSNTV box, might not look OK when being viewed with a computer.
Below are few examples of how something you might have built using your MSNTV looks to a computer user when viewing your site.

• Highlight Boxes On Your Image Links

When creating an image as a link
be sure to add border="0" to your
image line of code. This takes away
the "highlight box" around the image
link that computers users will see.
This "highlight box" can't be seen using
MSNTV but it does take away from the
look of your site when viewed with a computer.
Examples
Without
border="0"

With
Border="0"

An Example of the Html Coding
<a href="url">
<img src="url of image" height="?" width="?" border="0"></a>

• Embed Sound Codes

When using the sound code of embed src="url" to play a background sound on your site, you need to add code to hide the sound player from computer users.
If you add hidden="true" to the code, the sound player will not show on your web site when viewed with a computer.

Example of a sound player when not using
the sound command of hidden="true".

An Example of the Html Coding
<embed src="url of sound" autostart="true" loop="true" hidden="true">

• The MSNTV Sidebar Page Design

When building a web site using the MSNTV only code of sidebar be sure to keep computer users in mind. If not built properly your web site will look like a disaster to a computer user. The sidebar will be placed on top of the rest of your web site, not to the left as you intended it to look on MSNTV.
Draac.Com has a sidebar layout with the html coding to copy and paste to your web page editor, that will look somewhat OK to computer users. Although it will not function as it does on MSNTV with the page scrolling effect, it will still be readable and usable to computer users.
Click Here For The MSNTV Sidebar Layout

• MSNTV Only Codes

Below are some codes that are exclusive to MSNTV, computer users can not view these effects with their browsers. These MSNTV only codes should be avoided if you plan on having your web site viewed as intended by computer users.

MSNTV Only Text Effects

<blackface>Text Here</blackface>

<font effect="shadow">Text Here</font>
<font effect="relief">Text Here</font>
<font effect="emboss">Text Here</font>

<clock></clock>
(this will produce a clock for MSNTV only)

<a href="URL of Link" nocolor>
(this will disable the link & vlink color
this will not work on a computer)

MSNTV Only Image Effects

<img src="URL of image" transparency="80">
(transparency can be from 1% to 100%)
Another use for "transparency" is within a "table".
<table transparency="50">
or
<td transparency="50">
or
<tr transparency="50">

<a href="URL of Link">
<img src="URL of animated image" animateonselect></a>
(the animated gif will animate when highlighted)

MSNTV Only Sound Effects

<audioscope gain="6" rightcolor="red" leftcolor="white" rightoffset="3" leftoffset="-3" bgcolor="black" height="40" width="200">
(an audioscope moves to the beat of the sound)
For more on MSNTV Audioscopes Click Here

MSNTV Only Web Page Effects

Any use of the MSNTV only tag of "gradcolor" and/or
"gradangle" won't be viewed by computer. Gradcolor
is used to make a gradient color effect within table cells.
<table bgcolor="white" gradcolor="blue">
or
<td bgcolor="blue" gradcolor="red" gradangle="45">

Moving backgound images using
xspeed="?" and/or yspeed="?"
will not be viewed by computer.
<body background="URL" bgcolor="#000000" text="#ffffff"
link="#ffff00" vlink="#ffa500" xspeed="40" yspeed="50">

The "fixed" background with MSNTV
will not be seen with a computer.
You can however add a "fixed" background
code for IE and they too will see it.
For more on MSNTV's "fixed" backgrounds Click Here
and for IE's "fixed" backgrounds Click Here .
<body bgcolor="#000000" text="#ffffff" link="#ffff00"
vlink="ffff00" background="URL" nohtilebg novtilebg>

A "body logo" is an image that will show
up in your "favorites" and "recents".
This will not show when using a computer.
<body bgcolor="#000000" text="#ffffff" link="#ffff00"
vlink="#ffa500" logo="URL of image">

The "transition" page code below is
for MSNTV only but there are other
transitions that can be seen with IE.
See the Html Extras section for more on IE "transitions".
For more on MSNTV's "transitions" Click Here
<body bgcolor="#000000" text="#ffffff" link="#ffff00"
vlink="#ffa500" transition="slideright">

MSNTV internal ROM "form border buttons"
can not be seen using a computer.
Click Here for more on MSNTV border buttons.
<form method="post" action="URL Goes Here">
<input type="submit" value="Click Here" text="#ffffff"
borderimage="file://rom/borders/buttonborder1.bif">
</form>

To have your link highlight box placed
on a specific link on your web page,
use the "selected" command.
This will only work on MSNTV and only with links
that can be seen within the first screen shot.
<a href="URL of Link" selected>

To disable the MSNTV highlight link box
from around your text or image links,
use the "nohighlight" command.
This is a MSNTV only code.
<a href="URL of Link" nohighlight>

In a <textarea> box MSNTV can use
a text color, a cursor color and background color.
These can be the color name or hex color number.
These will not be seen using a computer.
<textarea text="white" cursor="red" bgcolor="black" rows="10" cols="40">

• MSNTV's Browser Width

Many times I have come across a web site built by a MSNTV user and have noticed they have created their images (usually homemade page title images at the top) or tables or photos too wide.
MSNTV will automatically adjust the extra wide image or table within the confines of the MSNTV browser, but on a computer the page is displayed with a side scroll bar at the bottom. The computer user must use this side scroller to slide over to see the rest of the image or web page.
Make sure you resize your images or set the table width to a dimension that is compatible to all browsers.
The width of the MSNTV screen is 544 pixels, this is a good size to make your page title images or photos if you would like to view them wall to wall on MSNTV. They will also look good on a computer as well.
Computer users have the ability to adjust the screen width of their monitors. Most however, have their screen size set to 800 pixels wide. So be sure to keep your images and tables to a width no more than 800 pixels wide (remember MSNTV will adjust these images and tables to fit the MSNTV browser). Although if you use the MSNTV screen width of 544 pixels for the maxium size of your images and tables, it will look great on MSNTV and will also look pretty good on most computers.

Draac.Com Is Hosted By ValueWeb
Register UK domain names at Domain Names UK

When creating an image as a link be sure to add border="0" to your image line of code. This takes away the "highlight box" around the image link that computers users will see. This "highlight box" can't be seen using MSNTV but it does take away from the look of your site when viewed with a computer.	Examples Without border="0" With Border="0"
An Example of the Html Coding <a href="url"> <img src="url of image" height="?" width="?" border="0"></a>

When using the sound code of embed src="url" to play a background sound on your site, you need to add code to hide the sound player from computer users. If you add hidden="true" to the code, the sound player will not show on your web site when viewed with a computer.
Example of a sound player when not using the sound command of hidden="true".
An Example of the Html Coding <embed src="url of sound" autostart="true" loop="true" hidden="true">