Slide Menü wie hier bei yourWBB!

Niki.E

PosX ist von links aber was ist von rechts der code?

hardcore-punk

der code ist nicht original von mir, und ich bin js-technisch auch ned wirklich dabei, aber es würd meiner meinung nach sinn machen die "left" im mit "right" auszutauschen, ev. müsstest du mal probieren...

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:

if (is_NS4){
increment=incrementNS4;
Lq="document.layers.";
Sq="";
eval(Lq+'menuSelect'+Sq+'.left=sPosX');
eval(Lq+'menuShow'+Sq+'.left=sOffX');
eval(Lq+'menuSelect'+Sq+'.top=PosY');
eval(Lq+'menuShow'+Sq+'.top=PosY');
}else{
Lq="document.all.";
Sq=".style";
document.getElementById('menuSelect').style.left=sPosX+"px";
document.getElementById('menuShow').style.left=sOffX+"px";
document.getElementById('menuSelect').style.top=PosY+"px";
document.getElementById('menuShow').style.top=PosY+"px";
}

function moveOnMenu(){
if (MenuX<PosX){
MenuX=MenuX+increment;
if (is_NS5up){
document.getElementById('menuShow').style.left=MenuX+"px";
}else{
eval(Lq+'menuShow'+Sq+'.left=MenuX');
}
setTimeout('moveOnMenu()',speed);
}
}

function moveOffMenu(){
if (MenuX>OffX){
MenuX=MenuX-increment;
if (is_NS5up){
document.getElementById('menuShow').style.left=MenuX+"px";
}else{
eval(Lq+'menuShow'+Sq+'.left=MenuX');
}
setTimeout('moveOffMenu()',speed);
}
}

function moveOffSelector(){
if (SelX>OffX){
SelX=SelX-increment;
if (is_NS5up){
document.getElementById('menuSelect').style.left=SelX+"px";
}else{
eval(Lq+'menuSelect'+Sq+'.left=SelX');
}
setTimeout('moveOffSelector()',speed);
}
}

function moveOnSelector(){
if (SelX<PosX){
SelX=SelX+increment;
if (is_NS5up){
document.getElementById('menuSelect').style.left=SelX+"px";
}else{
eval(Lq+'menuSelect'+Sq+'.left=SelX');
}
setTimeout('moveOnSelector()',speed);
}
}

sniper34

Der hack läuft einwandfrwei, vielen Dank, nur habe ich jetzt unter dem Menü Button (imagelogo) stehen, wie bekomme ich das weg? MFG Sniper34

Reddisch

Hi,

Super Hack muss ich sagen, solange man IE user ist... Bei Opera gehts auch noch, aber im Firefoxx bekomm ich es einfach nicht hin...

hier meine header.tpl

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:

<script type="text/javascript">
<!--
function BC(url, width, height) {
var Win = window.open(url,"BC",'width=' + width + ',height=' + height + ',resizable=yes,scrollbars=yes,menubar=no,status=no' );
}
//-->
</script>

<table style="width:{$style['tableoutwidth']}" cellpadding="{$style['tableoutcellpadding']}" cellspacing="{$style['tableoutcellspacing']}" align="center" border="{$style['tableoutborder']}" class="tableoutborder">
 <tr>
  <td class="mainpage" align="center"> 
  
<!-- Menü Öffnen -->
 
 <div id="menuSelect">
  <span class="normalfont">
<a style="color:#000000;" href="#" onclick="moveOnMenu();moveOffSelector()"><img src="images/menue/more.gif" border="0" /></a></span>
</div>

 <!-- Menü Öffnen -->
 
 <!-- Menü Geöffnen -->
 
<table id="menuShow" cellspacing="0" cellpadding="0" style="min-width:159px;">
 
 <span class="normalfont">
<a style="color:#000000;" href="#" onclick="moveOffMenu();moveOnSelector()"><img src="images/menue/back.gif" border="0" /><br /><br />

<a href="hmportal.php"><img src="images/menue/portal.gif" border="0" alt="Portal" title="Portal" /></a>  <a href="index.php{$SID_ARG_1ST}"><img src="images/menue/forum.gif" border="0" alt="Forum" title="Forum" /></a> <br /><br />

<if($wbbuserdata['userid'])><then>	<a href="usercp.php{$SID_ARG_1ST}"><img src="images/menue/usercp.gif" border="0" alt="Dein Kontrollzentrum" title="Dein Kontrollzentrum" Dein Kontrollzentrum /></a>
                                  	<a href="pms.php{$SID_ARG_1ST}"><img src="images/menue/pms.gif" border="0" alt="{$lang->items['LANG_GLOBAL_PMS']}" title="{$lang->items['LANG_GLOBAL_PMS']}" Private Nachrichten /></a>
                                          <a href="guthaben.php"><img src="images/menue/guthaben.gif" border="0" alt="Dein Guthaben" title="Dein Guthaben"/></a> <a href="logout.php?u=1"><img src="images/menue/logoff.gif" border="0" alt="Log-off" title="Log-off" /></a><br /><br />


</then>
     <else><a href="register.php{$SID_ARG_1ST}"><img src="images/menue/registrieren.gif" border="0" alt="{$lang->items['LANG_GLOBAL_REGISTER']}" title="{$lang->items['LANG_GLOBAL_REGISTER']}" /></a>  <a href="login.php"><img src="images/menue/login.gif" border="0" alt="Login" title="Login" /></a><br /><br /></else>
</if>
     <a href="memberslist.php{$SID_ARG_1ST}"><img src="images/menue/mitglieder.gif" border="0" alt="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" title="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" /></a>  <a href="team.php{$SID_ARG_1ST}"><img src="images/menue/team.gif" border="0" alt="{$lang->items['LANG_GLOBAL_TEAM']}" title="{$lang->items['LANG_GLOBAL_TEAM']}" /></a><br /><br />
     
    <a href="jgs_galerie.php"><img src="images/menue/galerie.gif" border="0" alt="Galerie" title="Galerie" /></a>  <a href="#" onclick="BC('i4e_bc.php?sid=$session[hash]',800,600)"><img src="images/menue/chat.gif" border="0" alt="Chat" title="Chat" /></a>  <a href="gamemenue.php"><img src="images/menue/games.gif" border="0" alt="Games" title="Games" /></a>  <br /><br />

    <a href="location_index.php"><img src="images/menue/locations.gif" border="0" alt="Locations" title="Locations" /></a> <a href="calendar.php?sid=&action=eventcalendar"><img src="images/menue/events.gif" border="0" alt="Events" title="Events" /></a>  <a href="calendar.php?sid="><img src="images/menue/kalender.gif" border="0" alt="Kalender" title="Kalender" /></a><br /><br />

    <a href="jgs_sysbranche.php"><img src="images/menue/branchenbuch.gif" border="0" alt="Branchenführer" title="Branchenführer" /></a> <a href="#"><img src="images/menue/shop.gif" border="0" alt="Shop" title="Shop" /></a><br /><br />



     <a href="search.php{$SID_ARG_1ST}"><img src="images/menue/search.gif" border="0" alt="{$lang->items['LANG_GLOBAL_SEARCH']}" title="{$lang->items['LANG_GLOBAL_SEARCH']}" /></a>  <a href="faq.php"><img src="images/menue/faq.gif" border="0" alt="{$lang->items['LANG_GLOBAL_FAQ']}" title="{$lang->items['LANG_GLOBAL_FAQ']}" /></a>  <a href="support.php?action=write"><img src="images/menue/support.gif" border="0" alt="Frage an den Support" title="An den Support wenden" /></a><br /><br />
     


     <if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==1)><then><a href="acp/index.php" target="_blank"><img src="images/menue/acp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_ACP']}" title="{$lang->items['LANG_GLOBAL_ACP']}" /></a><br /><br /></then></if>
     <if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==0)><then><a href="acp/index.php" target="_blank"><img src="images/menue/mcp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_MODCP']}" title="{$lang->items['LANG_GLOBAL_MODCP']}" /></a><br /><br /></then></if>
	 </tr>
		</table>

 <!-- Menü Geöffnen -->
  
<script  type="text/javascript">

// DAS HIER NICHT ENTFERNEN!!!
// (C) 2001 www.CodeLifter.com
// Angepasst f. wBB 2 by Sebastian (Simps-O-Rama) - www.Simps-O-Rama.com
// #
// Free for all users, but leave in this header.
Show ="no";

var OffX = -150;
// Die Lage des Menus. PosX= Abstand v. links; PosY= Abstand von oben
var PosX = 50;
var PosY = 13;
// Geschwindigkeit
var speed = 1;
var increment = 2;
var incrementNS4 = 5;




var is_NS = navigator.appName=="Netscape";
var is_Ver = parseInt(navigator.appVersion);
var is_NS4 = is_NS&&is_Ver>=4&&is_Ver<5;
var is_NS5up = is_NS&&is_Ver>=5;

var MenuX=OffX;
var SelX=PosX;
var sPosX=PosX;
var sOffX=OffX;

if (Show=="yes"){
sPosX=OffX;
sOffX=PosX;
MenuX=sOffX;
SelX=sPosX;
}

if (is_NS4){
increment=incrementNS4;
Lq="document.layers.";
Sq="";
eval(Lq+'menuSelect'+Sq+'.left=sPosX');
eval(Lq+'menuShow'+Sq+'.left=sOffX');
eval(Lq+'menuSelect'+Sq+'.top=PosY');
eval(Lq+'menuShow'+Sq+'.top=PosY');
}else{
Lq="document.all.";
Sq=".style";
document.getElementById('menuSelect').style.left=sPosX+"px";
document.getElementById('menuShow').style.left=sOffX+"px";
document.getElementById('menuSelect').style.top=PosY+"px";
document.getElementById('menuShow').style.top=PosY+"px";
}

function moveOnMenu(){
if (MenuX<PosX){
MenuX=MenuX+increment;
if (is_NS5up){
document.getElementById('menuShow').style.left=MenuX+"px";
}else{
eval(Lq+'menuShow'+Sq+'.left=MenuX');
}
setTimeout('moveOnMenu()',speed);
}
}

function moveOffMenu(){
if (MenuX>OffX){
MenuX=MenuX-increment;
if (is_NS5up){
document.getElementById('menuShow').style.left=MenuX+"px";
}else{
eval(Lq+'menuShow'+Sq+'.left=MenuX');
}
setTimeout('moveOffMenu()',speed);
}
}

function moveOffSelector(){
if (SelX>OffX){
SelX=SelX-increment;
if (is_NS5up){
document.getElementById('menuSelect').style.left=SelX+"px";
}else{
eval(Lq+'menuSelect'+Sq+'.left=SelX');
}
setTimeout('moveOffSelector()',speed);
}
}

function moveOnSelector(){
if (SelX<PosX){
SelX=SelX+increment;
if (is_NS5up){
document.getElementById('menuSelect').style.left=SelX+"px";
}else{
eval(Lq+'menuSelect'+Sq+'.left=SelX');
}
setTimeout('moveOnSelector()',speed);
}
}

</script>

   <table style="width:100%" border="0" cellspacing="0" cellpadding="0">
<!-- Infobar v.2.0 für Gäste www.beziehungs-kiste.net -->
<if($infobar_status==1 && $infobar!="")><then><if(!$wbbuserdata['userid'])><then><div id="infobar" align="center"><a href="register.php">$infobar</a></div>
</then></if></then></if>
<!-- Infobar v.2.0 für Gäste www.beziehungs-kiste.net -->
    <tr> 
	 <td class="tail_l"></td>
     <td class="logobackground" align="center" valign="top"><if($style['logoimage']!="")><then><a href="index.php{$SID_ARG_1ST}"><img src="{$style['logoimage']}" border="0" alt="$master_board_name" title="$master_board_name" /></a></then></if></td>
	 <td class="tail_r"></td>
    </tr>
    <tr>
     <td colspan="3" align="center"><span class="smallfont"><a href="index.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_forum.gif" border="0" alt="Forum" title="Forum" /></a><a href="hmportal.php"><img src="{$style['imagefolder']}/top_portal.gif" border="0" alt="Portal" title="Portal" /></a><a href="#" onclick="BC('i4e_bc.php?sid=$session[hash]',800,600)"><img src="{$style['imagefolder']}/top_chat.gif" border="0" alt="Chat" title="Chat" /></a><a href="jgs_galerie.php"><img src="{$style['imagefolder']}/top_Galerie.gif" border="0" alt="Galerie" title="Galerie" /></a><if(!$wbbuserdata['userid'])><then><a href="register.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_register.gif" border="0" alt="{$lang->items['LANG_GLOBAL_REGISTER']}" title="{$lang->items['LANG_GLOBAL_REGISTER']}" /></a></then></if><a href="gamemenue.php"><img src="{$style['imagefolder']}/top_games.gif" border="0" alt="Games" title="Games" /></a></span></td>
    </tr>     
   </table><br />

Fällt euch nen fehler auf?

Digibo

Ich habe auch mal ein kleines Problem

Folgendes -> ich habe den Hack für rechts umgebaut , geht auch sonst alles super
ist ja auch ein super Hack.
Habe aber das Problem das dann in der quere scrollen angezeigt wird
bzw. sich nicht so versteckt ist wie links.
Kann man da was machen ?

Hier mal mein Header

BoTToMLeSS

Ich hab folgendes problem:

ich hab statt des "<< Menu"-Links ein Image eingebunden auf das man klickt damit das menü herausfährt..

leider hat das bild einen rand der bei mir die farbe rot hat.
liegt am designpack im Punkt "Allgemeine Links => Linkfarbe"

wie kann ich das link-image so machen dass es keinen rand hat wie hier auf y******?

kann ich einfach die lnkfarbe ohne sonstige folgen rausnehmen? denk mal nich, wa?^^

Ponyhof

Funktioniert einwandfrei (=

MfG;
Ponyhof

Maniac_81

Zitat:

Original von BoTToMLeSS
Ich hab folgendes problem:

ich hab statt des "<< Menu"-Links ein Image eingebunden auf das man klickt damit das menü herausfährt..

leider hat das bild einen rand der bei mir die farbe rot hat.
liegt am designpack im Punkt "Allgemeine Links => Linkfarbe"

wie kann ich das link-image so machen dass es keinen rand hat wie hier auf y******?

kann ich einfach die lnkfarbe ohne sonstige folgen rausnehmen? denk mal nich, wa?^^

füge im image-tag einfach

code:
1:	border="0"

hinzu, dann sollte der rand weg sein.

Rob Lucci

Also erstmal thx für den Hack
Der war wohl der wichtigste den ich je brauchte ^^

Wollt ma fragen ob man das Teil etwas aufstylen damit es nich nach einen einfacher kasten aussieht. Z.B. so: (Dateianhang)

Sieht dann schon viell cooler aus ^^

MFG

TurboPascal

Ehm also leute ich hab da mal ein riesen Prob!
Der Hack sieht ja recht geil aus.
Bloß der funzt bei mir net traurig

Ich könnt ja gucken wie des ausschaut.
Meine originalle header.tpl hab isch auch mal hochgeladen
kan einer die datei bitte mal modifizieren? ich habs tausend mal versucht und es funzt net

thx schon mal im vorraus.

gamefreaxx

Hi,

ich habe auch ein Problem: und zwar bewegt sich das ding einfach nicht mit... Ich wollte dort einen Farbcode Generator reinbauen, der mitfährt, aber er hängt nur oben rum!

Danke schonmal Augenzwinkern

Even

Wie bekomme ich das anständig unglücklich

?