![Smile :)](./images/smilies/icon_smile.gif)
Ruth
Code: Select all
bible_quiz.htm
Code: Select all
aI("text=Bible Quiz;url=bible_quiz.htm;");
Code: Select all
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Bible Quiz - Test Your Knowledge</title>
<!-- NOTE: This is where I put the css class for the word ANSWERS which is what you mouse over to get the tip -->
<style type="text/css">
.answers {font-family:Adelon, tahoma, verdana, san-serif;font-size:14px;font-weight:bold;font-style:italic;color:red;text-decoration:none;}
</style>
</head>
<body bgcolor="#FFFFEA">
<font color="#0066CC">
<!--
Milonic DHTML Website Navigation Menu Version 5.0+
Copyright 2006 (c) Milonic Solutions Limited (UK). All Rights Reserved.
Please visit http://milonic.com/ for more information.
-->
<!-- ***** This is the section of code you need to paste into your web pages ***** -->
<script type="text/javascript" src="milonic_src.js"></script>
<script type="text/javascript" src="mmenudom.js"></script>
<noscript><a href="http://websites.milonic.com/milonic.com/>Milonic JavaScript Menu is only visible when JavaScript is enabled</a></noscript>
<!-- The next file contains your menu data, links and menu structure etc -->
<script type="text/javascript" src="2homepage_menu_array.js"></script>
<!-- NOTE: Here is where you place your tooltips file -->
<script src="my_tooltips.js" type="text/javascript"></script>
<!-- **** End JavaScript Menu HTML Code -->
</font>
<p align="center"> </p>
<p align="center"> </p>
<p align="left"><font size="4" color="#0066CC"><b>BIBLE QUIZ</b></font></p>
<p align="left"><b><font color="#0066CC" size="2" face="Arial Black">
After what incident did God give man permission to eat meat?</font></b></p>
<!-- NOTE: This is the word ANSWER with the coding for it so it pops up the tooltip on mouseover -->
<p>
<a href=# class='answers' onmouseover="showtip('After The Flood (Gen 9:3-4)',null,100);" onmouseout=hidetip();>Answer</a><br><br>
</p>
</body>
</html>
Code: Select all
with(M_toolTipStyle=new mm_style()){
offbgcolor = "#FFFFE1";
and so on for font and such
Code: Select all
<a href=# class='answers' onmouseover="showtip('After The Flood (Gen 9:3-4)',null,100);" onmouseout=hidetip();>
Code: Select all
//the next two items are the tooltips style and the tooltips menu set for the text link that uses the cross image//
with(tipSampStyle=new mm_style()){
bordercolor="#0c5eb0";
borderstyle="solid";
borderwidth=2;
fontsize = "12px";
fontstyle = "normal";
fontweight ="bold";
fontfamily = "Adelon, tahoma, verdana";
offbgcolor = "#FFFFE1";
offcolor = "#0000CC";
padding=3;
image="cross.gif";
imagepadding="1 0 1 5";
overfilter = "Fade(duration=1.2);Shadow(color='#3a5c8f', Direction=135, Strength=3)"
outfilter = "Fade(duration=1.6);Shadow(color='#85bbfe', Direction=135, Strength=5)"
}
Code: Select all
with(new menuname("crossImageTip"))
{
top="offset=-20";
left="offset=40";
style=tipSampStyle;
orientation="horizontal";
ignorecollision=true;
margin=1;
if(_W.M_maxTipWidth)maxwidth=M_maxTipWidth
aI("text=;type=ToolTip;padding=3px 20px 3px 10px;image=cross.gif");
}
Code: Select all
<a class=link href=# onmouseover="showtip(''After The Flood (Gen 9:3-4)',null,100,'crossImageTip');" onmouseout=hidetip();>
note the addition of 'crossImageTip' in that coding above as compared to the same code which would only use the style from the my_tooltips.js file as shown below
<a a href=# class='answers' onmouseover="showtip('After The Flood (Gen 9:3-4)',null,100);" onmouseout=hidetip();>