HELP I am new and confused [Archive]

Click to See Complete Forum and Search --> : HELP I am new and confused

sweetcency

06-25-2004, 01:31 AM

I am trying to start my own website on no budget yes I know it a difficult task but money is tight right now and there is nothing I can do about that.

I got a free hosting and it's wonder http://www.titanhousing.com

but I have no graphics, I suck at graphic design and I need banners, top page images, and roll over buttons...If I had money those would be more possible but that is not the case for me right ....But if anyone who is graphic artist and would like to help me please let me know.

I am having trouble learning the rotating ramdon banner code every code I have seen is hard to put the pieces together of what goes where and when

it would be easier if the code YOU TYPE HERE but most of are just numbers and I feel soo lost and alone doing it on my own but I am tired of giving up a percentage to people just b/c they sit thier with hands out.

For once I want to pay myself like the book automatic millionare

Can anyone give me tips on the dummies versions it would be really helpful

Pittimann

06-25-2004, 01:48 AM

:cool:

sweetcency

06-25-2004, 11:59 AM

I am trying to get the mouse roll over button code to work its not going well

and i need the rotating banner code again another thing that is not going well for

i am testing my code on to http://freewebs.com/sweetcency_com

<html>

<script language="JavaScript">

</script>
<a href="#" onMouseOver="button.src=our_image.src;"
onMouseOut="button.src='http://www.freewebs.com/sweetcency_com/assets/home-purple.gif';">
<img name="HOME" src="http://www.freewebs.com/sweetcency_com/assets/home-purple.gif" width="200"
height="50" alt="HOME" border="0"></a></html>

^^^What am I doing wrong.

Banner rotating code

How the hell does it work??? Can some BREAK IT DOWN FOR ME

<script language=JavaScript>



</script>

Bonzo

06-25-2004, 12:42 PM

Complete sentences, something resembling correct grammar, and a specific question would be helpful.

"and i need the rotating banner code again another thing that is not going well for "

"it would be easier if the code YOU TYPE HERE but most of are just numbers and I feel soo lost and alone doing it on my own but I am tired of giving up a percentage to people just b/c they sit thier with hands out.

For once I want to pay myself like the book automatic millionare"

whoa

sweetcency

06-25-2004, 10:40 PM

I just need help
on 2 coding for my up coming page

I thought this was a help board for people needing tips on webpage building

I need the roll over mouse code for java or html

and I need the rotating banner code for java or html

Anyone who can help me will be credited on my up coming website.

andyshep

06-26-2004, 08:27 AM

andyshep

06-26-2004, 08:55 AM

heres a simplified rotating banner with links for each image

<html>
<head>
<title>rotating banners</title>
<script language="javascript">

adimages=new Array("arrow1.gif","arrow2.gif","arrow3.gif");
adurl=new Array("negrino.com","sun.com","microsoft.com");
thisad=0;
imgct=adimages.length;

function rotate()
{
if(document.images){
thisad++
if(thisad==imgct){
thisad=0
}
document.adbanner.src=adimages[thisad]
setTimeout("rotate()",3000)
}
}

function newlocation()
{
document.location.href="http://www."+adurl[thisad]
}

</script>

<body onload="rotate()">
<a href="javascript:newlocation()">
<img src="arrow1.gif" width="76" height="51" name="adbanner" alt="adbanner">
</a>

</body>
</html>

if u still need a breakdown of this let me know but its more simple than the one you provided

andy

sweetcency

06-26-2004, 02:03 PM

Where do I put in my image and url

i am not seeing how the code works

CAN YOU BREAK IT DOWN FOR ME

Like whereeven i need to put an image place "your url here" or "your images url"

I am new to this coding thing and I wnat it done right

if anyone can help me directly contact me at

MSN queenfreak358@hotmail.com or sweetcency@sweetcency.com
ICQ# 228143437
AOL sweetcency
yahoo sweetcency
email sweetcency@sweetcency.com

thanks if anyone can actually help me threw it step by step.

keithy

06-26-2004, 04:42 PM

hi sweetcency its a bit difficult to explain if you dont know any javascript if you can spare £11 javascript in easy steps is great learning book or you could try the w3c site www.w3schools.com (http://www.w3cschools.com). but if you copy this script i will tell you exactly were to put your image file names e.g banner.gif and your img id name e.g <img id="pic">

// your img file names go between the() after new Array e.g pic1.jpg.

var n = 0;
var imgs = new Array ("pic1.jpg", "pic2.jpg","pic03.jpg","pic04.jpg","pic5.jpg","pic6.jpg",
"pic7.jpg","pic8.jpg","pic9.jpg","pic10.jpg");
var preload = new Array();
for( var i = 1; i< imgs.length; i++)
{
preload[i] = new Image();
preload[i].src = imgs[i];
}
/* your img id name goes after images. were ive used the name pic. e.g document.images.your img name.src*/
function rotate()
{document.images.pic.src = imgs [n];
(n ==(imgs.length -1 )) ? n = 0 : n++;
setTimeout("rotate()", 3000 );
/*were it says 3000 that is the rotation speed in milliseconds, so this would rotate every 3 seconds,but you can alter to what ever you wish. hope this as helped you a little.GOOD LUCK*/

sweetcency

06-27-2004, 04:11 AM

andyshep

06-27-2004, 05:36 AM

<html>
<head>
<title>Test Roatating Banner</title>
<script language="javascript">
adimages=new Array("http://www.sweetcency.com/banners/cency_banner.gif","http://www.diamondcan.com/assets/diamondcanbanner.gif","http://escorts.diamondcan.com/images/b_1_2025vv.jpg");
adurl=new Array("sweetcency.com","diamondcan.com","blackgirlsnextdoor.com");
thisad=0;
imgct=adimages.length;
function rotate()
{
if(document.images){
thisad++
if(thisad==imgct){
thisad=0
}
document.Sweet_Cency.src=adimages[thisad]
setTimeout("rotate()",3000)
}
}
function newlocation()
{
document.location.href="http://www."+adurl[thisad]
}
</script>
<body onload="rotate()">
<a href="http://www.sweetcency.com/">
<img src="http://www.sweetcency.com/banners/cency_banner.gif" width="468" height="60" name="Sweet_Cency" alt="adbanner">
</a>
</body>
</html>

i have removed the http://www. from your code as you dont need this since the line

document.location.href="http://www."+adurl[thisad]

adds that part for you.

also..
<img src="http://www.sweetcency.com/banners/cency_banner.gif" width="468" height="60" name="Sweet Cency" alt="adbanner">

the name attribute has to be the same as in this line

document.adbanner.src=adimages[thisad]
this refers to the element in the document called 'adbanner'

so they need to be exactly the same for example
changethis line
<img src="http://www.sweetcency.com/banners/cency_banner.gif" width="468" height="60" name="Sweet Cency" alt="adbanner">

to

<img src="http://www.sweetcency.com/banners/cency_banner.gif" width="468" height="60" name="adbanner" alt="adbanner">

you can change it to somthing like name="sweet_cency" but you must change the line
document.adbanner.src=adimages[thisad]
to
document.sweet_cency.src=adimages[thisad]

are you with me?

cut and paste the code above in red as ive altered it for you
that should work.. if not post again..

andy

sweetcency

06-28-2004, 01:05 AM

I need the roating banner code the changes on refresh

and when some goes to the url its not working

http://sweetcency.titanhousing.com/testpage.html

Can someone tell me why

and can someone break down the mouse roll over code

TheTeenScripter

06-28-2004, 01:39 AM

OK I edited the code so far, it took me about five minutes. Use this code in place of your current code in the website you gave us in the code above:

<html>
<head>
<title>Test Roatating Banner</title>
<script language="javascript">

adimages=new Array("http://www.sweetcency.com/banners/cency_banner.gif","http://www.diamondcan.com/assets/diamondcanbanner.gif","http://escorts.diamondcan.com/images/b_1_2025vv.jpg");
adurl=new Array("sweetcency.com","diamondcan.com","blackgirlsnextdoor.com");

var currentad = Math.round(Math.random()*adimages.length);
if(0 >= currentad) { currentad = 0; }
if(currentad >= adimages.length-1) { currentad = adimages.length-1; }
function rotate() { document.all.Sweet_Cency.src=adimages[currentad]; document.all.Sweet_Cency.alt=adurl[currentad]; }
function newlocation()
{ document.location.href="http://www."+adurl[currentad]
} </script>
<body onload="rotate()">
<div align="center"><a href="#" Style="color:white;" onclick="newlocation()">
<img src="http://www.sweetcency.com/banners/cency_banner.gif" width="468" height="60" ID="Sweet_Cency" alt="Ad Banner"></a></div>
</body>
</html>

sweetcency

06-28-2004, 05:36 AM

its not working all the url keep going to the main one which is http://www.sweetcency.com

how am I suppose to make the go to separate ones for each banner

<html>
<head>
<title>Test Roatating Banner</title>
<script language="javascript">

adimages=new Array("http://www.sweetcency.com/banners/cency_banner.gif","http://www.diamondcan.com/assets/diamondcanbanner.gif","http://escorts.diamondcan.com/images/b_1_2025vv.jpg");
adurl=new Array("sweetcency.com","diamondcan.com","blackgirlsnextdoor.com");

var currentad = Math.round(Math.random()*adimages.length);
if(0 >= currentad) { currentad = 0; }
if(currentad >= adimages.length-1) { currentad = adimages.length-1; }
function rotate() { document.all.Sweet_Cency.src=adimages[currentad]; document.all.Sweet_Cency.alt=adurl[currentad]; }
function newlocation()
{ document.location.href="http://www."+adurl[currentad]
} </script>
<body onload="rotate()">
<div align="center"><a href="#" Style="color:white;" onclick="newlocation()">
<img src="http://www.sweetcency.com/banners/cency_banner.gif" width="468" height="60" ID="Sweet_Cency" alt="Ad Banner"></a></div>
</body>
</html>

or can somone get the source code from http://sweetcency.teens-dream.com i know the roating banner works on there b/c i aonly had to enter them into the online web app.

andyshep

06-28-2004, 06:38 AM

hi sweetcency

heres an simple image rollover example that preloads the rollover

<script>
(new Image(80,20)).src="images/help_rollover.gif";
</script>
<a href="help.html"
onmouseover="document.helpimage.src='images/help_rollover.gif';"
onmouseout="document.helpimage.src='images/help.gif';">
<img name="helpimage" src="images/help.gif width="80"height="20"
border="0">
</a>

heres the breakdown:

(new Image(80,20)).src="images/help_rollover.gif";

this preloads an image(width 80,height,20)

.src="images/your mouse over image.gif"

this tells it the path and name of the image in my ex
the image is called "your mouse over.gif" and is in the images folder.

<a href="help.html"
onmouseover="document.helpimage.src='images/help_rollover.gif';"
onmouseout="document.helpimage.src='images/help.gif';">

<a href="help.html"
the url of the page to load when clicked.

onmouseover="document.helpimage.src='images/help_rollover.gif';"

onmoseover the image named "helpimage" will change to
.src='images/help_rollover.gif';"

onmouseout="document.helpimage.src='images/help.gif';">

you need this line to change the image back when the mouse is pulled out of the image. 'images/help.gif';"> (file of orig image)

<img name="helpimage" src="images/help.gif width="80"height="20"
border="0">
</a>

this you should know this line just make sure the (name="helpimage")
is the same in the two lines

onmouseover="document.helpimage.src='images/help_rollover.gif';"
onmouseout="document.helpimage.src='images/help.gif';">

any help?

TheTeenScripter

06-28-2004, 11:28 AM

SweetCency Try it again .. go to the test page URL and hit go a couple of times after it loading. It works for me :)

TheTeenScripter

06-28-2004, 12:02 PM

Here .. I also have an easier-to-use mouse rollover code. Please see the image attached to know how to use it :D

Here's the code
<HTML>
<head>
<title>Test Mouse Rollover</title>
</head>
<body>

<a Style="cursor:hand;" onclick="location.href=this.url" url="http://www.URL1.com/">
<img onmouseout="this.src=imagetemp" onmouseover="imagetemp=this.src; this.src='http://www.whatever.com/pics/PICMOUSEOVER1.jpg'" src="http://www.whatever.com/pics/PICMOUSEOUT1.jpg"></a>

<a Style="cursor:hand;" onclick="location.href=this.url" url="http://www.URL2.com/">
<img onmouseout="this.src=imagetemp" onmouseover="imagetemp=this.src; this.src='http://www.whatever.com/pics/PICMOUSEOVER2.jpg'" src="http://www.whatever.com/pics/PICMOUSEOUT2.jpg"></a>

</body>

<script language="javascript">

</script>
</HTML>

If you cannot make out the words in the image, move your mouse over it without clicking and wait about 3 seconds. Then a resize button will pop up in the bottom-right hand corner of the image. Click on it.