Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- Menübar - Problem (https://www.gegen-bilderklau.net/thread.php?threadid=1616)


Geschrieben von Lilly17 am 19.02.2005 um 16:47:

  Menübar - Problem

Ich habe für meine Homepage eine Menübar gecodet und die funktioniert auch. Das Problem ist nur, dass ich trotz Ausprobierens nicht dahinter gekommen bin, wie ich die Position verändern kann. Die ganze Menübar soll weiter nach rechts, sodass man das Bild oben links richtig sehen kann.

Seite: http://nadineannika.na.funpic.de/SpG%20Mystery%20Equus



Geschrieben von Lilly17 am 19.02.2005 um 17:32:

 

geht nur mit ie und evtl. wird das script vom pc gesperrt (is bei xp so). hab als anhang mal ein ausschnitt reingestellt und die menübar markiert.



Geschrieben von Lilly17 am 20.02.2005 um 14:48:

 

geht trotzdem nicht... hab jetzt ausprobiert, aber es verschiebt sich nur der frame traurig kann sich mal wer den quelltext angucken und versuchen mir zu helfen...
für mozilla und fireworx kann ich nicht... bin zu blöd traurig



Geschrieben von Lilly17 am 20.02.2005 um 17:42:

 

nein, hab das als script irgendwo her und dann halt fertig gecodet. deswegen bitte nicht von den kommentaren im quelltext verwirren lassen.

der quelltext:
code:
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+">"
+"&nbsp;<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+">"
+"&nbsp;<br>&nbsp;<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>


Forensoftware: Burning Board, entwickelt von WoltLab GmbH