Winamp & Shoutcast Forums

Winamp & Shoutcast Forums (http://forums.winamp.com/index.php)
-   General Discussions (http://forums.winamp.com/forumdisplay.php?f=1)
-   -   help on an I frame (http://forums.winamp.com/showthread.php?t=217251)

tuckerm 5th June 2005 20:42

@ pulse http://www.freewebs.com/mystuffradio
@everybody else my stuff is messed up! its red and some links arnt active. current updated code below:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="author" content="tucker m">
<title>my stuff radio</title>
<style type="text/css">
<!--
A:link {color:3399cc;text-decoration:underline overline}
A:visited {color:3399cc;text-decoration:underline overline}
A:active {color:3399cc;text-decoration:underline overline}
A:hover {color:3399cc;text-decoration:underline overline}
-->
</style>
</head>

<body bgcolor="black">
<IMG src="http://www.freewebs.com/mystuffradio/MY STUFF (NOW PLAYING).BMP">
<img src="http://www.viralsound.com/get.php/my_stuff_radio.png"><a href="http://peacefire.org/"> <img src="http://www.freewebs.com/mystuffradio/peacefire.gif"border=0> </a>


<!-- ParagraphBodyStart --><br>
&nbsp;<br>
<div style="text-align: center;"><img style="width: 51px; height: 118px;" src="http://www.freewebs.com/mystuffradio/mid-c.gif" border="0"><img src="http://www.freewebs.com/mystuffradio/my%20stuff%20radio.bmp" border="0"><br>

<br>
my stuff radio status:<br>
</span><img src="http://www.freewebs.com/mystuffradio/onairANIM2.gif" border="0"><br>

<br><blink>click picture to listen LIVE!!</blink></font><br><a href="http://IP NUMBER HERE:8000/listen.pls"><img src="http://www.freewebs.com/mystuffradio/listenradio.gif"border="0"></a>

<BR><BR>
<p align=left><!-- ParagraphStart 48616099 -->
<a href="http://www.mozilla.org/products/firefox/"> <img src="http://www.freewebs.com/mystuffradio/firefoxfriendly.bmp"border=0> </a>


<br>
current annoucments:
<br><span style="color:red;"><font style="font-family: comic sans ms;" size="2">(red = new annoucement)
<br>

>hello and welcome to the best local online streaming website.<BR>
> if the image above shows the dead image, its just updating it self no worrys, give it a second after refreshing to update to see the current song.<BR>
> we now have 15 hours of music so you'll never hear a repeated song for 15 hours! (see list below)<BR>
>a forum is available for help on my stuff radio, winamp, and computer help. its http://forums.cjb.net/mystuffradio.html<BR>
>if you would like to request a song, please go to http://freewebs.com/songreq<BR>



&gt;Broadcasting Hours: <br>
We will be broadcasting at random times but usally monday and tuesday 5 to 7 (6 to 8 eastern); thursday and friday 5 to 7 (6 to 8 eastern).<br>
on the weekends its totaly random hours! check the how to listen link (read this first if you havent listend before:http://www.freewebs.com/howtolisten

&gt;to listen to my stuff radio, (please read this first!) go to http://www.freewebs.com/howtolisten
however if you already know what to do and just need the link click the picture link at top.<br>
<br>
This site built and hosted for free by FreeWebs.com. <a href=http://www.freewebs.com>Get your own free website now!</a>

siebe83 5th June 2005 20:44

In the header, replace 3399cc with #3399cc
That's the proper way to use color codes and that was probably the reason all text appeared red all of a sudden.

You can add the following line between the style tags:
BODY, TD { color: #3399cc }
(i.e. put it under the A:hover line)

Your font should then have the old color back again.

[edit]
As for the links...

Replace
http://www.freewebs.com/howtolisten
with
<a href="http://www.freewebs.com/howtolisten">http://www.freewebs.com/howtolisten</a>

And then the same for the other links, of course...



[edit2]
You also need to close these two tags, or otherwise all following text will stay red:
<span style="color:red;"><font style="font-family: comic sans ms;" size="2">

i.e. add </font></span> somewhere

tuckerm 5th June 2005 20:50

text still red..some links arnt active and theres still some text thats black.

[edit>just saw your edits..now all text black except the ones i want red]

current code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="author" content="tucker m">
<title>my stuff radio</title>
<style type="text/css">
<!--
A:link {color:#3399cc;text-decoration:underline overline}
A:visited {color:#3399cc;text-decoration:underline overline}
A:active {color:#3399cc;text-decoration:underline overline}
A:hover {color:#3399cc;text-decoration:underline overline}
{ color: #3399cc }
-->
</style>
</head>

<body bgcolor="black">
<IMG src="http://www.freewebs.com/mystuffradio/MY STUFF (NOW PLAYING).BMP">
<img src="http://www.viralsound.com/get.php/my_stuff_radio.png"><a href="http://peacefire.org/"> <img src="http://www.freewebs.com/mystuffradio/peacefire.gif"border=0> </a>


<!-- ParagraphBodyStart --><br>
&nbsp;<br>
<div style="text-align: center;"><img style="width: 51px; height: 118px;" src="http://www.freewebs.com/mystuffradio/mid-c.gif" border="0"><img src="http://www.freewebs.com/mystuffradio/my%20stuff%20radio.bmp" border="0"><br>

<br>
my stuff radio status:<br>
</span><img src="http://www.freewebs.com/mystuffradio/onairANIM2.gif" border="0"><br>

<br><span style="color:red;"><font style="font-family: comic sans ms;" size="2"><blink>click picture to listen LIVE!!</blink></font></span><BR><a href="http://IP NUMBER HERE:8000/listen.pls"><img src="http://www.freewebs.com/mystuffradio/listenradio.gif"border="0"></a>

<BR><BR>
<p align=left><!-- ParagraphStart 48616099 -->
<a href="http://www.mozilla.org/products/firefox/"> <img src="http://www.freewebs.com/mystuffradio/firefoxfriendly.bmp"border=0> </a>


<br>
current annoucments:
<br><span style="color:red;"><font style="font-family: comic sans ms;" size="2">(red = new annoucement) </font></span>
<br>

>hello and welcome to the best local online streaming website.<BR>
> if the image above shows the dead image, its just updating it self no worrys, give it a second after refreshing to update to see the current song.<BR>
> we now have 15 hours of music so you'll never hear a repeated song for 15 hours! (see list below)<BR>
>a forum is available for help on my stuff radio, winamp, and computer help. its http://forums.cjb.net/mystuffradio.html<BR>
>if you would like to request a song, please go to http://freewebs.com/songreq<BR>



&gt;Broadcasting Hours: <br>
We will be broadcasting at random times but usally monday and tuesday 5 to 7 (6 to 8 eastern); thursday and friday 5 to 7 (6 to 8 eastern).<br>
on the weekends its totaly random hours! check the how to listen link (read this first if you havent listend before:http://www.freewebs.com/howtolisten

&gt;to listen to my stuff radio, (please read this first!) go to http://www.freewebs.com/howtolisten
however if you already know what to do and just need the link click the picture link at top.<br>
<br>
This site built and hosted for free by FreeWebs.com. <a href=http://www.freewebs.com>Get your own free website now!</a>

siebe83 5th June 2005 20:53

Please copy the exact line I wrote above:
BODY, TD { color: #3399cc }

(you left out the BODY, TD part)

Also see my edits in my previous post.

tuckerm 5th June 2005 20:55

ok that looks normal except the text..is there a way to add the text back to normal the font is: comic sans ms

siebe83 5th June 2005 21:00

Yup...


Change this line:
BODY, TD { color: #3399cc }
to
BODY { color: #3399cc; font-family: comic sans ms }

Not sure about the capitalization though, but it should work that way...

I also removed TD. Not really necessary, I used to do that in the past, but it doesn't make sense really...

[edit]
I also noticed an obsolete </span> tag, you can remove it... (next to the on air pic)

Don't forget to add </body></html> at the bottom before you validate again.

Gotta go now...

tuckerm 5th June 2005 21:08

can we drop it down to like a size 2??

siebe83 5th June 2005 21:17

Not sure how to define 'size 2' in css...

BODY { color: #3399cc; font-family: comic sans ms; font-size: 10pt }

Maybe?

You can then also remove the whole <font> tag around your red text...

tuckerm 5th June 2005 21:31

perfect!! everything is perfect thanks everyone for all of your hard work on me & site..i really appricate it.
any more suggestions??

PulseDriver 5th June 2005 22:16

can you input the <marquee> in the source above to show me where it should be located?

PulseDriver 5th June 2005 22:17

Or maybe you want to try my timeprobe script? :)

URK: Double-posted :p

Smeggle 5th June 2005 22:22

couple of minor problems - your using html 4.01 transitional which is utf-8 not iso-8859-1. That will cause fall backs and errors. It will not validate your body code correctly if the header is wrong.


ok your code
code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="author" content="tucker m">
<title>my stuff radio</title>
<style type="text/css">
<!--
A:link {color:#3399cc;text-decoration:underline overline}
A:visited {color:#3399cc;text-decoration:underline overline}
A:active {color:#3399cc;text-decoration:underline overline}
A:hover {color:#3399cc;text-decoration:underline overline}
{ color: #3399cc }
-->
</style>
</head>



corrected code

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>my stuff radio</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="author" content="tucker m">
<meta content="Put some keywords here" name="keywords" />
<meta content="Put a description in here" name="description" >
<style type="text/css">
<!--
A:link {color:#3399cc;text-decoration:underline overline}
A:visited {color:#3399cc;text-decoration:underline overline}
A:active {color:#3399cc;text-decoration:underline overline}
A:hover {color:#3399cc;text-decoration:underline overline}
{ color: #3399cc }
-->
</style>
</head>



As you can see I've changed your charset to the correct one and put your tile in the correct place. I've also added two extra meta tags (In the correct order) for you.

As shakey said and I tried to explain it is needed and you have to get it right, otherwise your page will never validate correctly.
As for the dtd, it is really the most important part of the document. It is this that 'Tells' the 'Browser' how to read the html document.
You then give the 'Browser' further instructions in the head. Correct positioning of those instructions, whilst not vital, as the 'Browser' will figure it out, but are important in how lobg it takes the 'Browser' to carry out the instructions.

As well in your code your using a mix of html 4.01 transitional and html 4.01 strict/xhtml transitional. You could actually take that document to xhtml 1.0 in little or no time. I would suspect that a few of your errors are coming from that iframe, which if I remember reading right, is about to be depreceated in xhtml 2.0/css 2.0. (I'm not 100% sure on that as w3c are allways changing).

Anyway that will sort your header out for you...

:)

PulseDriver 5th June 2005 22:24

Um HTML 4.01 is UTF-8 only? Where did you read this Smeggle? It will fall back to UTF-8 if no charset is specified, but that does mean that no body else but english sites could be written in HTML 4.01.

As far as I know, the charset specified have nothing to do with what Document Type Definition specified.

As the charset simply specifies what characters to expect within this document.

Document Type Definition defines how stylesheets should render elements into the body. Short version: It basically makes it easier for stylesheets to process the page.

Smeggle 5th June 2005 23:33

I agree - exactly as I read it over at w3c pulse but evry time I used the sgml validator with the above 4.01 transitional dtd with a different charset - I'd get the incorrect doc type or no doc type message falling back on utf-8.
Soon as I changed the charset to utf-8 the page validated.

But saying, that I've had it throw xhtml 1.0 pages back on the same thing only to check again later and the thing has validated [?]

I know it shouldn't be but I've found that the validator won't throw a mistake or refuse to validate if you do the above for html 4.01 transitional...
It's more from the experiance of using the validator I suppose than a strict rule but IMHO it should be one.

Oh yeah and as soon as I changed the charset in the xhtml 1.0 doc (The one I mentioned failed to validate), to utf-8, it validated.
Weird I know but thats why I do it like that.

The rest though as shakey and yourself pointed out as well, correct though...

:)

PulseDriver 6th June 2005 00:17

I once tried to run an XHTML (XML) document in UTF-8 which Geakwad had translated into German, and boom! unrecognised character errors started popping into the validator.

As long as you use the standard characters a-z, A-Z and 1-9 and the additional special characters like asterisk etc. you can run UTF-8. Once you write in another language, like japaneese or norwegian you need more complex charset. I am not sure what UTF-16 is covering, but probably most western-latin characters.

tuckerm 6th June 2005 11:58

did a little editing:

code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>my stuff radio homepage</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="author" content="tucker m">
<meta content="internet radio my stuff radio" name="keywords" />
<meta content="my stuff net radio homepage" name="description" >
<style type="text/css">
<!--
A:link {color:#3399cc;text-decoration:underline overline}
A:visited {color:#3399cc;text-decoration:underline overline}
A:active {color:#3399cc;text-decoration:underline overline}
A:hover {color:#3399cc;text-decoration:underline overline}
BODY { color: #3399cc; font-family: comic sans ms; font-size: 10pt }
-->
</style>
</head>
<body bgcolor="black">

PulseDriver 6th June 2005 12:14

If you want my Timeprobe, it's located at http://www.aocore.com/timeprobe/

If you need help getting it into your page, just gimme a shout.

tuckerm 6th June 2005 12:27

im working with it now...

PulseDriver 6th June 2005 12:40

To get the images easier, grab this timeprobe.zip

tuckerm 6th June 2005 12:48

*sigh* code not working take a look and see what i did wrong

code:
<script type="text/javascript">

<!-- Hide procedure for some old browsers


/*
*
* LEGAL NOTES
*
* Copyright © Massive Core Production 2003. All rights reserved. All use or recreation shall
* at all times include this text. "TimeProbe" is written by Tempus of the Massive Core
* Production (MCP). By using this script, you agree to the terms these scripts are based upon.
* Under no situation shall MCP be responsible for any use, damage, harm or any other unpleasant
* situation this script may cause. All images are property of MCP. For use of these images,
* include this comment (Legal Notes and Instuctions).
*
* Note: The name TimeProbe is coming from the original script which was a timer. The current
* script have little to do with time, but the name was spared, for simplicity and the basic
* methods of this script still apply. However, the time-related part of this script was
* removed.
*
*
* INSTRUCTIONS
*
* To modify this script to your own purpose, read the simple comments I've written all
* the way down to the bottom. There are brief explainations almost at every relevant
* line, which is of any use to alter. The script simply run with a timeout showing X
* numbers of images by reading a multi-dimensional array for instructions. Note that
* the multi-dimensional array can only contain characters which is exisiting as an image,
* both preloaded, and as an actual image. There are very few special characters following
* the original script but they are not hard to add. Also note that a whitespace is an
* actual whitespace in the array instructions, and will show the related image to show
* a whitespace.
*
* Note: I've also kept the dots and colons for use with time based uses. If you don't want
* them to apperar, you can remove them. Just make sure you remove them in the Load() function
* and the HTML within the body of the HTML.
*
*
* VARIABLES
*
* The array called pos is a multidimensional array containing the patterns for the Load()
* mode. While waiting for init, the numbers are playing the multidimensional patterns.
* This mode have no function at all, but it looks quite nice. I call this it the idle
* mode or animation mode of TimeProbe.
*
*
*/



/*
*
* SELECTING COLORS
*
* A note when having random colors or the black color selection in particular, the Netscape
* Navigator 4.x does not support the "document.bgColor" transform it seems, so if you having
* trouble, I suggest you set the bgcolor attribute in the body to permanent, or if you
* want to have the random color, then remove or "comment" the colors[9] array.
*
*
*/


var color = 7; // 0 random color
// 1 red
// 2 yellow
// 3 cyan
// 4 purple
// 5 green
// 6 lemon
// 7 skyblue
// 8 white
// 9 black

var anim = 1; // Toggle Load() animation mode. 0 for off and 1 for on.
var ptn = 0; // This decides from witch pattern the animation mode starts with.
var min = 0; // Use this to filter the low range of the patterns you wanna run.
var max = 95; // Use this to filter the high range of the patterns. Var "min" and
// var "max" and var "min" does not function with negative integers.

var time; // Initialize the time variable witch Timeprobe is based on.

var colors = new Array(); // Array containing the number, background and foreground colors.

colors[0] = new Array("random");
colors[1] = new Array("red", "black", "white");
colors[2] = new Array("yellow", "black", "white");
colors[3] = new Array("cyan", "black", "white");
colors[4] = new Array("purple", "black", "white");
colors[5] = new Array("green", "black", "white");
colors[6] = new Array("lemon", "black", "white");
colors[7] = new Array("skyblue", "black", "white");
colors[8] = new Array("white", "black", "white");
// colors[9] = new Array("black", "white", "black"); // Black does not work properly on NN4.x

var pos = new Array(); // The array contains the patterns for the Load() animation state.

pos[0] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", " ");
pos[1] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", "r");
pos[2] = new Array(" ", " ", " ", " ", " ", " ", " ", "r", "e");
pos[3] = new Array(" ", " ", " ", " ", " ", " ", "r", "e", "l");
pos[4] = new Array(" ", " ", " ", " ", " ", "r", "e", "l", "o");
pos[5] = new Array(" ", " ", " ", " ", "r", "e", "l", "o", "a");
pos[6] = new Array(" ", " ", " ", "r", "e", "l", "o", "a", "d");
pos[7] = new Array(" ", " ", "r", "e", "l", "o", "a", "d", " ");
pos[8] = new Array(" ", "r", "e", "l", "o", "a", "d", " ", "i");
pos[9] = new Array("r", "e", "l", "o", "a", "d", " ", "i", "f");
pos[10] = new Array("e", "l", "o", "a", "d", " ", "i", "f", " ");
pos[11] = new Array("l", "o", "a", "d", " ", "i", "f", " ", "d");
pos[12] = new Array("o", "a", "d", " ", "i", "f", " ", "d", "e");
pos[13] = new Array("a", "d", " ", "i", "f", " ", "d", "e", "a");
pos[14] = new Array("d", " ", "i", "f", " ", "d", "e", "a", "d");
pos[15] = new Array(" ", "i", "f", " ", "d", "e", "a", "d", " ");
pos[16] = new Array("i", "f", " ", "d", "e", "a", "d", " ", "i");
pos[17] = new Array("f", " ", "d", "e", "a", "d", " ", "i", "m");
pos[18] = new Array(" ", "d", "e", "a", "d", " ", "i", "m", "a");
pos[19] = new Array("d", "e", "a", "d", " ", "i", "m", "a", "g");
pos[20] = new Array("e", "a", "d", " ", "i", "m", "a", "g", "e");
pos[21] = new Array("a", "d", " ", "i", "m", "a", "g", "e", " ");
pos[22] = new Array("d", " ", "i", "m", "a", "g", "e", " ", "a");
pos[23] = new Array(" ", "i", "m", "a", "g", "e", " ", "a", "p");
pos[24] = new Array("i", "m", "a", "g", "e", " ", "a", "p", "p");
pos[25] = new Array("m", "a", "g", "e", " ", "a", "p", "p", "e");
pos[26] = new Array("a", "g", "e", " ", "a", "p", "p", "e", "a");
pos[27] = new Array("g", "e", " ", "a", "p", "p", "e", "a", "r");
pos[28] = new Array("e", " ", "a", "p", "p", "e", "a", "r", "s");
pos[29] = new Array(" ", "a", "p", "p", "e", "a", "r", "s", " ");
pos[30] = new Array("a", "p", "p", "e", "a", "r", "s", " ", " ");
pos[31] = new Array("p", "p", "e", "a", "r", "s", " ", " ", " ");
pos[32] = new Array("p", "e", "a", "r", "s", " ", " ", " ", " ");
pos[33] = new Array("e", "a", "r", "s", " ", " ", " ", " ", " ");
pos[34] = new Array("a", "r", "s", " ", " ", " ", " ", " ", " ");
pos[35] = new Array("r", "s", " ", " ", " ", " ", " ", " ", " ");
pos[36] = new Array("s", " ", " ", " ", " ", " ", " ", " ", " ");
pos[37] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", " ");
if(color == 0){
color = (Math.floor(Math.random() * (colors.length - 1))) + 1; // Radomize color if random is selected.
}

if(max > pos.length){
max = pos.length - 1;
}

if(max < min){
min = 0;
max = pos.length - 1;
}

var img = new Array();

document.bgColor = colors[color][1];
document.fgColor = colors[color][2];

var source = "images/" + colors[color][0] + "/" + colors[color][0];

if(document.images){

img[0] = new Image(20, 33);
img[1] = new Image(20, 33);
img[2] = new Image(20, 33);
img[3] = new Image(20, 33);
img[4] = new Image(20, 33);
img[5] = new Image(20, 33);
img[6] = new Image(20, 33);
img[7] = new Image(20, 33);
img[8] = new Image(20, 33);
img[9] = new Image(20, 33);

img["a"] = new Image(20, 33);
img["b"] = new Image(20, 33);
img["c"] = new Image(20, 33);
img["d"] = new Image(20, 33);
img["e"] = new Image(20, 33);
img["f"] = new Image(20, 33);
img["g"] = new Image(20, 33);
img["h"] = new Image(20, 33);
img["i"] = new Image(20, 33);
img["j"] = new Image(20, 33);
img["k"] = new Image(20, 33);
img["l"] = new Image(20, 33);
img["m"] = new Image(20, 33);
img["n"] = new Image(20, 33);
img["o"] = new Image(20, 33);
img["p"] = new Image(20, 33);
img["q"] = new Image(20, 33);
img["r"] = new Image(20, 33);
img["s"] = new Image(20, 33);
img["t"] = new Image(20, 33);
img["u"] = new Image(20, 33);
img["v"] = new Image(20, 33);
img["w"] = new Image(20, 33);
img["x"] = new Image(20, 33);
img["y"] = new Image(20, 33);
img["z"] = new Image(20, 33);
img[" "] = new Image(20, 33);
img["+"] = new Image(20, 33);
img["-"] = new Image(20, 33);
img["_"] = new Image(20, 33);

img[0].src = source + "_0.gif";
img[1].src = source + "_1.gif";
img[2].src = source + "_2.gif";
img[3].src = source + "_3.gif";
img[4].src = source + "_4.gif";
img[5].src = source + "_5.gif";
img[6].src = source + "_6.gif";
img[7].src = source + "_7.gif";
img[8].src = source + "_8.gif";
img[9].src = source + "_9.gif";

img["a"].src = source + "_a.gif";
img["b"].src = source + "_b.gif";
img["c"].src = source + "_c.gif";
img["d"].src = source + "_d.gif";
img["e"].src = source + "_e.gif";
img["f"].src = source + "_f.gif";
img["g"].src = source + "_g.gif";
img["h"].src = source + "_h.gif";
img["i"].src = source + "_i.gif";
img["j"].src = source + "_j.gif";
img["k"].src = source + "_k.gif";
img["l"].src = source + "_l.gif";
img["m"].src = source + "_m.gif";
img["n"].src = source + "_n.gif";
img["o"].src = source + "_o.gif";
img["p"].src = source + "_p.gif";
img["q"].src = source + "_q.gif";
img["r"].src = source + "_r.gif";
img["s"].src = source + "_s.gif";
img["t"].src = source + "_t.gif";
img["u"].src = source + "_u.gif";
img["v"].src = source + "_v.gif";
img["w"].src = source + "_w.gif";
img["x"].src = source + "_x.gif";
img["y"].src = source + "_y.gif";
img["z"].src = source + "_z.gif";
img[" "].src = source + "_ .gif";
img["+"].src = source + "_+.gif";
img["-"].src = source + "_-.gif";
img["_"].src = source + "__.gif";
}


/*
*
* FUNCTION LOAD
*
* This function loads the images, and prepares the script ready visually. You can
* put any kind of images at load here, but I suggest keeping all the images the same
* size.
*
*/


function Load(){
if(anim == 1){
if(ptn == pos.length || ptn == max){
ptn = min;
}
if(document.images && ptn >= min && ptn <= max){
document.number9.src = img[pos[ptn][0]].src;
document.number8.src = img[pos[ptn][1]].src;
document.number7.src = img[pos[ptn][2]].src;
document.number6.src = img[pos[ptn][3]].src;
document.number5.src = img[pos[ptn][4]].src;
document.number4.src = img[pos[ptn][5]].src;
document.number3.src = img[pos[ptn][6]].src;
document.number2.src = img[pos[ptn][7]].src;
document.number1.src = img[pos[ptn][8]].src;
}
ptn++;
setTimeout("Load()", 150);
}
else{
if(document.images){
document.number9.src = img[0].src;
document.number8.src = img[0].src;
document.number7.src = img[0].src;
document.number6.src = img[0].src;
document.number5.src = img[0].src;
document.number4.src = img[0].src;
document.number3.src = img[0].src;
document.number2.src = img[0].src;
document.number1.src = img[0].src;
}
}
}
// end of JavaScript -->
</script>

PulseDriver 6th June 2005 13:01

The code should just be inserted as is, but you need the images too, which is located in the body. That's where you will see the script operate.

<div>
<img src="images/red_t.gif" name="number9" width="20" height="33" alt="LED">
<img src="images/red_i.gif" name="number8" width="20" height="33" alt="LED">
<img src="images/red_m.gif" name="number7" width="20" height="33" alt="LED">
<img src="images/red_e.gif" name="number6" width="20" height="33" alt="LED">
<img src="images/red_p.gif" name="number5" width="20" height="33" alt="LED">
<img src="images/red_r.gif" name="number4" width="20" height="33" alt="LED">
<img src="images/red_o.gif" name="number3" width="20" height="33" alt="LED">
<img src="images/red_b.gif" name="number2" width="20" height="33" alt="LED">
<img src="images/red_e.gif" name="number1" width="20" height="33" alt="LED">
</div>


you need this as well.

zootm 6th June 2005 13:04

Oh my God, did you type out that whole pos array thing?!

tuckerm 6th June 2005 13:06

yes i had to

tuckerm 6th June 2005 13:09

confused..do i need to upload all of the image ones i need to my server and then link each one inside or outside of the code

PulseDriver 6th June 2005 13:15

Hehe, yeah, the best way I could think of to make unlogical movements of the text. I have an even more advanced version which you can adjust speed with each frame too ;)

And I am an old Tracker junkie so I am quite used to fill in patterns with different commands ;)

tuckerm 6th June 2005 13:21

wow i dont think freewebs has enough space..you said you wanted the area where i had the marquee..
code:
<body bgcolor="black">
<IMG src="http://www.freewebs.com/mystuffradio/MY STUFF (NOW PLAYING).BMP">
<img src="http://www.viralsound.com/get.php/my_stuff_radio.png"><a href="http://peacefire.org/"> <img src="http://www.freewebs.com/mystuffradio/peacefire.gif"border=0> </a>

MARQUEE ENTERED HERE WITH TEXT OF: hit refresh or F5 if dead image appears above..

<!-- ParagraphBodyStart --><br>
&nbsp;<br>
<div style="text-align: center;"><img style="width: 51px; height: 118px;" src="http://www.freewebs.com/mystuffradio/mid-c.gif" border="0"><img src="http://www.freewebs.com/mystuffradio/my%20stuff%20radio.bmp" border="0"><br>

<br><span style="color:3399cc;"><font style="font-family: comic sans ms;" size="2">
my stuff radio status:</font><br>


and then it keeps going into my homepage

PulseDriver 6th June 2005 14:27

Here, I re-wrote the document a bit, added </end-tag> at the end...

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>my stuff radio</title>

<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="author" content="tucker m">
<meta content="internet radio my stuff radio" name="keywords" />
<meta content="my stuff net radio homepage" name="description" >

<style type="text/css">
<!--
body{
color: #3399cc;
font-family: comic sans ms;
font-size: 10pt;
}

a:link, a:active, a:visited, a:hover{
color:#3399cc;
text-decoration:underline overline;
}
-->
</style>

<script type="text/javascript">

<!-- Hide procedure for some old browsers


/*
*
* LEGAL NOTES
*
* Copyright ? Massive Core Production 2003. All rights reserved. All use or recreation shall
* at all times include this text. "TimeProbe" is written by Tempus of the Massive Core
* Production (MCP). By using this script, you agree to the terms these scripts are based upon.
* Under no situation shall MCP be responsible for any use, damage, harm or any other unpleasant
* situation this script may cause. All images are property of MCP. For use of these images,
* include this comment (Legal Notes and Instuctions).
*
* Note: The name TimeProbe is coming from the original script which was a timer. The current
* script have little to do with time, but the name was spared, for simplicity and the basic
* methods of this script still apply. However, the time-related part of this script was
* removed.
*
*


var color = 0; // 0 random color
// 1 red
// 2 yellow
// 3 cyan
// 4 purple
// 5 green
// 6 lemon
// 7 skyblue
// 8 white
// 9 black

var anim = 1; // Toggle Load() animation mode. 0 for off and 1 for on.
var ptn = 0; // This decides from witch pattern the animation mode starts with.
var min = 0; // Use this to filter the low range of the patterns you wanna run.
var max = 95; // Use this to filter the high range of the patterns. Var "min" and
// var "max" and var "min" does not function with negative integers.

var time; // Initialize the time variable witch Timeprobe is based on.

var colors = new Array(); // Array containing the number, background and foreground colors.

colors[0] = new Array("random");
colors[1] = new Array("red", "black", "white");
colors[2] = new Array("yellow", "black", "white");
colors[3] = new Array("cyan", "black", "white");
colors[4] = new Array("purple", "black", "white");
colors[5] = new Array("green", "black", "white");
colors[6] = new Array("lemon", "black", "white");
colors[7] = new Array("skyblue", "black", "white");
colors[8] = new Array("white", "black", "white");
// colors[9] = new Array("black", "white", "black"); // Black does not work properly on NN4.x

var pos = new Array(); // The array contains the patterns for the Load() animation state.

pos[0] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", " ");
pos[1] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", "t");
pos[2] = new Array(" ", " ", " ", " ", " ", " ", " ", "t", "i");
pos[3] = new Array(" ", " ", " ", " ", " ", " ", "t", "i", "m");
pos[4] = new Array(" ", " ", " ", " ", " ", "t", "i", "m", "e");
pos[5] = new Array(" ", " ", " ", " ", "t", "i", "m", "e", "p");
pos[6] = new Array(" ", " ", " ", "t", "i", "m", "e", "p", "r");
pos[7] = new Array(" ", " ", "t", "i", "m", "e", "p", "r", "o");
pos[8] = new Array(" ", "t", "i", "m", "e", "p", "r", "o", "b");
pos[9] = new Array("t", "i", "m", "e", "p", "r", "o", "b", "e");
pos[10] = new Array("i", "m", "e", "p", "r", "o", "b", "e", " ");
pos[11] = new Array("m", "e", "p", "r", "o", "b", "e", " ", "i");
pos[12] = new Array("e", "p", "r", "o", "b", "e", " ", "i", "s");
pos[13] = new Array("p", "r", "o", "b", "e", " ", "i", "s", " ");
pos[14] = new Array("r", "o", "b", "e", " ", "i", "s", " ", "p");
pos[15] = new Array("o", "b", "e", " ", "i", "s", " ", "p", "r");
pos[16] = new Array("b", "e", " ", "i", "s", " ", "p", "r", "o");
pos[17] = new Array("e", " ", "i", "s", " ", "p", "r", "o", "v");
pos[18] = new Array(" ", "i", "s", " ", "p", "r", "o", "v", "i");
pos[19] = new Array("i", "s", " ", "p", "r", "o", "v", "i", "d");
pos[20] = new Array("s", " ", "p", "r", "o", "v", "i", "d", "e");
pos[21] = new Array(" ", "p", "r", "o", "v", "i", "d", "e", "d");
pos[22] = new Array("p", "r", "o", "v", "i", "d", "e", "d", " ");
pos[23] = new Array("r", "o", "v", "i", "d", "e", "d", " ", "f");
pos[24] = new Array("o", "v", "i", "d", "e", "d", " ", "f", "r");
pos[25] = new Array("v", "i", "d", "e", "d", " ", "f", "r", "o");
pos[26] = new Array("i", "d", "e", "d", " ", "f", "r", "o", "m");
pos[27] = new Array("d", "e", "d", " ", "f", "r", "o", "m", " ");
pos[28] = new Array("e", "d", " ", "f", "r", "o", "m", " ", "m");
pos[29] = new Array("d", " ", "f", "r", "o", "m", " ", "m", "a");
pos[30] = new Array(" ", "f", "r", "o", "m", " ", "m", "a", "s");
pos[31] = new Array("f", "r", "o", "m", " ", "m", "a", "s", "s");
pos[32] = new Array("r", "o", "m", " ", "m", "a", "s", "s", "i");
pos[33] = new Array("o", "m", " ", "m", "a", "s", "s", "i", "v");
pos[34] = new Array("m", " ", "m", "a", "s", "s", "i", "v", "e");
pos[35] = new Array(" ", "m", "a", "s", "s", "i", "v", "e", " ");
pos[36] = new Array("m", "a", "s", "s", "i", "v", "e", " ", "c");
pos[37] = new Array("a", "s", "s", "i", "v", "e", " ", "c", "o");
pos[38] = new Array("s", "s", "i", "v", "e", " ", "c", "o", "r");
pos[39] = new Array("s", "i", "v", "e", " ", "c", "o", "r", "e");
pos[40] = new Array("i", "v", "e", " ", "c", "o", "r", "e", " ");
pos[41] = new Array("v", "e", " ", "c", "o", "r", "e", " ", "p");
pos[42] = new Array("e", " ", "c", "o", "r", "e", " ", "p", "r");
pos[43] = new Array(" ", "c", "o", "r", "e", " ", "p", "r", "o");
pos[44] = new Array("c", "o", "r", "e", " ", "p", "r", "o", "d");
pos[45] = new Array("o", "r", "e", " ", "p", "r", "o", "d", "u");
pos[46] = new Array("r", "e", " ", "p", "r", "o", "d", "u", "c");
pos[47] = new Array("e", " ", "p", "r", "o", "d", "u", "c", "t");
pos[48] = new Array(" ", "p", "r", "o", "d", "u", "c", "t", "i");
pos[49] = new Array("p", "r", "o", "d", "u", "c", "t", "i", "o");
pos[50] = new Array("r", "o", "d", "u", "c", "t", "i", "o", "n");
pos[51] = new Array("o", "d", "u", "c", "t", "i", "o", "n", " ");
pos[52] = new Array("d", "u", "c", "t", "i", "o", "n", " ", "2");
pos[53] = new Array("u", "c", "t", "i", "o", "n", " ", "2", "0");
pos[54] = new Array("c", "t", "i", "o", "n", " ", "2", "0", "0");
pos[55] = new Array("t", "i", "o", "n", " ", "2", "0", "0", "3");
pos[56] = new Array("i", "o", "n", " ", "2", "0", "0", "3", " ");
pos[57] = new Array("o", "n", " ", "2", "0", "0", "3", " ", "b");
pos[58] = new Array("n", " ", "2", "0", "0", "3", " ", "b", "y");
pos[59] = new Array(" ", "2", "0", "0", "3", " ", "b", "y", " ");
pos[60] = new Array("2", "0", "0", "3", " ", "b", "y", " ", "p");
pos[61] = new Array("0", "0", "3", " ", "b", "y", " ", "p", "u");
pos[62] = new Array("0", "3", " ", "b", "y", " ", "p", "u", "l");
pos[63] = new Array("3", " ", "b", "y", " ", "p", "u", "l", "s");
pos[64] = new Array(" ", "b", "y", " ", "p", "u", "l", "s", "e");
pos[65] = new Array("b", "y", " ", "p", "u", "l", "s", "e", "d");
pos[66] = new Array("y", " ", "p", "u", "l", "s", "e", "d", "r");
pos[67] = new Array(" ", "p", "u", "l", "s", "e", "d", "r", "i");
pos[68] = new Array("p", "u", "l", "s", "e", "d", "r", "i", "v");
pos[69] = new Array("u", "l", "s", "e", "d", "r", "i", "v", "e");
pos[70] = new Array("l", "s", "e", "d", "r", "i", "v", "e", "r");
pos[71] = new Array("s", "e", "d", "r", "i", "v", "e", "r", " ");
pos[72] = new Array("e", "d", "r", "i", "v", "e", "r", " ", " ");
pos[73] = new Array("d", "r", "i", "v", "e", "r", " ", " ", " ");
pos[74] = new Array("r", "i", "v", "e", "r", " ", " ", " ", " ");
pos[75] = new Array("i", "v", "e", "r", " ", " ", " ", " ", " ");
pos[76] = new Array("v", "e", "r", " ", " ", " ", " ", " ", " ");
pos[77] = new Array("e", "r", " ", " ", " ", " ", " ", " ", " ");
pos[78] = new Array("r", " ", " ", " ", " ", " ", " ", " ", " ");
pos[79] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", " ");
pos[80] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", " ");
pos[81] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", " ");
pos[82] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", " ");
pos[83] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", " ");
pos[84] = new Array("t", "i", "m", "e", "p", "r", "o", "b", "e");
pos[85] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", " ");
pos[86] = new Array("t", "i", "m", "e", "p", "r", "o", "b", "e");
pos[87] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", " ");
pos[88] = new Array("t", "i", "m", "e", "p", "r", "o", "b", "e");
pos[89] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", " ");
pos[90] = new Array("t", "i", "m", "e", "p", "r", "o", "b", "e");
pos[91] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", " ");
pos[92] = new Array("t", "i", "m", "e", "p", "r", "o", "b", "e");
pos[93] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", " ");
pos[94] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", " ");
pos[95] = new Array(" ", " ", " ", " ", " ", " ", " ", " ", " ");

if(color == 0){
color = (Math.floor(Math.random() * (colors.length - 1))) + 1;
// Radomize color if random is selected.
}

if(max > pos.length){
max = pos.length - 1;
}

if(max < min){
min = 0;
max = pos.length - 1;
}

var img = new Array();

document.bgColor = colors[color][1];
document.fgColor = colors[color][2];

var source = "images/" + colors[color][0] + "/" + colors[color][0];

if(document.images){

img[0] = new Image(20, 33);
img[1] = new Image(20, 33);
img[2] = new Image(20, 33);
img[3] = new Image(20, 33);
img[4] = new Image(20, 33);
img[5] = new Image(20, 33);
img[6] = new Image(20, 33);
img[7] = new Image(20, 33);
img[8] = new Image(20, 33);
img[9] = new Image(20, 33);

img["a"] = new Image(20, 33);
img["b"] = new Image(20, 33);
img["c"] = new Image(20, 33);
img["d"] = new Image(20, 33);
img["e"] = new Image(20, 33);
img["f"] = new Image(20, 33);
img["g"] = new Image(20, 33);
img["h"] = new Image(20, 33);
img["i"] = new Image(20, 33);
img["j"] = new Image(20, 33);
img["k"] = new Image(20, 33);
img["l"] = new Image(20, 33);
img["m"] = new Image(20, 33);
img["n"] = new Image(20, 33);
img["o"] = new Image(20, 33);
img["p"] = new Image(20, 33);
img["q"] = new Image(20, 33);
img["r"] = new Image(20, 33);
img["s"] = new Image(20, 33);
img["t"] = new Image(20, 33);
img["u"] = new Image(20, 33);
img["v"] = new Image(20, 33);
img["w"] = new Image(20, 33);
img["x"] = new Image(20, 33);
img["y"] = new Image(20, 33);
img["z"] = new Image(20, 33);
img[" "] = new Image(20, 33);
img["+"] = new Image(20, 33);
img["-"] = new Image(20, 33);
img["_"] = new Image(20, 33);

img[0].src = source + "_0.gif";
img[1].src = source + "_1.gif";
img[2].src = source + "_2.gif";
img[3].src = source + "_3.gif";
img[4].src = source + "_4.gif";
img[5].src = source + "_5.gif";
img[6].src = source + "_6.gif";
img[7].src = source + "_7.gif";
img[8].src = source + "_8.gif";
img[9].src = source + "_9.gif";

img["a"].src = source + "_a.gif";
img["b"].src = source + "_b.gif";
img["c"].src = source + "_c.gif";
img["d"].src = source + "_d.gif";
img["e"].src = source + "_e.gif";
img["f"].src = source + "_f.gif";
img["g"].src = source + "_g.gif";
img["h"].src = source + "_h.gif";
img["i"].src = source + "_i.gif";
img["j"].src = source + "_j.gif";
img["k"].src = source + "_k.gif";
img["l"].src = source + "_l.gif";
img["m"].src = source + "_m.gif";
img["n"].src = source + "_n.gif";
img["o"].src = source + "_o.gif";
img["p"].src = source + "_p.gif";
img["q"].src = source + "_q.gif";
img["r"].src = source + "_r.gif";
img["s"].src = source + "_s.gif";
img["t"].src = source + "_t.gif";
img["u"].src = source + "_u.gif";
img["v"].src = source + "_v.gif";
img["w"].src = source + "_w.gif";
img["x"].src = source + "_x.gif";
img["y"].src = source + "_y.gif";
img["z"].src = source + "_z.gif";
img[" "].src = source + "_ .gif";
img["+"].src = source + "_+.gif";
img["-"].src = source + "_-.gif";
img["_"].src = source + "__.gif";
}


/*
*
* FUNCTION LOAD
*
* This function loads the images, and prepares the script ready visually. You can
* put any kind of images at load here, but I suggest keeping all the images the same
* size.
*
*/


function Load(){
if(anim == 1){
if(ptn == pos.length || ptn == max){
ptn = min;
}
if(document.images && ptn >= min && ptn <= max){
document.number9.src = img[pos[ptn][0]].src;
document.number8.src = img[pos[ptn][1]].src;
document.number7.src = img[pos[ptn][2]].src;
document.number6.src = img[pos[ptn][3]].src;
document.number5.src = img[pos[ptn][4]].src;
document.number4.src = img[pos[ptn][5]].src;
document.number3.src = img[pos[ptn][6]].src;
document.number2.src = img[pos[ptn][7]].src;
document.number1.src = img[pos[ptn][8]].src;
}
ptn++;
setTimeout("Load()", 150);
}
else{
if(document.images){
document.number9.src = img[0].src;
document.number8.src = img[0].src;
document.number7.src = img[0].src;
document.number6.src = img[0].src;
document.number5.src = img[0].src;
document.number4.src = img[0].src;
document.number3.src = img[0].src;
document.number2.src = img[0].src;
document.number1.src = img[0].src;
}
}
}
// end of JavaScript -->
</script>

</head>

<body bgcolor="black">
<img src="http://www.freewebs.com/mystuffradio/MY STUFF (NOW PLAYING).BMP">
<img src="http://www.viralsound.com/get.php/my_stuff_radio.png"><a href="http://peacefire.org/">
<img src="http://www.freewebs.com/mystuffradio/peacefire.gif"border=0> </a>

<!-- Timeprobe start -->

<div>
<img src="images/red_t.gif" name="number9" width="20" height="33" alt="LED">
<img src="images/red_i.gif" name="number8" width="20" height="33" alt="LED">
<img src="images/red_m.gif" name="number7" width="20" height="33" alt="LED">
<img src="images/red_e.gif" name="number6" width="20" height="33" alt="LED">
<img src="images/red_p.gif" name="number5" width="20" height="33" alt="LED">
<img src="images/red_r.gif" name="number4" width="20" height="33" alt="LED">
<img src="images/red_o.gif" name="number3" width="20" height="33" alt="LED">
<img src="images/red_b.gif" name="number2" width="20" height="33" alt="LED">
<img src="images/red_e.gif" name="number1" width="20" height="33" alt="LED">
</div>

<!-- Timeprobe end -->

<!-- ParagraphBodyStart --><br>
&nbsp;<br>

<div style="text-align: center;">
<img style="width: 51px; height: 118px;"
src="http://www.freewebs.com/mystuffradio/mid-c.gif" border="0">
<img src="http://www.freewebs.com/mystuffradio/my%20stuff%20radio.bmp" border="0">
<br>
<br>
<span style="color:3399cc;">
<font style="font-family: comic sans ms;" size="2">my stuff radio status:</font>
</span>
<br>
<img src="http://www.freewebs.com/mystuffradio/off_air2.bmp"
border="0">
<br>
<BR>
<BR>
<p align=left>
<!-- ParagraphStart 48616099 -->
<a href="http://www.mozilla.org/products/firefox/">
<img src="http://www.freewebs.com/mystuffradio/firefoxfriendly.bmp"border=0>
</a>
<br>
current annoucments:
<br>
<span style="color:red;">
<font style="font-family: comic sans ms;" size="2">(red = new annoucement) </font>
</span>
<br>
>hello and welcome to the best local online
streaming website.<BR>
> if the image above shows the dead image, its just
updating it self no worrys, give it a second after
refreshing to update to see the current song.<BR>
> we now have 15 hours of music so you'll never hear
a repeated song for 15 hours! (see list below)<BR>
>a forum is available for help on my stuff radio,
winamp, and computer help. its
http://forums.cjb.net/mystuffradio.html<BR>
>if you would like to request a song, please go to
http://freewebs.com/songreq
<br>
Broadcasting Hours: <br>
We will be broadcasting at random times but usally
monday and tuesday 5 to 7 (6 to 8 eastern); thursday
and friday 5 to 7 (6 to 8 eastern).<br>
on the weekends its totaly random hours! check the
how to listen link (read this first if you havent
listened before: http://www.freewebs.com/
howtolisten

&gt;to listen to my stuff radio, (please read this
first!) go to http://www.freewebs.com/
howtolisten
however if you already know what to do and just need
the link click the picture link at top.<br>
<br>
This site built and hosted for free by FreeWebs.com.
<a href=http://www.freewebs.com>Get your own free
website now!</a>
</p>
</body>
</html>


shakey_snake 7th June 2005 21:03

You might want to check your site for accessability, also.

http://webxact.watchfire.com/

zootm 8th June 2005 01:49

I am seriously considering rewriting that big long text bit for you. It makes me hurt.


All times are GMT. The time now is 07:58.

Copyright © 1999 - 2010 Nullsoft. All Rights Reserved.