| RotoGuru Baseball Forum View the Forum Registry |
| |
| 0 |
Subject: HTML Lesson #3 Posted by: Gary - [323102821] Mon, May 01, 00:23 OK, we learned to create links in lesson 1, we learned how to paste a pic in lesson 2, so in lesson 3 we will learn how to make a picture a link. Remeber that ( means < and ) means >. (a href="http://rotoguru.com/")(img src="http://rotoguru.com/images/gfs2.gif") This should lead you to Rotoguru's daily blurbs page. 
So click on this picture to see how it works. Gary | |||||||||||||||||||||
| 1 | slimer ID: 2432932 Mon, May 01, 00:25 |
Gary, I got a quick question for you...what all does this work on...will this work when sending email messages?
thanks | ||||||||||||||||||||
| 2 | Gary ID: 323102821 Mon, May 01, 00:30 |
This is different then email so it should only work here in the message boxes and also if you design a web page lets say on a free site like yahoo.
You can write html code using notepad and then save the file as *.html on a disk. I did this at first when at school and that way could carry my favorite links with me. What is it you want to do with email maybe I could help you. Gary | ||||||||||||||||||||
| 3 | slimer ID: 2432932 Mon, May 01, 00:33 |
nothing in particular...i was just wondering what all this worked with.
thanks | ||||||||||||||||||||
| 4 | JeffG ID: 493201415 Mon, May 01, 16:07 |
Cool. Let me try with my 1999 WS photo album: I used both the height and width settings and set it to open in a separate window. Thanks Gary. Looking forward to lesson #4. | ||||||||||||||||||||
| 5 | JeffG ID: 493201415 Mon, May 01, 16:11 |
Gary, I think you forgot the end of the example. It should look like this: (a href="http://rotoguru.com/")(img src="http://rotoguru.com/images/gfs2.gif")(/a) | ||||||||||||||||||||
| 6 | Gary ID: 323102821 Tue, May 02, 03:04 |
Good Catch JeffG. For that you can move to the head of the class;)LOL
| ||||||||||||||||||||
| 7 | balls | 7 | balls | ID: 2457220 Tue, May 02, 21:33
|  Thanks Gary and Jeff 8 | Patjams | ID: 641832 Wed, May 03, 02:18
Let me give this a try.
| 9 | Patjams | ID: 641832 Wed, May 03, 02:29
Gary, I was trying to link the ad at the top of this page. Why is it so small?
| 10 | Guru | ID: 330592710 Wed, May 03, 11:43
Patjams, you have a mixed bag. The link is hard coded to "Bet ON sports", but the image is a randomized one, which means that the ad server is serving up a randomized ad. It's showing cars.com for me, but others may be seeing different pictures. | Like other links, if you want to open a new browser window, then include target="_blank" in the (a href=) tag. And you may notice that the images above all have borders. That is the default option for linked images. To eliminate the border, add border=0 in the img tag. With border:
Without border: 
11 | Patjams | ID: 16428313 Wed, May 03, 13:41
| 
12 | Jacob | ID: 7419221 Wed, May 03, 14:17
| 
13 | Jacob | ID: 7419221 Wed, May 03, 14:42
|  ok i think i got it. thanks |
| 14 | philflyboy ID: 2844635 Thu, May 04, 19:55 | BUTT | ||||||||||||||||||||
| 15 | philflyboy ID: 2844635 Thu, May 04, 20:05 |
| ||||||||||||||||||||
| 16 | lemming320 ID: 243139 Fri, May 05, 02:30 |
Someone asked about the background buttons on another thread.
This was done with happy little javascript: The alert: is done with this code: Have fun! | ||||||||||||||||||||
| 17 | lemming203 ID: 243139 Fri, May 05, 02:35 |
Sorry about that last post. For the code [ is really a less than sign and ] is a greater than sign.
This was done with happy little javascript: [form] [input type="button" value="magenta" onClick="document.bgColor='magenta'"] [/form] The alert: is done with this code: [form] [input type="button" value="insider info" onClick="alert('I am saving trades, buy Bere!')"] [/form] Have fun! | ||||||||||||||||||||
| 18 | Donky ID: 55442220 Fri, May 05, 04:13 | [form][input type="button" value="insider info" onClick="alert<'I am saving trades, buy Kokanee!'>][/form] | ||||||||||||||||||||
| 19 | Donky ID: 55442220 Fri, May 05, 04:18 |
| ||||||||||||||||||||
| 20 | Donky ID: 55442220 Fri, May 05, 04:19 | I tink I got it... | ||||||||||||||||||||
| 21 | lemming23 ID: 243139 Fri, May 05, 06:49 |
maybe this...?
| ||||||||||||||||||||
| 22 | Wilma ID: 49435313 Fri, May 05, 06:58 |
| ||||||||||||||||||||
| 23 | JeffG ID: 25414311 Fri, May 05, 09:53 |
I want all to know that tese HTML lessons have inspired me to learn more stuff on my own. Thanks!
Move your mouse here and look at status line below! Move your mouse here for an alert HTML: [a HREF="test.html" onMouseOver="self.status='Look I changed the status line!';return true"]Move your mouse here and look at status line below![/a] [a HREF="test.html" onMouseOver="alert('This is cool')"]Move your mouse here for an alert[/a] | ||||||||||||||||||||
| 24 | JeffG ID: 25414311 Fri, May 05, 10:08 |
Roll mouse over here!
[a HREF="test.html" onMouseOver="document.bgColor='purple'" onMouseOut="document.bgColor='white'"]Roll mouse over here![/a] | ||||||||||||||||||||
| 25 | JeffG ID: 25414311 Fri, May 05, 15:02 |
Fun stuff !
mouseover this image | ||||||||||||||||||||
| 26 | JeffG ID: 25414311 Fri, May 05, 15:03 |
OOPS, let me try again!
mouse over this one | ||||||||||||||||||||
| 27 | JeffG ID: 25414311 Fri, May 05, 15:06 |
Here is the HTML: () instead of <>
the number in [] indicates which image on the page, the first is zero. (A HREF="http://rotoguru.com/images/baseball.gif" onmouseout="document.images[12].src='http://rotoguru.com/images/gfs2.gif'; return true;" onmouseover="document.images[12].src='http://www.majorleaguebaseball.com/images/baseball/mlbcom/hdr_l.gif'; return true;" )(Img src="http://rotoguru.com/images/gfs2.gif")(/A) Thanks for the inspiration in reading up on HTML! | ||||||||||||||||||||
| 28 | Bean Dip ID: 12449311 Fri, May 26, 12:43 |
Hope this works
| ||||||||||||||||||||
| 29 | Bean Dip ID: 12449311 Fri, May 26, 12:45 | thats just plain cool. thanks gary | ||||||||||||||||||||
| 30 | Bean Dip ID: 12449311 Fri, May 26, 13:17 |
I hope I can put it all together now:
Here is a link to a cool site you can also get to this cool link by clicking this: 
there is also info at: 
| ||||||||||||||||||||
| 31 | Bean Dip ID: 12449311 Fri, May 26, 13:21 | Thanks again Gary | ||||||||||||||||||||
| 32 | Smoove Criminals ID: 541149288 Fri, Dec 29, 07:40 | |||||||||||||||||||||
| 33 | Smoove Criminals ID: 541149288 Fri, Dec 29, 07:49 | |||||||||||||||||||||
| 34 | Smoove Criminals ID: 541149288 Fri, Dec 29, 07:53 |
| ||||||||||||||||||||
| 35 | Smoove Criminals ID: 541149288 Fri, Dec 29, 07:59 | trying to get this right | ||||||||||||||||||||
| 36 | The Pansophist ID: 586141420 Thu, Jan 25, 20:50 |
 | ||||||||||||||||||||
| 37 | PitchersRule ID: 162523 Thu, Jul 05, 23:02 |
[form] [input type="button" value="insider info" onClick="alert('I am saving trades, buy Bere!')"] [/form] | ||||||||||||||||||||
| Rate this thread: | If you wish, you may rate this thread on scale of 1-5. Ratings should indicate how valuable or interesting you believe this thread would be to other users of this forum. A '5' means that this thread is a 'must read'. A '1' means that this is a complete waste of time. If you have previously rated this thread, rating it again will delete your previous rating. If you do not want to rate this thread, but want to see how others have rated it, then click the button without entering a rating, or else click here. | |||||||||||||||||||||
| ||||||||||||||||||||||
Post a reply to this message: (But first, how about checking out this sponsor?) | ||||||||||||||||||||||