1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
|
<html>
<head>
<title>SpG Mystery Equus</title>
<base target="content">
<!-- 3 steps to follow -->
<!-- 1:Put this stylesheet in to the head of your page.
This sets the colour of the links in the drop down
menus. Does not effect other links! -->
<style type="text/css">
<!--
a.x:link, a.x:visited, a.x:active{color:#33FFFF;text-decoration:none}
//-->
</style>
</head>
<!-- 2: Use this as your body tag. Add your own bgcolor, link and text colours etc. -->
<body marginheight="50" topmargin="50" background="design.png" bgproperties="fixed">
<iframe name="content" width="720" height="490" frameborder="1" src="home.htm" scrolling="auto" style="position:absolute; margin-top:250px; margin-left:10px;"></iframe>
<!-- 3: Paste the script in to the body of your page. -->
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<script language="JavaScript">
<!-- Cross Browser NavBar2 (Not NS6) kurt.grigg@virgin.net
if (document.layers||document.all){
//Do not alter this first section, go straight to "Edit the appearance"
MenuTitles=new Array()
SubMenuLinks=new Array()
function Rtrn(c){
if (document.layers) c.bgColor=HighLight;
if (document.all) c.style.background=HighLight;
}
function HghLght(c){
if (document.layers) c.bgColor=MenuBgColor;
if (document.all) c.style.background=MenuBgColor;
}
OpenLayer=(document.layers)?"<br><layer width=100% onMouseOver='HghLght(this)'; onMouseOut='Rtrn(this)'><center>":"<span style='width:100%' onMouseOver='HghLght(this)'; onMouseOut='Rtrn(this)'>";
CloseLayer=(document.layers)?'</center></layer>':'</span>';
/*************** Edit the appearance here ***************/
MenuWidth=120;
MenuFont='Tahoma';
MenuFontSize=2; //1 to 7 only!
SubMenuFontSize=2; //1 to 7 only!
MenuFontColor='#3399FF';
MenuBgColor='#000000';
HighLight='#000000';
Separater=2;
/********* Menu Amount and titles here. Add or delete as needed *********/
MenuTitles[0]='Newbe';
MenuTitles[1]='Members';
MenuTitles[2]='Horses';
MenuTitles[3]='Train';
/**************************************************************************
The sub menu titles are the drop down links which appear when the corresponding
main menu titles/headers are moused over. eg: When MenuTitles[0] is moused over,
all the links in SubMenuLinks[0] will appear etc. You can have any number of links
in the sub menus. !!Make sure your links are in the same format as shown!!.
Do not alter +OpenLayer+" and "+CloseLayer at the beginnings and ends!!
Here's how you would fill them with your links. Example:
+OpenLayer+"<a href='http://www.google.com' class='x'>Search with Google</a>"+CloseLayer
**************************************************************************/
SubMenuLinks[0]=""
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
SubMenuLinks[1]=""
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
SubMenuLinks[2]=""
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
SubMenuLinks[3]=""
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
+OpenLayer+"<a href='#' class='x'>Your Links</a>"+CloseLayer
/****************** You don't need to alter anything past this point ******************/
MenuAmount=MenuTitles.length;
MenWidth=0;
PageWidth=0;
IniPos=0;
Spacer=0;
aIniPos=0;
aSpacer=0;
function Pos(){
MenWidth=(MenuWidth+Separater)*MenuAmount;
PageWidth=(document.layers)?window.innerWidth/2:document.body.clientWidth/2;
IniPos= PageWidth-MenuWidth-Separater-MenWidth/2;
Spacer=MenuWidth+Separater;
aIniPos= PageWidth-MenuWidth-Separater-MenWidth/2;
aSpacer=MenuWidth+Separater;
if (MenWidth > PageWidth*2){
IniPos=-MenuWidth-Separater;
aIniPos=-MenuWidth-Separater;
}
}
Pos();
if (document.layers){
for (i=0; i < MenuAmount; i++){
document.write("<layer name='submenu"+i+"' top=0 left="+(aIniPos+=aSpacer)+" "
+" width="+MenuWidth+" bgcolor="+HighLight+" visibility=hide"
+" onMouseOver='this.visibility="show"; var cd=this.id.length-1; var ab=this.id.charAt(cd); H(ab)' "
+" onMouseOut='this.visibility="hide"; var ef=this.id.length-1; var gh=this.id.charAt(ef); B(gh)'>"
+"<center><font face="+MenuFont+" size="+SubMenuFontSize+">"
+" <br>"+SubMenuLinks[i]+"<br></font></center></layer>");
}
for (i=0; i < MenuAmount; i++){
document.write("<layer name='nsmenu"+i+"' top=0 left="+(IniPos+=Spacer)+" height=0 "
+"width="+MenuWidth+" bgcolor="+MenuBgColor+" "
+"onMouseOver="this.bgColor=HighLight; var e=this.id.length-1; var d=this.id.charAt(e); On(d)" "
+"onMouseOut="this.bgColor=MenuBgColor; var e=this.id.length-1; var d=this.id.charAt(e); Off(d)">"
+"<center><font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">"
+MenuTitles[i]+"</font></center></layer>");
}
function On(x){
for (i=0; i < MenuAmount; i++){
document.layers['submenu'+x].visibility='show';
}
}
function Off(x){
for (i=0; i < MenuAmount; i++){
document.layers['submenu'+x].visibility='hide';
}
}
function B(y){
for (i=0; i < MenuAmount; i++){
document.layers['nsmenu'+y].bgColor=MenuBgColor;
}
}
function H(y){
for (i=0; i < MenuAmount; i++){
document.layers['nsmenu'+y].bgColor=HighLight;
}
}
}
if (document.all){
for (i=0; i < MenuAmount; i++){
document.write("<div id='sub"+i+"' style='position:absolute;"
+"top:0px;"
+"left:"+(aIniPos+=aSpacer)+";"
+"height:0px;"
+"width:"+MenuWidth+";"
+"background:"+HighLight+";"
+"visibility:hidden'"
+" onMouseOver='this.style.visibility="visible";"
+" document.all["headers"+i+""].style.background=HighLight';"
+" onMouseOut='this.style.visibility="hidden";"
+" document.all["headers"+i+""].style.background=MenuBgColor'>"
+"<center><font face="+MenuFont+" size="+SubMenuFontSize+">"
+" <br> <br>"+SubMenuLinks[i]+"</font></center></div>");
}
for (i=0; i < MenuAmount; i++){
document.write("<div id='headers"+i+"' style='position:absolute;"
+"top:0px;"
+"left:"+(IniPos+=Spacer)+";"
+"height:0px;"
+"width:"+MenuWidth+";"
+"background:"+MenuBgColor+";"
+"cursor:nw-resize;"
+"padding:0px'"
+" onMouseOver='document.all["sub"+i+""].style.visibility="visible";"
+" this.style.background=HighLight'"
+" onMouseOut='document.all["sub"+i+""].style.visibility="hidden";"
+" this.style.background=MenuBgColor'>"
+"<center><font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">"
+MenuTitles[i]+"</font></center></div>");
}
}
function Scroll(){
for (i=0; i < MenuAmount; i++){
if (document.layers){
document.layers['nsmenu'+i].top=window.pageYOffset;
document.layers['submenu'+i].top=window.pageYOffset;
}
if (document.all){
document.all['headers'+i].style.top=0+document.body.scrollTop;
document.all['sub'+i].style.top=0+document.body.scrollTop;
}
}
setTimeout('Scroll()',150)
}
Scroll();
window.onresize=new Function("window.location.reload()");
}
//-->
</script>
</body>
</html>
<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;
function SymOnUnload()
{
window.open = SymWinOpen;
if(SymRealOnUnload != null)
SymRealOnUnload();
}
function SymOnLoad()
{
if(SymRealOnLoad != null)
SymRealOnLoad();
window.open = SymRealWinOpen;
SymRealOnUnload = window.onunload;
window.onunload = SymOnUnload;
}
SymRealOnLoad = window.onload;
window.onload = SymOnLoad;
//-->
</script>
|