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:
|
SLIDE MENÜ WIE AUF Y******!!!
-----------------------------
Version 0.1
Für WBB erstellt 2005
Eigentliches Script (C) 2001 www.CodeLifter.com
-----------------------------
Um das Script richtig einbauen zu können musst du das Wichtigste über das WBB wissen!!!
-----------------------------
ACHTUNG!!!!!!!
Das hier:
################# CODE ##########################################
dient nur zur Kennzeichnung der Codestellen und soll nicht miteingebaut werden!
EINBAU:
1)
Gehe: Templates bearbeiten, wähle dann das Templatepack aus, in dem das Slidemenü erscheinen soll.
Suche das Template "header" und klicke auf bearbeiten!
!!!
Wenn du Buttons & das Slidemenü im Header haben willst, gehe zu Schritt 3!!!
Wenn du nur das Slidemenü drinnen haben willst, gehe zu Schritt 2!!!
!!!
2)
Lösche aus dem Template diese Stelle:
################# CODE ##########################################
<tr>
<td align="center">
<span class="smallfont"><if($wbbuserdata['userid'])><then><a href="usercp.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_usercp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_USERCP']}" title="{$lang->items['LANG_GLOBAL_USERCP']}" /></a>
<a href="pms.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_pms.gif" border="0" alt="{$lang->items['LANG_GLOBAL_PMS']}" title="{$lang->items['LANG_GLOBAL_PMS']}" /></a></then>
<else><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></else></if>
<a href="calendar.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_calendar.gif" border="0" alt="{$lang->items['LANG_GLOBAL_CALENDAR']}" title="{$lang->items['LANG_GLOBAL_CALENDAR']}" /></a>
<a href="memberslist.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_members.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="{$style['imagefolder']}/top_team.gif" border="0" alt="{$lang->items['LANG_GLOBAL_TEAM']}" title="{$lang->items['LANG_GLOBAL_TEAM']}" /></a>
<a href="search.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_search.gif" border="0" alt="{$lang->items['LANG_GLOBAL_SEARCH']}" title="{$lang->items['LANG_GLOBAL_SEARCH']}" /></a>
<a href="misc.php?action=faq{$SID_ARG_2ND}"><img src="{$style['imagefolder']}/top_faq.gif" border="0" alt="{$lang->items['LANG_GLOBAL_FAQ']}" title="{$lang->items['LANG_GLOBAL_FAQ']}" /></a>
<if($wbbuserdata['a_can_use_acp']==1 && $wbbuserdata['a_acp_or_mcp']==1)><then><a href="acp/index.php" target="_blank"><img src="{$style['imagefolder']}/top_acp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_ACP']}" title="{$lang->items['LANG_GLOBAL_ACP']}" /></a></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="{$style['imagefolder']}/top_modcp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_MODCP']}" title="{$lang->items['LANG_GLOBAL_MODCP']}" /></a></then></if>
<a href="index.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_start.gif" border="0" alt="{$lang->items['LANG_GLOBAL_TOINDEX']}" title="{$lang->items['LANG_GLOBAL_TOINDEX']}" /></a></span></td>
</tr>
################# CODE ##########################################
3)
Suche
################# CODE ##########################################
<td class="mainpage" align="center">
################# CODE ##########################################
Füge darunter ein
################# CODE ##########################################
<div id="menuSelect"><span class="normalfont">
<a href="#" onclick="moveOnMenu();moveOffSelector()">»» Menu</a></span>
</div>
<div id="menuShow"><span class="normalfont">
<a href="#" onclick="moveOffMenu();moveOnSelector()">«« Menu</a><br /><br />
<if($wbbuserdata['userid'])><then><a href="usercp.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_usercp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_USERCP']}" title="{$lang->items['LANG_GLOBAL_USERCP']}" /></a><br /><br />
<a href="pms.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_pms.gif" border="0" alt="{$lang->items['LANG_GLOBAL_PMS']}" title="{$lang->items['LANG_GLOBAL_PMS']}" /></a><br /><br />
</then>
<else><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><br /><br /></else>
</if>
<a href="calendar.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_calendar.gif" border="0" alt="{$lang->items['LANG_GLOBAL_CALENDAR']}" title="{$lang->items['LANG_GLOBAL_CALENDAR']}" /></a><br /><br />
<a href="memberslist.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_members.gif" border="0" alt="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" title="{$lang->items['LANG_GLOBAL_MEMBERSLIST']}" /></a><br /><br />
<a href="team.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_team.gif" border="0" alt="{$lang->items['LANG_GLOBAL_TEAM']}" title="{$lang->items['LANG_GLOBAL_TEAM']}" /></a><br /><br />
<a href="search.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_search.gif" border="0" alt="{$lang->items['LANG_GLOBAL_SEARCH']}" title="{$lang->items['LANG_GLOBAL_SEARCH']}" /></a><br /><br />
<a href="misc.php?action=faq{$SID_ARG_2ND}"><img src="{$style['imagefolder']}/top_faq.gif" border="0" alt="{$lang->items['LANG_GLOBAL_FAQ']}" title="{$lang->items['LANG_GLOBAL_FAQ']}" /></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="{$style['imagefolder']}/top_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="{$style['imagefolder']}/top_modcp.gif" border="0" alt="{$lang->items['LANG_GLOBAL_MODCP']}" title="{$lang->items['LANG_GLOBAL_MODCP']}" /></a><br /><br /></then></if>
<a href="index.php{$SID_ARG_1ST}"><img src="{$style['imagefolder']}/top_start.gif" border="0" alt="{$lang->items['LANG_GLOBAL_TOINDEX']}" title="{$lang->items['LANG_GLOBAL_TOINDEX']}" /></a><br /></span>
</div>
<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>
################# CODE ##########################################
BEI DEN MIT "//" AUSKOMMENTIERTEN STELLEN KÖNNT IHR DIE GESCHWINDIGKEIT DES AUSKLAPPENS & DIE LAGE ÄNDERN!!!
4)
Füge bei dem Designpack, das zum Style gehört, das ein (Wenn mehrere Styles ein Teplatepack benützen, musst du diese Stelle bei allen Designpacks einfügen!!)
>> Weitere Cascading Stylesheets (CSS) (das ist ganz unten!)
>>>> Zusätzlicher CSS Code: (unter dem vorhanden hinzufügen)
#menuShow{
border: 1px solid #000000;
background-color: #ABABAB;
padding: 13px;
font-size: 13px;
font-family: Verdana, Arial;
position: absolute;
width: auto;
height: auto;
}
#menuSelect{
border: 1px solid #000000;
background-color: #ABABAB;
padding: 13px;
font-size: 13px;
font-family: Verdana, Arial;
position: absolute;
width: auto;
height: auto;
}
++++++++++++++++++++++++++++++++++++++++++++++++++++++++
DIE FARBEN KANN MAN BELIEBIG ÄNDERN! border=Rahmen; background-color=Hintergrund!!!
Wien, 27. September 2005; Sebastian Czwartos - www.Simps-O-Rama.com
|