Navigationsleiste aufteilen

  • Seite 1 von 2
23.08.2014 05:36
avatar  Demi95
#1 Navigationsleiste aufteilen
avatar
Mitglied

Guten Morgen!

Ich würde gerne, so seltsam es auch klingt, die Navileiste in zwei Teile aufteilen. Die Navigationsleiste würde ich gerne über dem Header platzieren und das Usermenü sollte dort bleiben wo es standardmäßig sitzt. Leider stehe ich so ziemlich ohne Plan da wie ich das realisieren soll. Kleine Veränderungen bekomme ich zwar relativ problemlos hin, aber so "geschult" bin ich dann leider doch noch nicht. Daher erst einmal eine Frage vorweg:
Ist das überhaupt möglich?

Ich denke ja eigentlich das nahezu alles möglich ist, aber vielleicht irre ich mich auch. Sollte es eine Möglichkeit geben, wäre ich jedenfalls wahnsinnig glücklich, wenn mir jemand beschreiben könnte wie das geht. *lieb guck*

Ich nutze übrigens das Gaia Template. :)

Liebe Grüße


 Antworten

 Beitrag melden
23.08.2014 17:22 (zuletzt bearbeitet: 23.08.2014 17:36)
avatar  Romulus
#2 RE: Navigationsleiste aufteilen
avatar
Mitglied

Hallo,

also ich habe das gerade im Testforum ausprobiert und relativ problemlos hinbekommen.
Am besten, du siehst dir das Resultat einmal in Ruhe in einem Testforum an.

Soweit ich sehen kann, funktioniert alles tadellos. Je nach eigenen Änderungen in deinem Hauptforum (betreffend das Template-Element "Obere Leiste") wäre es denkbar, dass du eventuell ein paar kleinere zusätzliche Anpassungen vornehmen musst. Vielleicht aber auch nicht.

Falls du aber bereits ein paar Änderungen in besagtem Template-Element vorgenommen hast, müsstes du diese fein säuberlich in den neuen Quellcode übernehmen.

Am besten wäre es natürlich, wenn du dir zuvor eine ordentliche Sicherung der Oberen Leiste anlegst.

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
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
 
	{{img_server.start}}https://img.homepagemodules.de/{{img_server.end}}
{{now1@dateformat.start}}vor einer Minute{{now1@dateformat.end}}
{{now@dateformat.start}}vor %minutes Minuten{{now@dateformat.end}}
{{today@dateformat.start}}Heute %H:%i{{today@dateformat.end}}
{{yesterday@dateformat.start}}Gestern %H:%i{{yesterday@dateformat.end}}
{{norm@dateformat.start}}%d.%m.%Y %H:%i{{norm@dateformat.end}}
{{numberformat.start}}0?,?.{{numberformat.end}}
{{user_newmail==true.start}} {{show.start}}true{{show.end}} {{user_newmail==true.end}}
{{user_newgbook==true.start}} {{show.start}}true{{show.end}} {{user_newgbook==true.end}}
{{calendar_new==true.start}} {{show.start}}true{{show.end}} {{calendar_new==true.end}}
{{gallery_new==true.start}}{{show.start}}true{{show.end}} {{gallery_new==true.end}}
{{blog_new==true.start}}{{show.start}}true{{show.end}} {{blog_new==true.end}}
{{global_nav_top.startint}}{{global_nav_fontsize}}+22{{global_nav_top.end}}
{{nav_smallfont.startint}}{{global_nav_fontsize}}-1{{nav_smallfont.end}}
 

{{global_page_width!$=%.start}}
{{global_page_width!$=px.start}}
{{global_page_width.start}}{{global_page_width}}px{{global_page_width.end}}
{{global_page_width!$=px.end}}
{{global_page_width!$=%.end}}
 

 

<!DOCTYPE html>
<HTML {{fb_api==true.start}}xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml" xml:lang="de" lang="de"{{fb_api==true.end}}>
<HEAD>
<title>{{html_title}}</title>
<!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >-->
{{meta_refresh==true.start}}{{meta_refresh}}{{meta_refresh==true.end}} {{global_favicon==true.start}}<link rel="shortcut icon" href="{{global_favicon}}" type="image/x-icon" />{{global_favicon==true.end}}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="de" />
 
<meta name="description" Content="{{html_desc}}" />
{{fb_title==true.start}}<meta property="og:title" content="{{fb_title}}"/> {{fb_title==true.end}}
{{fb_type==true.start}}<meta property="og:type" content="{{fb_type}}"/>{{fb_type==true.end}}
{{fb_image==true.start}}<meta property="og:image" content="{{fb_image}}"/>{{fb_image==true.end}}
{{fb_url==true.start}}<meta property="og:url" content="{{fb_url}}"/>{{fb_url==true.end}}
{{fb_site_name==true.start}}<meta property="og:site_name" content="{{fb_site_name}}"/>{{fb_site_name==true.end}}
{{fb_admins==true.start}}<meta property="fb:admins" content="{{fb_admins}}"/>{{fb_admins==true.end}}
<meta name="robots" content="{{meta_robots_index}}" />
<link rel="stylesheet" type="text/css" href="{{link_css}}" />
{{link_blog_css==true.start}}
<link rel="stylesheet" type="text/css" href="{{link_blog_css}}" />
<link rel="alternate" type="application/rss+xml" title="{{link_blog_rssfeed_title}}" href="{{link_blog_rssfeed}}" />
{{link_blog_css==true.end}}
<link rel="alternate" type="application/rss+xml" title="{{html_title_static}}" href="feed/all.rss" />
<script type="text/Javascript" src="{{link_js}}"></script>
 
{{plugin_active==true.start}}
{{template==144.start}}{{jqueryloaded.start}}1{{jqueryloaded.end}}{{template==144.end}}
{{jqueryloaded==false.start}}
<script language="javascript" type="text/javascript" src="{{link_jquery}}"></script>
{{jqueryloaded.start}}1{{jqueryloaded.end}}
{{jqueryloaded==false.end}}
{{plugin_js==true.start}}
<script type="text/javascript" src="{{plugin_js}}"></script>
{{plugin_js==true.end}}
{{plugin_active==true.end}}
 
<!--[if IE]>
<style type="text/css">
.scrollable{padding: 0 0 20px 0 !important;}
.c_r_top1, .c_r_top2, .c_r_top3, .a_r_content2 {margin-bottom: -5px !important;}
.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_bottom2 {margin-top: -4px !important;}
.c_r_content1, .c_r_content2, .c_r_content3, .a_r_content2 {padding-bottom:10px; margin-top: 4px; margin-bottom: 3px;}
.button_reply {margin-bottom:-6px;margin-left:-1px;}
.button_edit {margin-bottom:-6px;margin-left:-1px;}
.post {z-index: 10000; position: relative; top: 1px;}
#ie_button {position: relative; top: -10px; padding-bottom: 7px;}
a:hover {cursor: pointer !important;}
#ie_search {padding: 15px 5px 5px 40px; overflow:visible;}
#TabsC li {padding: 10px; 5px 10px 5px;}
input {overflow: visible;}
.inpage table {width: 100%;}
.navbar li {padding: 5px 10px 5px 10px;}
.underdiv {right: -7px;}
.avatar {top: -80px;}
.ie_widget_pic {overflow: scroll;}
.widget_calendar_integration_description {padding-bottom: 20px; overflow-x: hidden !important;}
.lastedit {margin-top: 30px;}
#integration_link {margin-top: -17px;}
.underdiv {right: -11px;}
hr {margin: 0px 5px; width: 99%;}
.message h3 {margin-right: 3px;}
</style>
<![endif]-->
 

<!--[if lt IE 7]>
<style type="text/css">
.c_r_top1_head, .c_r_top1, .c_r_top2, .c_r_top3 {background-image: none !important;}
.c_r_top1_head div,.c_r_top1 div, .c_r_top2 div, .c_r_top3 div, .a_r_content2 div {background-image: none !important;}
.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_content {background-image: none !important;}
.c_r_bottom1 div, .c_r_bottom2 div, .c_r_bottom3 div, .a_r_content2 div {background-image: none !important;}
.c_r_content1, .c_r_content2, .c_r_content3, .a_r_content2 {padding-left:0px !important;padding-bottom:0px !important; }
.ie_button_reply {width:80 px; text-align:center; padding:10px; background-color:{{global_button_bg}}; }
.ie_button_edit {width:80 px; text-align:center; padding:10px; background-color:{{global_button_bg}}; }
.action_buttons{display:none;}
.ie6_buttons{display:block !important;margin-top:20px;}
.posttable{margin-top:0px !important}
.jumpTo{height:300px;}
</style>
<![endif]-->
 
<style type="text/css">{{nav_z.start}}{{show_chat_on_page==true.start}}{{chat_pos==1.start}}502{{chat_pos==1.end}}{{chat_pos!==1.start}}500{{chat_pos!==1.end}}{{show_chat_on_page==true.else}}500{{show_chat_on_page==true.end}}{{nav_z.end}}
{{global_smaller_fontsize.startint}}{{global_small_fontsize}}-2{{global_smaller_fontsize.end}}
.nav_n ul li {z-index: {{nav_z}}; }
.nav_n img {border: none; vertical-align: middle; margin-right: 3px;}
.nav_n ul {border-top: 1px solid {{global_nav_line}}; margin-bottom: 0px !important; position: relative; z-index: {{nav_z}}; {{menu_has_sub==true.start}}white-space: nowrap;{{menu_has_sub==true.end}} clear: both;}
.nav_n ul, nav_n ul li ul {display: block; float: none; list-style: none; list-style-image: none; margin-bottom: 10px; z-index: {{nav_z}};}
.nav_n ul li {padding: 4px 14px; float: left; text-align: left; border-right: 1px solid {{global_nav_line}}; z-index: {{nav_z}}; position: relative;}
.nav_n ul li .dwn {vertical-align: middle; margin-left: 2px; border: none;}
.nav_n ul li ul li {z-index:{{nav_z}}; float: none !important; text-align: left; white-space: nowrap; padding: 6px 12px; background-Image: none !important; background-color: {{global_subnav_bg}} !important;}
.nav_n ul li ul li a {color: {{global_subnav_color}} !important;}
.nav_n a {font-size: {{global_nav_fontsize!==0.start}}{{global_nav_fontsize}}{{global_nav_fontsize!==0.end}}{{global_nav_fontsize==0.start}}11{{global_nav_fontsize==0.end}}px !important; text-decoration: none !important; color: {{global_navlink_color}} !important;}
.nav_n ul li ul {border-top: none; border-bottom: 1px solid {{global_nav_line}}; border-left: 1px solid {{global_nav_line}}; position: absolute; top: {{global_nav_top}}px; background-color: {{global_post_bg}}; z-index: {{nav_z}}; min-width: 100%;}
.nav_n li:hover {{{global_navlist_bg_image_hover==true.start}} background-Image: url({{global_navlist_bg_image_hover}}); background-color: transparent; {{global_navlist_bg_image_hover==true.else}} background-Image: none !important; background-color: {{global_navlist_bg_hover}}; {{global_navlist_bg_image_hover==true.end}} cursor: pointer; }
.nav_n ul li ul li:hover {background-color: {{global_subnav_hover}} !important;}
.userinfo {float: right !important; border-left: 1px solid {{global_nav_line}}; position: relative;}
.nav_userinfo small {font-size: {{nav_smallfont}}px !important;}
.nav_userinfo a {color: {{global_subnav_color}} !important;}
.userinfo_menu:hover {left: -288px !important; width: 350px; background-color: {{global_navlist_bg}} !important; cursor: pointer;}
.nav_userinfo {cursor: default; border-top: none; border-bottom: 1px solid {{global_nav_line}}; border-right: 1px solid {{global_nav_line}}; border-left: 1px solid {{global_nav_line}}; -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity = 100); display: none; position: absolute; background-color: {{global_subnav_bg}}; z-index: {{nav_z}}; right: -1px; width: 350px; top: {{global_nav_top}}px;}
.nav_userinfo .linklist div {padding: 5px;}
ul.nav_close {display: none !important;}
ul.nav_open {display: block;}
</style>
 
{{user_registered==true.start}}
<script type="text/Javascript" >
<!--
function calculate () {document.getElementById('user_add').style.top = document.getElementById('nav_userinfo_li').offsetHeight + "px";}
function hide() {document.getElementById('user_add').style.display='none';}
var timer, timein, count = 0, t;
function show(){
element = document.getElementById('user_add');
element.style.display='block';
clearTimeout(t);
element.style.MozOpacity =1.0;
element.style.filter = 'alpha(opacity = 100)';
element.style.Opacity = 1.0;
}
function fade(eid) {
try{calculate ();} catch(err) {}
var element = document.getElementById(eid);
var opnow = element.style.opacity;
var mozopnow = element.style.MozOpacity;
if (mozopnow < 0){mozopnow=0;}
if (opnow < 0){opnow=0;}
if(count==0){mozopnow = 1.0;}
count++;
if (mozopnow == 0 || opnow==0 ){
count=0;
element.style.display='none';
element.style.MozOpacity =1.0;
element.style.filter = 'alpha(opacity = 100)';
element.style.Opacity = 1.0; }
else {
element.style.filter = 'alpha(opacity = ' + ((mozopnow*100)-5) + ')';
element.style.MozOpacity = (mozopnow-0.05);
element.style.Opacity = (mozopnow-0.05);
t = setTimeout("fade('"+eid+"')", 50);}
}
-->
</script>
{{user_registered==true.end}}
{{global_head_addon}}
 
</head>
 
<body {{page_portal==true.start}}class="portal"{{page_portal==true.end}}>
{{fb_api==true.start}}<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
{{fb_appid==true.start}}appId : '{{fb_appid}}',{{fb_appid==true.end}}
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
 
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/de_DE/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<style>.fb_iframe_widget_lift{z-index:1000 !important;}</style>
{{fb_api==true.end}}
<center>
{{user_registered==false.start}}
{{captcha_login==false.start}}
<form method="POST" action="{{link_login}}">
<table style="border-collapse: collapse;" width="100%" class="login">
<tr>
<td width="50%"style="padding: 0px 20px 0px 20px;"><span style="float: left;"><small>Sie sind im Moment nicht angemeldet. Registrieren sie sich hier um das Forum im vollem Umfang nutzen zu können. · <a href="{{link_signup}}">Registrieren</a></small></span></td>

<td width="50%" style="white-space: nowrap;"><div style="float: right;"><strong>Login</strong>·
<input type="text" name="name" {{username==true.start}}value="{{username}}"{{username==true.end}} {{username==false.start}}value="Benutzername"{{username==false.end}} size="20" class="inputbox_small" {{username==false.start}}onclick="if (this.value=='Benutzername') {this.value='';}" onblur="if (this.value=='') {this.value='Benutzername';}"{{username==false.end}}>
<input type="password" name="pww" size="20" class="inputbox_small" {{username==false.start}}value="Passwort"{{username==false.end}} onfocus="this.value='';">
<input type="submit" value="Login" name="B1" class="button_login"></div></td>

</tr>
</table>
</form>
{{captcha_login==false.end}}
{{user_registered==false.end}}

<div class="content">
<div class="page" id="pagewidth">
<div style="padding-top: 5px;">
{{global_header_bg_color==true.start}}
<div class="c_r_cont1_head" style="width: 100%; float: right; text-align: center;"><div class="c_r_top1_head"><div></div></div></div></div>{{global_header_bg_color==true.end}}
<table width="100%" style="!important; background-color:{{global_header_bg_color}}; border-collapse: collapse; margin-top: 0px;">
<tr>
<td colspan="2" style="background-color: {{global_navlist_bg}}; {{global_nav_bg_image==true.start}} background-Image: url({{global_nav_bg_image}}); {{global_nav_bg_image==true.end}}">
<div class="nav_n" id="nav_n">
<ul {{user_registered==true.start}} {{global_top_onclick==false.start}}onmouseout="hideDivById('user_add');" {{global_top_onclick==false.end}}{{user_registered==true.end}} >
{{user_admin==true.start}}
<li><a href="{{link_admin}}">{{global_nav_admin==true.start}}<img src="{{global_nav_admin}}" alt="admin" style="vertical-align: middle; margin-right: 3px, border: none;"/>{{global_nav_admin==true.end}}Admin</a></li>
{{user_admin==true.end}}
{{tick(menue_before_first)}}
{{menu|filter(menulist, key!==link_member|link_mail|link_logout|link_userlist|link_online|link_lastentry|link_faq,100)}}
 
{{menulist.startlist}}
{{cur_name.start}}{{menulist:standard==true.start}}{{menulist:standardChanged==false.start}}{{menulist:name|gettranslation(header)}}{{menulist:standardChanged==false.else}}{{menulist:name}}{{menulist:standardChanged==false.end}}{{menulist:standard==true.else}}{{menulist:name}}{{menulist:standard==true.end}}{{cur_name.end}}
{{menulist:is_sub==true.start}}
{{firstsubmenu==false.start}}
<ul class="nav_close">
{{firstsubmenu.startint}}true{{firstsubmenu.end}}
{{firstsubmenu==false.end}}
<li ><a href="{{menulist:ziel}}" {{menulist:_blank==true.start}}target="_blank"{{menulist:_blank==true.end}}>{{menulist:icon==true.start}}<img title="{{cur_name}}" src="{{menulist:icon}}" alt="" />{{menulist:icon==true.end}}{{cur_name}}</a></li>
{{submenubefore.startint}}true{{submenubefore.end}}
{{menulist:is_sub==true.else}}
{{firstsubmenu.startint}}false{{firstsubmenu.end}}
{{submenubefore==true.start}}
</ul> {{global_dynamic2static_server==true.start}}<img alt="" class="dwn" src="{{global_dynamic2static_server}}svg-object_navsub-color1_{{global_navlink_color|urlencode}}-color2_{{global_navlink_color|urlencode}}-color3_FFF.png" />{{global_dynamic2static_server==true.end}} </li>
{{submenubefore.startint}}false{{submenubefore.end}}
{{submenubefore==true.else}}
{{menuendli}}
{{submenubefore==true.end}}
<li onmouseout="togSub('{{menulist:key}}','{{menulist:ziel}}')" onmouseover="togSub('{{menulist:key}}','{{menulist:ziel}}')" id="{{menulist:key}}">
<a href="{{menulist:ziel}}" {{menulist:_blank==true.start}}target="_blank"{{menulist:_blank==true.end}}><span>{{menulist:icon==true.start}}<img src="{{menulist:icon}}" alt="" title="{{cur_name}}" />{{menulist:icon==true.end}}{{cur_name}}</span></a>
{{menulist:new==true.start}}{{global_nav_news==true.start}}<img src="{{global_nav_news}}" alt="" class='dwn'/>{{global_nav_news==true.end}}{{menulist:new==true.end}}
{{menulist:is_sub==true.end}}
{{menuendli.start}}</li>{{menuendli.end}}
{{menulist.end}}

{{submenubefore==true.start}}
</ul> {{global_dynamic2static_server==true.start}}<img alt="" class="dwn" src="{{global_dynamic2static_server}}svg-object_navsub-color1_{{global_navlink_color|urlencode}}-color2_{{global_navlink_color|urlencode}}-color3_FFF.png" />{{global_dynamic2static_server==true.end}} </li>
{{submenubefore.startint}}false{{submenubefore.end}}
{{submenubefore==true.else}}
</li>
{{submenubefore==true.end}}
{{tick(menue_after_last)}}
</ul>
<div style="clear: both;"></div>
 
</div>
{{global_hide_popup==false.start}}
{{show==true.start}}

<script type="text/javascript">
<!--
show();
calculate ()
var t = setTimeout("fade('user_add')",1300);
-->
</script>

{{show==true.end}}
{{global_hide_popup==false.end}}
</td>
</tr>
<tr {{global_header_bg_color==true.start}}style="min-height: 120px !important;"{{global_header_bg_color==true.end}}><td>
{{headeractive==true.start}}
<div id="forumlogo">
{{headerimage==true.start}}<img id="thelogo" src="{{headerimage}}" alt="" />{{headerimage==true.end}}
{{show_header_text==true.start}}<div class="logotext"><h2>{{headertitle}}</h2>{{headerdesc}}</div>{{show_header_text==true.end}}
</div>
<table width="100%" style="!important; background-color:{{global_header_bg_color}}; border-collapse: collapse; margin-top: 0px;">
<tr>
<td colspan="2" style="background-color: {{global_navlist_bg}}; {{global_nav_bg_image==true.start}} background-Image: url({{global_nav_bg_image}}); {{global_nav_bg_image==true.end}}">
<div class="nav_n" id="nav_n">
<ul {{user_registered==true.start}} {{global_top_onclick==false.start}}onmouseout="hideDivById('user_add');" {{global_top_onclick==false.end}}{{user_registered==true.end}} >
{{user_registered==true.start}}
{{user_newmail==true.start}} {{show.start}}true{{show.end}} {{user_newmail==true.end}}
{{user_newgbook==true.start}} {{show.start}}true{{show.end}} {{user_newgbook==true.end}}
{{mailerror==true.start}}{{show.start}}true{{show.end}}{{mailerror==true.end}}
{{blog_new==true.start}}{{show.start}}true{{show.end}}{{blog_new==true.end}}
{{gallery_new==true.start}}{{show.start}}true{{show.end}} {{gallery_new==true.end}}
{{mailerror==true.start}}{{show.start}}true{{show.end}}{{mailerror==true.end}}
<li {{global_top_onclick==false.start}} onmouseover="show();clearTimeout(t);calculate();" {{global_top_onclick==false.else}} onclick="show();clearTimeout(t); calculate(); " {{global_top_onclick==false.end}} style="border-right:none;float: right;" id="nav_userinfo_li"><a {{global_top_onclick==false.start}} onmouseover="show();clearTimeout(t);calculate();" {{global_top_onclick==false.else}}onclick="return false;"{{global_top_onclick==false.end}} href="{{link_myprofile}}">{{global_nav_user==true.start}}<img alt="" src='{{global_nav_user}}' class='dwn' />{{global_nav_user==true.end}}{{show==true.start}}{{global_nav_news==true.start}}<img alt="" src="{{global_nav_news}}" class='dwn'/>{{global_nav_news==true.end}}{{show==true.end}}<strong>{{user_name}}</strong></a> {{global_dynamic2static_server==true.start}}<img alt="" src="{{global_dynamic2static_server}}svg-object_navsub-color1_{{global_navlink_color|urlencode}}-color2_{{global_navlink_color|urlencode}}-color3_FFF.png" style="vertical-align: middle; margin-left: 2px; border: none;">{{global_dynamic2static_server==true.end}}
 
<div class="nav_userinfo" id="user_add" onMouseOut="hideDivById('user_add');" onmouseover="show();clearTimeout(t); calculate();">
<div>
<table width="100%">
{{mailerror==true.start}}
<tr>
<td colspan="2" style="padding: 10px 10px 0px 10px; text-align: left;" align="left">
<a href="{{link_memberdata}}"><img alt="" src="{{global_mailerror}}" style="border: none; margin-right: 3px; vertical-align: middle;" /><small>Es gibt ein Problem mit Ihrer E-Mail Adresse!</small></a><br/>
</td>
</tr>
{{mailerror==true.end}}
 
{{show==true.start}}
<tr>
<td colspan="2" style="border-bottom: 1px solid {{global_nav_line}}; padding: 10px;" align="center">
{{calendar_new==true.start}}<a href="{{calendar_link}}"><small><strong>Neuer Eintrag im Kalender!</strong></small></a><br/>{{calendar_new==true.end}}
{{gallery_new==false.start}} {{gallery_new==false.else}}<a href="{{link_gallery}}"><small><strong>Neue Bilder wurden hochgeladen!</strong></small></strong></a><br/>{{gallery_new==false.end}}
{{user_newmail==true.start}}<a href="{{link_mails}}"><small><strong>Neue Nachricht(en)!</strong></small></a><br/>{{user_newmail==true.end}}
{{blog_new==true.start}}<a href="{{link_blog}}"><small><strong>Es gibt neue Blog-Einträge</strong></small></a><br/>{{blog_new==true.end}}
{{user_newgbook==true.start}}<a href="{{link_config}}"><small><strong>Du hast einen neuen Gästebuch-Eintrag!</strong></small></a><br/>{{user_newgbook==true.end}}
</td>
</tr>

{{show==true.else}}
<tr>
<td colspan="2" style="border-bottom: 1px solid {{global_nav_line}}; padding: 10px; text-align: center;" align="center">
<small>Im Moment gibt es keine Neuigkeiten.</small>
</td>
</tr>
{{show==true.end}}
 
<tr>
<td align="center" valign="middle" style="padding: 5px 8px; border-right: 1px solid {{global_nav_line}};" width="40%"><a href="{{link_myprofile}}">{{avatar==true.start}}<img style="max-height: 140px; max-width: 140px;" alt="" src="{{avatar|resizepic(140, 140)}}">{{avatar==true.else}}
{{user_gender_m==true.start}}
<img alt="gender_m" src="{{global_user_profile_genderM==true.start}}{{global_user_profile_genderM}}{{global_user_profile_genderM==true.else}}{{global_user_profile}}{{global_user_profile_genderM==true.end}}" >
{{user_gender_m==true.else}}
{{user_gender_w==true.start}}
<img alt="gender_w" src="{{global_user_profile_genderW==true.start}}{{global_user_profile_genderW}}{{global_user_profile_genderW==true.else}}{{global_user_profile}}{{global_user_profile_genderW==true.end}}" >
{{user_gender_w==true.else}}
<img alt="gender" src="{{global_user_profile}}">
{{user_gender_w==true.end}}
{{user_gender_m==true.end}}
 
{{avatar==true.end}}</a></td>
<td valign="top">
<div class="linklist">
<div onclick="window.location='{{link_mails}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">{{global_nav_pm==true.start}}<img alt="pm" src="{{global_nav_pm}}" />{{global_nav_pm==true.end}} <a href="{{link_mails}}">{{user_newmail==true.start}}<strong>{{user_newmail==true.end}}Private Mails{{user_newmail==true.start}}</strong>{{user_newmail==true.end}}</a></div>
 
{{blog_active==true.start}}
{{userblog_active==true.start}}<div onclick="window.location='{{blog_user_link}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">{{global_nav_pm==true.start}}<img alt="pm" src="{{global_nav_pm}}" />{{global_nav_pm==true.end}} <a href="{{blog_user_link}}">Mein Blog</a></div>{{userblog_active==true.end}}
{{userblog_active==true.start}}<div onclick="window.location='{{blog_editlist_link}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">&nbsp;&nbsp;&nbsp;&nbsp;{{global_nav_edit==true.start}}<img alt="edit" src="{{global_nav_edit}}">{{global_nav_edit==true.else}} <small>•</small> {{global_nav_edit==true.end}}<a href="{{blog_editlist_link}}"><small>Blog-Einstellungen</small></a></div>{{userblog_active==true.end}}
{{blog_active==true.end}}
 
<div onclick="window.location='{{link_config}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">{{global_nav_config==true.start}}<img alt="config" src="{{global_nav_config}}">{{global_nav_config==true.end}} <a href="{{link_config}}">Einstellungen</a>
</div>
<div onclick="window.location='{{link_myprofile_edit}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">&nbsp;&nbsp;&nbsp;&nbsp;{{global_nav_edit==true.start}}<img alt="edit" src="{{global_nav_edit}}">{{global_nav_edit==true.else}} <small>•</small> {{global_nav_edit==true.end}}<a href="{{link_myprofile_edit}}"><small>Profil bearbeiten</small></a></div>
 
<div onclick="window.location='{{link_lastmsgs}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">{{global_nav_last==true.start}}<img alt="last" src="{{global_nav_last}}" />{{global_nav_last==true.end}} <a href="{{link_lastmsgs}}">Letzte Beiträge</a></div>

<div onclick="window.location='{{link_logout}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">{{global_nav_logout==true.start}}<img alt="logout" src="{{global_nav_logout}}" />{{global_nav_logout==true.end}} <a href="{{link_logout}}">Logout</a></div>
</div>
</td>
</tr>
</table>
</div>
</div>
</li>
{{user_registered==true.end}}
</ul>
<div style="clear: both;"></div>
 
<noscript>
 

 
<div style="color: #d95801 !important; padding: 8px; background-color: {{global_post_bg}};">
<small><strong>Funktioniert etwas nicht?</strong> Um alle Bereiche in diesem Forum nutzen zu können, musst du <a style="color: #d95801 !important;" href="http://www.google.de/support/bin/answer.py?answer=23852" target="_blank"> JavaScript aktivieren </a>! Wenn du Hilfe bei der Aktivierung benötigst, <a style="color: #d95801 !important;" href="http://www.google.de/support/bin/answer.py?answer=23852" target="_blank">klicke bitte hier</a>.</small></div>
 
<br/>
{{user_registered==true.start}}
<a href="{{link_mails}}"><small>Private Mails</small></a>
<a href="{{link_config}}"><small>Einstellungen •</small></a>
<a href="{{link_myprofile_edit}}"><small>Profil bearbeiten •</small></a>
<a href="{{link_lastmsgs}}"><small>Letzte Beiträge •</small></a>
<a href="{{link_logout}}"><small>Logout</small></a>
{{user_registered==true.end}}
 
</noscript>
 
</div>
</td>
</tr>
</table>
<style>
#thelogo{padding:5px;vertical-align: middle;} #forumlogo{text-align:{{headeralign}}; max-width:{{global_page_width}}; margin:auto;} .logotext{vertical-align: middle;}
{{headernewline==false.start}}.logotext{display:inline-block;}{{headernewline==false.end}}
</style>
{{headeractive==true.end}}
{{html_header==false.start}}{{headeractive==false.start}}<div style="{{global_header_bg_color==true.start}}min-height:100px; height:auto !important; height:100px;{{global_header_bg_color==true.end}}{{global_header_image_position==true.start}}text-align:{{global_header_image_position}};{{global_header_image_position==true.end}}"> {{global_header_image==true.start}}<img src="{{global_header_image}}" alt="headerimg" />{{global_header_image==true.end}}</div>{{headeractive==false.end}}{{html_header==false.end}} {{html_header==true.start}}<div class="usercontent">{{html_header}}</div>{{html_header==true.end}}</td>
</tr>
</table>
{{tick(header_under_nav)}}
{{chat_on_page.start}}
<div class="c_r_cont1" style="margin-top:20px;{{show_chat_on_page==false.start}}display:none;{{show_chat_on_page==false.end}}" id="xChatGlobalBaseBox"><div class="c_r_top1"><div></div></div><div style="z-index: 1; padding: 0px;" class="c_r_content1">
<div id="xChatGlobalBaseHeader" style="padding:0 0 5px 20px; border-bottom:1px solid;"><span><b>Forum Chat</b>
<span class="xChatMin" onclick="minimizeChat($('#xChat_global'));"><img src="https://files.homepagemodules.de/b2001010/a_1246_5ee131c9.gif" alt="Fenster minimieren" title="Fenster minimieren" /></span>
<span class="xChatClose" onclick="closeChat($('#xChat_global'));"><img src="https://files.homepagemodules.de/b2001010/a_1245_7c2fe117.gif" alt="Fenster schließen" title="Fenster schließen" /></span>
<span class="xChatShowSettings" style="float:right; margin-right:8px;" onclick="togglexChatSettings()"><img src="https://files.homepagemodules.de/b2001010/a_1235_1679bb97.png" alt="Chat Einstellungen" /></span>
<span class="xChatSoundToggler" style="float:right;" onclick="togglexChatSound()"><img src="{{chat_sound_muted==true.start}}https://files.homepagemodules.de/b2001010/a_1295_eb34627f.png{{chat_sound_muted==true.else}}https://files.homepagemodules.de/b2001010/a_1294_64db2f2e.png{{chat_sound_muted==true.end}}" alt="Ton an/aus" title="Ton an/aus" /></span>
</div>
<div id="xChatGlobalBase" class="boxcontent"><div id="xChatLoader"><h2>Bitte warten, Chat wird geladen</h2></div></div>
</div><div class="c_r_bottom1"><div></div></div>
</div>
{{chat_on_page.end}}
{{tick(sidebar_left)}}
{{loadlayout==false.start}}

<div class="page2">
<div class="inpage">
{{user_registered==true.start}}
{{user_admin==true.start}}
<div style="position: relative; display: inline;">
{{no_admin_login==true.start}}<div id="admin_inform" style="width: 585px; height: 393px; background-repeat: no-repeat; background-position: top left; background-image: url({{global_no_admin}}); top: 2px; left: -28px; position: absolute; z-index: 60000;"><div style="padding: 40px 30px 30px 50px; color: #2c2c2c; line-height: 19px;">
<table align="left">
<tr><td align="left"><h2 style="font-family: TimesNewRoman !important; text-transform: capitalize;">Hallo {{user_name}}!</h2></tr></td>
<tr><td align="left">Du bist nun erfolgreich eingeloggt und kannst das Forum mit Inhalten füllen und gestalten. <b>Klick auf "Admin" um dein Forum individuell anzupassen!</b></td></tr>
<tr><td align="left"><hr/><img alt="list1" src="{{global_no_admin_list}}" style="margin-right: 6px;" />Foren, Kategorien und Themen anlegen</td></tr>
<tr><td align="left"><img alt="list2" src="{{global_no_admin_list}}" style="margin-right: 6px;" />das Forum umbenennen</td></tr>
<tr><td align="left"><img alt="list3" src="{{global_no_admin_list}}" style="margin-right: 6px;" />Design und Layout auswählen und anpassen</td></tr>
<tr><td align="left"><img alt="list4" src="{{global_no_admin_list}}" style="margin-right: 6px;" />und vieles mehr...<hr/></td></tr>
<tr><td align="left">Wenn du Probleme beim einrichten hast, kannst du deine Fragen gern in unserem <a href="https://www.hpm-support.de/" target="_blank">Support-Forum</a> stellen... <br/><br/><b>Viel Spaß mit dem Forum wünscht dir</b>, <br/>
dein Homepagemodules-Team.<div align="right"><small><a href="#" onclick="document.getElementById('admin_inform').style.display='none';" style="text-decoration: none;">ausblenden</a></small></div></td></tr></table>
</div>{{no_admin_login==true.end}}</div>{{user_admin==true.end}}
{{user_registered==true.end}}
 
{{chat_pos==1.start}}
{{chat_on_page}}
{{chat_pos==1.end}}
{{loadlayout==false.else}}
{{get_toplayout(curlayout)}}
{{loadlayout==false.end}}
 



So sieht das Ganze in meinem Testforum nach der Änderung aus:



Und so war es zuvor:



LG. Romulus

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
23.08.2014 18:43
avatar  Demi95
#3 RE: Navigationsleiste aufteilen
avatar
Mitglied

Hey Romulus,

erst einmal danke das du dir die Mühe gemacht hast! Ich habe es mir einfach testhalber mal leicht gemacht und den Code in dem Template "Obere Leiste" mit deinem Code ersetzt. An sich funktioniert es auch, die Buttons liegen nun über dem Header wie sie sollen, aber dafür fehlt mir nun das komplette Usermenü. Fehlt da vielleicht irgendwas im Code oder war das nun doch mein Fehler? Andere Fremdcodes habe ich vorerst nicht in diesem Template drin und am CSS liegt es auch nicht.

Liebe Grüße


 Antworten

 Beitrag melden
23.08.2014 19:22
avatar  Romulus
#4 RE: Navigationsleiste aufteilen
avatar
Mitglied

Dann muss ich mal nachfragen, wie du deine Header-Grafik eingebunden hast.
Als ich vorhin getestet habe, da hatte ich die Grafik zuvor mit dem Logo-Wizard eingebunden.

Wenn du mir sagen kannst, wo genau im Admin-Menü du die Header-Grafik eingebunden hast, werde ich das Ganze nochmal in meinem Testforum nachstellen und sehen, ob ich die Navi auch dann noch erfolgreich teilen kann.

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
23.08.2014 19:30
avatar  Demi95
#5 RE: Navigationsleiste aufteilen
avatar
Mitglied

Ah, okay! Der Logo-Wizard ist bei mir deaktiviert, da ich doch eher die alte Methode bevorzuge. Sprich: Bild hochladen, Code kopieren und in der Kopfzeile bei Kopf- und Fußzeile einfügen. :) Ich denke du weißt was ich meine?

Wäre wirklich toll, wenn das klappen würde! Notfalls, sollte es nicht gehen, wäre ich aber auch bereit den Logo-Wizward wieder zu aktivieren und den Header dort einzubinden.


 Antworten

 Beitrag melden
23.08.2014 19:36
avatar  Romulus
#6 RE: Navigationsleiste aufteilen
avatar
Mitglied

Der Logo-Wizard ist eine echt feine Sache. Die Grafiken werden praktisch von alleine professionell eingebunden.

Ich sehe mir das mal kurz unter den Bedingungen einer Grafikeinbindung nach alter Schule an. Bin gespannt!

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
23.08.2014 19:47
avatar  Demi95
#7 RE: Navigationsleiste aufteilen
avatar
Mitglied

Ich habe das eben mit dem Logo-Wizward getestet und es liegt tatsächlich da ran. :)
Wenn ich ihn aktiviere und den Header damit einbinde wird mir das Usermenü wieder angezeigt.
Um ehrlich zu sein komme ich mit dem Wizward aber mehr schlecht als recht klar. Somit bleibe ich derzeit lieber bei alt bewertem. Da habe ich den Code, kann den Header direkt mit der Startseite verlinken und weiß wie was funktioniert. Ja, ich bin ein absolutes Gewohnheitstier.


 Antworten

 Beitrag melden
23.08.2014 21:48
avatar  Romulus
#8 RE: Navigationsleiste aufteilen
avatar
Mitglied

So, ich habe es geschafft! Nun klappt es sowohl mit dem Wizard als auch mittels manueller Eingabe in der Kopfzeile im Admin-Menü.
Das Ganze ist auch gar nicht so einfach, wie ich anfangs dachte. Das heißt, man muss sehr genau gucken, was auf der einen Seite raus muss und dafür auf der anderen wieder rein.

Bevor ich dir die komplette Obere Leiste gleich zur Verfügung stelle, überprüfe ich nochmal alles. Im Augenblick sieht es aber schon mal sehr gut aus!

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
23.08.2014 22:03
avatar  Romulus
#9 RE: Navigationsleiste aufteilen
avatar
Mitglied

Du kannst es nun mal versuchen. Kleinere Anpassungen werden vielleicht noch zu machen sein. Aber zu funktionieren scheint alles tadellos.

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
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
 
	{{img_server.start}}https://img.homepagemodules.de/{{img_server.end}}
{{now1@dateformat.start}}vor einer Minute{{now1@dateformat.end}}
{{now@dateformat.start}}vor %minutes Minuten{{now@dateformat.end}}
{{today@dateformat.start}}Heute %H:%i{{today@dateformat.end}}
{{yesterday@dateformat.start}}Gestern %H:%i{{yesterday@dateformat.end}}
{{norm@dateformat.start}}%d.%m.%Y %H:%i{{norm@dateformat.end}}
{{numberformat.start}}0?,?.{{numberformat.end}}
{{user_newmail==true.start}} {{show.start}}true{{show.end}} {{user_newmail==true.end}}
{{user_newgbook==true.start}} {{show.start}}true{{show.end}} {{user_newgbook==true.end}}
{{calendar_new==true.start}} {{show.start}}true{{show.end}} {{calendar_new==true.end}}
{{gallery_new==true.start}}{{show.start}}true{{show.end}} {{gallery_new==true.end}}
{{blog_new==true.start}}{{show.start}}true{{show.end}} {{blog_new==true.end}}
{{global_nav_top.startint}}{{global_nav_fontsize}}+22{{global_nav_top.end}}
{{nav_smallfont.startint}}{{global_nav_fontsize}}-1{{nav_smallfont.end}}
 

{{global_page_width!$=%.start}}
{{global_page_width!$=px.start}}
{{global_page_width.start}}{{global_page_width}}px{{global_page_width.end}}
{{global_page_width!$=px.end}}
{{global_page_width!$=%.end}}
 

 

<!DOCTYPE html>
<HTML {{fb_api==true.start}}xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml" xml:lang="de" lang="de"{{fb_api==true.end}}>
<HEAD>
<title>{{html_title}}</title>
<!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >-->
{{meta_refresh==true.start}}{{meta_refresh}}{{meta_refresh==true.end}} {{global_favicon==true.start}}<link rel="shortcut icon" href="{{global_favicon}}" type="image/x-icon" />{{global_favicon==true.end}}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="de" />
 
<meta name="description" Content="{{html_desc}}" />
{{fb_title==true.start}}<meta property="og:title" content="{{fb_title}}"/> {{fb_title==true.end}}
{{fb_type==true.start}}<meta property="og:type" content="{{fb_type}}"/>{{fb_type==true.end}}
{{fb_image==true.start}}<meta property="og:image" content="{{fb_image}}"/>{{fb_image==true.end}}
{{fb_url==true.start}}<meta property="og:url" content="{{fb_url}}"/>{{fb_url==true.end}}
{{fb_site_name==true.start}}<meta property="og:site_name" content="{{fb_site_name}}"/>{{fb_site_name==true.end}}
{{fb_admins==true.start}}<meta property="fb:admins" content="{{fb_admins}}"/>{{fb_admins==true.end}}
<meta name="robots" content="{{meta_robots_index}}" />
<link rel="stylesheet" type="text/css" href="{{link_css}}" />
{{link_blog_css==true.start}}
<link rel="stylesheet" type="text/css" href="{{link_blog_css}}" />
<link rel="alternate" type="application/rss+xml" title="{{link_blog_rssfeed_title}}" href="{{link_blog_rssfeed}}" />
{{link_blog_css==true.end}}
<link rel="alternate" type="application/rss+xml" title="{{html_title_static}}" href="feed/all.rss" />
<script type="text/Javascript" src="{{link_js}}"></script>
 
{{plugin_active==true.start}}
{{template==144.start}}{{jqueryloaded.start}}1{{jqueryloaded.end}}{{template==144.end}}
{{jqueryloaded==false.start}}
<script language="javascript" type="text/javascript" src="{{link_jquery}}"></script>
{{jqueryloaded.start}}1{{jqueryloaded.end}}
{{jqueryloaded==false.end}}
{{plugin_js==true.start}}
<script type="text/javascript" src="{{plugin_js}}"></script>
{{plugin_js==true.end}}
{{plugin_active==true.end}}
 
<!--[if IE]>
<style type="text/css">
.scrollable{padding: 0 0 20px 0 !important;}
.c_r_top1, .c_r_top2, .c_r_top3, .a_r_content2 {margin-bottom: -5px !important;}
.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_bottom2 {margin-top: -4px !important;}
.c_r_content1, .c_r_content2, .c_r_content3, .a_r_content2 {padding-bottom:10px; margin-top: 4px; margin-bottom: 3px;}
.button_reply {margin-bottom:-6px;margin-left:-1px;}
.button_edit {margin-bottom:-6px;margin-left:-1px;}
.post {z-index: 10000; position: relative; top: 1px;}
#ie_button {position: relative; top: -10px; padding-bottom: 7px;}
a:hover {cursor: pointer !important;}
#ie_search {padding: 15px 5px 5px 40px; overflow:visible;}
#TabsC li {padding: 10px; 5px 10px 5px;}
input {overflow: visible;}
.inpage table {width: 100%;}
.navbar li {padding: 5px 10px 5px 10px;}
.underdiv {right: -7px;}
.avatar {top: -80px;}
.ie_widget_pic {overflow: scroll;}
.widget_calendar_integration_description {padding-bottom: 20px; overflow-x: hidden !important;}
.lastedit {margin-top: 30px;}
#integration_link {margin-top: -17px;}
.underdiv {right: -11px;}
hr {margin: 0px 5px; width: 99%;}
.message h3 {margin-right: 3px;}
</style>
<![endif]-->
 

<!--[if lt IE 7]>
<style type="text/css">
.c_r_top1_head, .c_r_top1, .c_r_top2, .c_r_top3 {background-image: none !important;}
.c_r_top1_head div,.c_r_top1 div, .c_r_top2 div, .c_r_top3 div, .a_r_content2 div {background-image: none !important;}
.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_content {background-image: none !important;}
.c_r_bottom1 div, .c_r_bottom2 div, .c_r_bottom3 div, .a_r_content2 div {background-image: none !important;}
.c_r_content1, .c_r_content2, .c_r_content3, .a_r_content2 {padding-left:0px !important;padding-bottom:0px !important; }
.ie_button_reply {width:80 px; text-align:center; padding:10px; background-color:{{global_button_bg}}; }
.ie_button_edit {width:80 px; text-align:center; padding:10px; background-color:{{global_button_bg}}; }
.action_buttons{display:none;}
.ie6_buttons{display:block !important;margin-top:20px;}
.posttable{margin-top:0px !important}
.jumpTo{height:300px;}
</style>
<![endif]-->
 
<style type="text/css">{{nav_z.start}}{{show_chat_on_page==true.start}}{{chat_pos==1.start}}502{{chat_pos==1.end}}{{chat_pos!==1.start}}500{{chat_pos!==1.end}}{{show_chat_on_page==true.else}}500{{show_chat_on_page==true.end}}{{nav_z.end}}
{{global_smaller_fontsize.startint}}{{global_small_fontsize}}-2{{global_smaller_fontsize.end}}
.nav_n ul li {z-index: {{nav_z}}; }
.nav_n img {border: none; vertical-align: middle; margin-right: 3px;}
.nav_n ul {border-top: 1px solid {{global_nav_line}}; margin-bottom: 0px !important; position: relative; z-index: {{nav_z}}; {{menu_has_sub==true.start}}white-space: nowrap;{{menu_has_sub==true.end}} clear: both;}
.nav_n ul, nav_n ul li ul {display: block; float: none; list-style: none; list-style-image: none; margin-bottom: 10px; z-index: {{nav_z}};}
.nav_n ul li {padding: 4px 14px; float: left; text-align: left; border-right: 1px solid {{global_nav_line}}; z-index: {{nav_z}}; position: relative;}
.nav_n ul li .dwn {vertical-align: middle; margin-left: 2px; border: none;}
.nav_n ul li ul li {z-index:{{nav_z}}; float: none !important; text-align: left; white-space: nowrap; padding: 6px 12px; background-Image: none !important; background-color: {{global_subnav_bg}} !important;}
.nav_n ul li ul li a {color: {{global_subnav_color}} !important;}
.nav_n a {font-size: {{global_nav_fontsize!==0.start}}{{global_nav_fontsize}}{{global_nav_fontsize!==0.end}}{{global_nav_fontsize==0.start}}11{{global_nav_fontsize==0.end}}px !important; text-decoration: none !important; color: {{global_navlink_color}} !important;}
.nav_n ul li ul {border-top: none; border-bottom: 1px solid {{global_nav_line}}; border-left: 1px solid {{global_nav_line}}; position: absolute; top: {{global_nav_top}}px; background-color: {{global_post_bg}}; z-index: {{nav_z}}; min-width: 100%;}
.nav_n li:hover {{{global_navlist_bg_image_hover==true.start}} background-Image: url({{global_navlist_bg_image_hover}}); background-color: transparent; {{global_navlist_bg_image_hover==true.else}} background-Image: none !important; background-color: {{global_navlist_bg_hover}}; {{global_navlist_bg_image_hover==true.end}} cursor: pointer; }
.nav_n ul li ul li:hover {background-color: {{global_subnav_hover}} !important;}
.userinfo {float: right !important; border-left: 1px solid {{global_nav_line}}; position: relative;}
.nav_userinfo small {font-size: {{nav_smallfont}}px !important;}
.nav_userinfo a {color: {{global_subnav_color}} !important;}
.userinfo_menu:hover {left: -288px !important; width: 350px; background-color: {{global_navlist_bg}} !important; cursor: pointer;}
.nav_userinfo {cursor: default; border-top: none; border-bottom: 1px solid {{global_nav_line}}; border-right: 1px solid {{global_nav_line}}; border-left: 1px solid {{global_nav_line}}; -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity = 100); display: none; position: absolute; background-color: {{global_subnav_bg}}; z-index: {{nav_z}}; right: -1px; width: 350px; top: {{global_nav_top}}px;}
.nav_userinfo .linklist div {padding: 5px;}
ul.nav_close {display: none !important;}
ul.nav_open {display: block;}
</style>
 
{{user_registered==true.start}}
<script type="text/Javascript" >
<!--
function calculate () {document.getElementById('user_add').style.top = document.getElementById('nav_userinfo_li').offsetHeight + "px";}
function hide() {document.getElementById('user_add').style.display='none';}
var timer, timein, count = 0, t;
function show(){
element = document.getElementById('user_add');
element.style.display='block';
clearTimeout(t);
element.style.MozOpacity =1.0;
element.style.filter = 'alpha(opacity = 100)';
element.style.Opacity = 1.0;
}
function fade(eid) {
try{calculate ();} catch(err) {}
var element = document.getElementById(eid);
var opnow = element.style.opacity;
var mozopnow = element.style.MozOpacity;
if (mozopnow < 0){mozopnow=0;}
if (opnow < 0){opnow=0;}
if(count==0){mozopnow = 1.0;}
count++;
if (mozopnow == 0 || opnow==0 ){
count=0;
element.style.display='none';
element.style.MozOpacity =1.0;
element.style.filter = 'alpha(opacity = 100)';
element.style.Opacity = 1.0; }
else {
element.style.filter = 'alpha(opacity = ' + ((mozopnow*100)-5) + ')';
element.style.MozOpacity = (mozopnow-0.05);
element.style.Opacity = (mozopnow-0.05);
t = setTimeout("fade('"+eid+"')", 50);}
}
-->
</script>
{{user_registered==true.end}}
{{global_head_addon}}
 
</head>
 
<body {{page_portal==true.start}}class="portal"{{page_portal==true.end}}>
{{fb_api==true.start}}<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
{{fb_appid==true.start}}appId : '{{fb_appid}}',{{fb_appid==true.end}}
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
 
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/de_DE/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<style>.fb_iframe_widget_lift{z-index:1000 !important;}</style>
{{fb_api==true.end}}
<center>
{{user_registered==false.start}}
{{captcha_login==false.start}}
<form method="POST" action="{{link_login}}">
<table style="border-collapse: collapse;" width="100%" class="login">
<tr>
<td width="50%"style="padding: 0px 20px 0px 20px;"><span style="float: left;"><small>Sie sind im Moment nicht angemeldet. Registrieren sie sich hier um das Forum im vollem Umfang nutzen zu können. &middot; <a href="{{link_signup}}">Registrieren</a></small></span></td>

<td width="50%" style="white-space: nowrap;"><div style="float: right;"><strong>Login</strong>&middot;
<input type="text" name="name" {{username==true.start}}value="{{username}}"{{username==true.end}} {{username==false.start}}value="Benutzername"{{username==false.end}} size="20" class="inputbox_small" {{username==false.start}}onclick="if (this.value=='Benutzername') {this.value='';}" onblur="if (this.value=='') {this.value='Benutzername';}"{{username==false.end}}>
<input type="password" name="pww" size="20" class="inputbox_small" {{username==false.start}}value="Passwort"{{username==false.end}} onfocus="this.value='';">
<input type="submit" value="Login" name="B1" class="button_login"></div></td>

</tr>
</table>
</form>
{{captcha_login==false.end}}
{{user_registered==false.end}}

<div class="content">
<div class="page" id="pagewidth">
<table width="100%" style="!important; background-color:{{global_header_bg_color}}; border-collapse: collapse; margin-top: 0px;">
<tr>
<td colspan="2" style="background-color: {{global_navlist_bg}}; {{global_nav_bg_image==true.start}} background-Image: url({{global_nav_bg_image}}); {{global_nav_bg_image==true.end}}">
<div class="nav_n" id="nav_n">
<ul {{user_registered==true.start}} {{global_top_onclick==false.start}}onmouseout="hideDivById('user_add');" {{global_top_onclick==false.end}}{{user_registered==true.end}} >
{{user_admin==true.start}}
<li><a href="{{link_admin}}">{{global_nav_admin==true.start}}<img src="{{global_nav_admin}}" alt="admin" style="vertical-align: middle; margin-right: 3px, border: none;"/>{{global_nav_admin==true.end}}Admin</a></li>
{{user_admin==true.end}}
{{tick(menue_before_first)}}
{{menu|filter(menulist, key!==link_member|link_mail|link_logout|link_userlist|link_online|link_lastentry|link_faq,100)}}
 
{{menulist.startlist}}
{{cur_name.start}}{{menulist:standard==true.start}}{{menulist:standardChanged==false.start}}{{menulist:name|gettranslation(header)}}{{menulist:standardChanged==false.else}}{{menulist:name}}{{menulist:standardChanged==false.end}}{{menulist:standard==true.else}}{{menulist:name}}{{menulist:standard==true.end}}{{cur_name.end}}
{{menulist:is_sub==true.start}}
{{firstsubmenu==false.start}}
<ul class="nav_close">
{{firstsubmenu.startint}}true{{firstsubmenu.end}}
{{firstsubmenu==false.end}}
<li ><a href="{{menulist:ziel}}" {{menulist:_blank==true.start}}target="_blank"{{menulist:_blank==true.end}}>{{menulist:icon==true.start}}<img title="{{cur_name}}" src="{{menulist:icon}}" alt="" />{{menulist:icon==true.end}}{{cur_name}}</a></li>
{{submenubefore.startint}}true{{submenubefore.end}}
{{menulist:is_sub==true.else}}
{{firstsubmenu.startint}}false{{firstsubmenu.end}}
{{submenubefore==true.start}}
</ul> {{global_dynamic2static_server==true.start}}<img alt="" class="dwn" src="{{global_dynamic2static_server}}svg-object_navsub-color1_{{global_navlink_color|urlencode}}-color2_{{global_navlink_color|urlencode}}-color3_FFF.png" />{{global_dynamic2static_server==true.end}} </li>
{{submenubefore.startint}}false{{submenubefore.end}}
{{submenubefore==true.else}}
{{menuendli}}
{{submenubefore==true.end}}
<li onmouseout="togSub('{{menulist:key}}','{{menulist:ziel}}')" onmouseover="togSub('{{menulist:key}}','{{menulist:ziel}}')" id="{{menulist:key}}">
<a href="{{menulist:ziel}}" {{menulist:_blank==true.start}}target="_blank"{{menulist:_blank==true.end}}><span>{{menulist:icon==true.start}}<img src="{{menulist:icon}}" alt="" title="{{cur_name}}" />{{menulist:icon==true.end}}{{cur_name}}</span></a>
{{menulist:new==true.start}}{{global_nav_news==true.start}}<img src="{{global_nav_news}}" alt="" class='dwn'/>{{global_nav_news==true.end}}{{menulist:new==true.end}}
{{menulist:is_sub==true.end}}
{{menuendli.start}}</li>{{menuendli.end}}
{{menulist.end}}

{{submenubefore==true.start}}
</ul> {{global_dynamic2static_server==true.start}}<img alt="" class="dwn" src="{{global_dynamic2static_server}}svg-object_navsub-color1_{{global_navlink_color|urlencode}}-color2_{{global_navlink_color|urlencode}}-color3_FFF.png" />{{global_dynamic2static_server==true.end}} </li>
{{submenubefore.startint}}false{{submenubefore.end}}
{{submenubefore==true.else}}
</li>
{{submenubefore==true.end}}
{{tick(menue_after_last)}}
</ul>
 
</div>
</td>
</tr>
<tr {{global_header_bg_color==true.start}}style="min-height: 120px !important;"{{global_header_bg_color==true.end}}><td>
{{headeractive==true.start}}
<div id="forumlogo">
{{headerimage==true.start}}<img id="thelogo" src="{{headerimage}}" alt="" />{{headerimage==true.end}}
{{show_header_text==true.start}}<div class="logotext"><h2>{{headertitle}}</h2>{{headerdesc}}</div>{{show_header_text==true.end}}
</div>
<style>
#thelogo{padding:5px;vertical-align: middle;} #forumlogo{text-align:{{headeralign}}; max-width:{{global_page_width}}; margin:auto;} .logotext{vertical-align: middle;}
{{headernewline==false.start}}.logotext{display:inline-block;}{{headernewline==false.end}}
</style>
{{headeractive==true.end}}
{{html_header==false.start}}{{headeractive==false.start}}<div style="{{global_header_bg_color==true.start}}min-height:100px; height:auto !important; height:100px;{{global_header_bg_color==true.end}}{{global_header_image_position==true.start}}text-align:{{global_header_image_position}};{{global_header_image_position==true.end}}"> {{global_header_image==true.start}}<img src="{{global_header_image}}" alt="headerimg" />{{global_header_image==true.end}}</div>{{headeractive==false.end}}{{html_header==false.end}} {{html_header==true.start}}<div class="usercontent">{{html_header}}</div>{{html_header==true.end}}</td>
</tr>
</table>
<div style="padding-top: 0px;">
<table width="100%" style="!important; background-color:{{global_header_bg_color}}; border-collapse: collapse; margin-top: 0px;">
<tr>
<td colspan="2" style="background-color: {{global_navlist_bg}}; {{global_nav_bg_image==true.start}} background-Image: url({{global_nav_bg_image}}); {{global_nav_bg_image==true.end}}">
<div class="nav_n" id="nav_n">
<ul style="border-top: none;" {{user_registered==true.start}} {{global_top_onclick==false.start}}onmouseout="hideDivById('user_add');" {{global_top_onclick==false.end}}{{user_registered==true.end}} >
{{user_registered==true.start}}
{{user_newmail==true.start}} {{show.start}}true{{show.end}} {{user_newmail==true.end}}
{{user_newgbook==true.start}} {{show.start}}true{{show.end}} {{user_newgbook==true.end}}
{{mailerror==true.start}}{{show.start}}true{{show.end}}{{mailerror==true.end}}
{{blog_new==true.start}}{{show.start}}true{{show.end}}{{blog_new==true.end}}
{{gallery_new==true.start}}{{show.start}}true{{show.end}} {{gallery_new==true.end}}
{{mailerror==true.start}}{{show.start}}true{{show.end}}{{mailerror==true.end}}
<li {{global_top_onclick==false.start}} onmouseover="show();clearTimeout(t);calculate();" {{global_top_onclick==false.else}} onclick="show();clearTimeout(t); calculate(); " {{global_top_onclick==false.end}} style="border-right:none;float: right;" id="nav_userinfo_li"><a {{global_top_onclick==false.start}} onmouseover="show();clearTimeout(t);calculate();" {{global_top_onclick==false.else}}onclick="return false;"{{global_top_onclick==false.end}} href="{{link_myprofile}}">{{global_nav_user==true.start}}<img alt="" src='{{global_nav_user}}' class='dwn' />{{global_nav_user==true.end}}{{show==true.start}}{{global_nav_news==true.start}}<img alt="" src="{{global_nav_news}}" class='dwn'/>{{global_nav_news==true.end}}{{show==true.end}}<strong>{{user_name}}</strong></a> {{global_dynamic2static_server==true.start}}<img alt="" src="{{global_dynamic2static_server}}svg-object_navsub-color1_{{global_navlink_color|urlencode}}-color2_{{global_navlink_color|urlencode}}-color3_FFF.png" style="vertical-align: middle; margin-left: 2px; border: none;">{{global_dynamic2static_server==true.end}}
 
<div class="nav_userinfo" id="user_add" onMouseOut="hideDivById('user_add');" onmouseover="show();clearTimeout(t); calculate();">
<div>
<table width="100%">
{{mailerror==true.start}}
<tr>
<td colspan="2" style="padding: 10px 10px 0px 10px; text-align: left;" align="left">
<a href="{{link_memberdata}}"><img alt="" src="{{global_mailerror}}" style="border: none; margin-right: 3px; vertical-align: middle;" /><small>Es gibt ein Problem mit Ihrer E-Mail Adresse!</small></a><br/>
</td>
</tr>
{{mailerror==true.end}}
 
{{show==true.start}}
<tr>
<td colspan="2" style="border-bottom: 1px solid {{global_nav_line}}; padding: 10px;" align="center">
{{calendar_new==true.start}}<a href="{{calendar_link}}"><small><strong>Neuer Eintrag im Kalender!</strong></small></a><br/>{{calendar_new==true.end}}
{{gallery_new==false.start}} {{gallery_new==false.else}}<a href="{{link_gallery}}"><small><strong>Neue Bilder wurden hochgeladen!</strong></small></strong></a><br/>{{gallery_new==false.end}}
{{user_newmail==true.start}}<a href="{{link_mails}}"><small><strong>Neue Nachricht(en)!</strong></small></a><br/>{{user_newmail==true.end}}
{{blog_new==true.start}}<a href="{{link_blog}}"><small><strong>Es gibt neue Blog-Einträge</strong></small></a><br/>{{blog_new==true.end}}
{{user_newgbook==true.start}}<a href="{{link_config}}"><small><strong>Du hast einen neuen Gästebuch-Eintrag!</strong></small></a><br/>{{user_newgbook==true.end}}
</td>
</tr>

{{show==true.else}}
<tr>
<td colspan="2" style="border-bottom: 1px solid {{global_nav_line}}; padding: 10px; text-align: center;" align="center">
<small>Im Moment gibt es keine Neuigkeiten.</small>
</td>
</tr>
{{show==true.end}}
 
<tr>
<td align="center" valign="middle" style="padding: 5px 8px; border-right: 1px solid {{global_nav_line}};" width="40%"><a href="{{link_myprofile}}">{{avatar==true.start}}<img style="max-height: 140px; max-width: 140px;" alt="" src="{{avatar|resizepic(140, 140)}}">{{avatar==true.else}}
{{user_gender_m==true.start}}
<img alt="gender_m" src="{{global_user_profile_genderM==true.start}}{{global_user_profile_genderM}}{{global_user_profile_genderM==true.else}}{{global_user_profile}}{{global_user_profile_genderM==true.end}}" >
{{user_gender_m==true.else}}
{{user_gender_w==true.start}}
<img alt="gender_w" src="{{global_user_profile_genderW==true.start}}{{global_user_profile_genderW}}{{global_user_profile_genderW==true.else}}{{global_user_profile}}{{global_user_profile_genderW==true.end}}" >
{{user_gender_w==true.else}}
<img alt="gender" src="{{global_user_profile}}">
{{user_gender_w==true.end}}
{{user_gender_m==true.end}}
 
{{avatar==true.end}}</a></td>
<td valign="top">
<div class="linklist">
<div onclick="window.location='{{link_mails}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">{{global_nav_pm==true.start}}<img alt="pm" src="{{global_nav_pm}}" />{{global_nav_pm==true.end}} <a href="{{link_mails}}">{{user_newmail==true.start}}<strong>{{user_newmail==true.end}}Private Mails{{user_newmail==true.start}}</strong>{{user_newmail==true.end}}</a></div>
 
{{blog_active==true.start}}
{{userblog_active==true.start}}<div onclick="window.location='{{blog_user_link}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">{{global_nav_pm==true.start}}<img alt="pm" src="{{global_nav_pm}}" />{{global_nav_pm==true.end}} <a href="{{blog_user_link}}">Mein Blog</a></div>{{userblog_active==true.end}}
{{userblog_active==true.start}}<div onclick="window.location='{{blog_editlist_link}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">&nbsp;&nbsp;&nbsp;&nbsp;{{global_nav_edit==true.start}}<img alt="edit" src="{{global_nav_edit}}">{{global_nav_edit==true.else}} <small>&bull;</small> {{global_nav_edit==true.end}}<a href="{{blog_editlist_link}}"><small>Blog-Einstellungen</small></a></div>{{userblog_active==true.end}}
{{blog_active==true.end}}
 
<div onclick="window.location='{{link_config}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">{{global_nav_config==true.start}}<img alt="config" src="{{global_nav_config}}">{{global_nav_config==true.end}} <a href="{{link_config}}">Einstellungen</a>
</div>
<div onclick="window.location='{{link_myprofile_edit}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">&nbsp;&nbsp;&nbsp;&nbsp;{{global_nav_edit==true.start}}<img alt="edit" src="{{global_nav_edit}}">{{global_nav_edit==true.else}} <small>&bull;</small> {{global_nav_edit==true.end}}<a href="{{link_myprofile_edit}}"><small>Profil bearbeiten</small></a></div>
 
<div onclick="window.location='{{link_lastmsgs}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">{{global_nav_last==true.start}}<img alt="last" src="{{global_nav_last}}" />{{global_nav_last==true.end}} <a href="{{link_lastmsgs}}">Letzte Beiträge</a></div>

<div onclick="window.location='{{link_logout}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">{{global_nav_logout==true.start}}<img alt="logout" src="{{global_nav_logout}}" />{{global_nav_logout==true.end}} <a href="{{link_logout}}">Logout</a></div>
</div>
</td>
</tr>
</table>
</div>
</div>
</li>
{{user_registered==true.end}}
</ul>
<div style="clear: both;"></div>
 
<noscript>
 

 
<div style="color: #d95801 !important; padding: 8px; background-color: {{global_post_bg}};">
<small><strong>Funktioniert etwas nicht?</strong> Um alle Bereiche in diesem Forum nutzen zu können, musst du <a style="color: #d95801 !important;" href="http://www.google.de/support/bin/answer.py?answer=23852" target="_blank"> JavaScript aktivieren </a>! Wenn du Hilfe bei der Aktivierung benötigst, <a style="color: #d95801 !important;" href="http://www.google.de/support/bin/answer.py?answer=23852" target="_blank">klicke bitte hier</a>.</small></div>
 
<br/>
{{user_registered==true.start}}
<a href="{{link_mails}}"><small>Private Mails</small></a>
<a href="{{link_config}}"><small>Einstellungen &bull;</small></a>
<a href="{{link_myprofile_edit}}"><small>Profil bearbeiten &bull;</small></a>
<a href="{{link_lastmsgs}}"><small>Letzte Beiträge &bull;</small></a>
<a href="{{link_logout}}"><small>Logout</small></a>
{{user_registered==true.end}}
 
</noscript>
 
</div>
{{global_hide_popup==false.start}}
{{show==true.start}}

<script type="text/javascript">
<!--
show();
calculate ()
var t = setTimeout("fade('user_add')",1300);
-->
</script>

{{show==true.end}}
{{global_hide_popup==false.end}}
</td>
</tr>
</table>
{{tick(header_under_nav)}}
{{chat_on_page.start}}
<div class="c_r_cont1" style="margin-top:20px;{{show_chat_on_page==false.start}}display:none;{{show_chat_on_page==false.end}}" id="xChatGlobalBaseBox"><div class="c_r_top1"><div></div></div><div style="z-index: 1; padding: 0px;" class="c_r_content1">
<div id="xChatGlobalBaseHeader" style="padding:0 0 5px 20px; border-bottom:1px solid;"><span><b>Forum Chat</b>
<span class="xChatMin" onclick="minimizeChat($('#xChat_global'));"><img src="https://files.homepagemodules.de/b2001010/a_1246_5ee131c9.gif" alt="Fenster minimieren" title="Fenster minimieren" /></span>
<span class="xChatClose" onclick="closeChat($('#xChat_global'));"><img src="https://files.homepagemodules.de/b2001010/a_1245_7c2fe117.gif" alt="Fenster schließen" title="Fenster schließen" /></span>
<span class="xChatShowSettings" style="float:right; margin-right:8px;" onclick="togglexChatSettings()"><img src="https://files.homepagemodules.de/b2001010/a_1235_1679bb97.png" alt="Chat Einstellungen" /></span>
<span class="xChatSoundToggler" style="float:right;" onclick="togglexChatSound()"><img src="{{chat_sound_muted==true.start}}https://files.homepagemodules.de/b2001010/a_1295_eb34627f.png{{chat_sound_muted==true.else}}https://files.homepagemodules.de/b2001010/a_1294_64db2f2e.png{{chat_sound_muted==true.end}}" alt="Ton an/aus" title="Ton an/aus" /></span>
</div>
<div id="xChatGlobalBase" class="boxcontent"><div id="xChatLoader"><h2>Bitte warten, Chat wird geladen</h2></div></div>
</div><div class="c_r_bottom1"><div></div></div>
</div>
{{chat_on_page.end}}
{{tick(sidebar_left)}}
{{loadlayout==false.start}}

<div class="page2">
<div class="inpage">
{{user_registered==true.start}}
{{user_admin==true.start}}
<div style="position: relative; display: inline;">
{{no_admin_login==true.start}}<div id="admin_inform" style="width: 585px; height: 393px; background-repeat: no-repeat; background-position: top left; background-image: url({{global_no_admin}}); top: 2px; left: -28px; position: absolute; z-index: 60000;"><div style="padding: 40px 30px 30px 50px; color: #2c2c2c; line-height: 19px;">
<table align="left">
<tr><td align="left"><h2 style="font-family: TimesNewRoman !important; text-transform: capitalize;">Hallo {{user_name}}!</h2></tr></td>
<tr><td align="left">Du bist nun erfolgreich eingeloggt und kannst das Forum mit Inhalten füllen und gestalten. <b>Klick auf "Admin" um dein Forum individuell anzupassen!</b></td></tr>
<tr><td align="left"><hr/><img alt="list1" src="{{global_no_admin_list}}" style="margin-right: 6px;" />Foren, Kategorien und Themen anlegen</td></tr>
<tr><td align="left"><img alt="list2" src="{{global_no_admin_list}}" style="margin-right: 6px;" />das Forum umbenennen</td></tr>
<tr><td align="left"><img alt="list3" src="{{global_no_admin_list}}" style="margin-right: 6px;" />Design und Layout auswählen und anpassen</td></tr>
<tr><td align="left"><img alt="list4" src="{{global_no_admin_list}}" style="margin-right: 6px;" />und vieles mehr...<hr/></td></tr>
<tr><td align="left">Wenn du Probleme beim einrichten hast, kannst du deine Fragen gern in unserem <a href="https://www.hpm-support.de/" target="_blank">Support-Forum</a> stellen... <br/><br/><b>Viel Spaß mit dem Forum wünscht dir</b>, <br/>
dein Homepagemodules-Team.<div align="right"><small><a href="#" onclick="document.getElementById('admin_inform').style.display='none';" style="text-decoration: none;">ausblenden</a></small></div></td></tr></table>
</div>{{no_admin_login==true.end}}</div>{{user_admin==true.end}}
{{user_registered==true.end}}
 
{{chat_pos==1.start}}
{{chat_on_page}}
{{chat_pos==1.end}}
{{loadlayout==false.else}}
{{get_toplayout(curlayout)}}
{{loadlayout==false.end}}
 

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
23.08.2014 22:15
avatar  Demi95
#10 RE: Navigationsleiste aufteilen
avatar
Mitglied

Soo, ich habe es eben gestestet und auf den ersten Blick sieht das wirklich schon sehr gut aus. Auch die Buttons zu den eigenen Seiten werden mit oben angezeigt, so wie es sein soll. Ich danke dir (ganz ehrlich) vielmals! Alleine hätte ich das glaube ich nicht geschafft, zumindest nicht in so kurzer Zeit.
Ein ganz kleines Anliegen hätte ich jedoch noch.
Gibt es die Möglichkeit nur die Navigation über dem Header zu zentrieren? Ich bin mir nicht ganz sicher ob das nicht komplizierter ist als ich mir das vorstelle, da ja sowohl das Usermenü als auch die restliche Navigationsleiste sich von "nav_n" angesprochen fühlen.


 Antworten

 Beitrag melden
23.08.2014 22:22
avatar  Romulus
#11 RE: Navigationsleiste aufteilen
avatar
Mitglied

Pass auf, wir machen da schnurstracks eine zweite Klasse mit rein. Diese Kleinigkeit kann das Template-Element nun auch noch ab.

Damit kannst du dann den oberen und den unteren Teil der Navigation gesondert ansprechen.
Ich würde sagen, wir legen die neue Klasse für den unteren Teil an.

Soweit ich gesehen habe, ist die Style-Anweisung sogar innerhalb der Oberen Leiste mit enthalten. Ich sehe mir das nochmal an.

Und: keine Ursache!

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
23.08.2014 22:31
avatar  Demi95
#12 RE: Navigationsleiste aufteilen
avatar
Mitglied

An eine zweite Klasse hatte ich auch bereits gedacht, nur wäre ich mir nicht sicher genug gewesen um da jetzt selbst Hand anzulegen und bevor ich irgendwas kaputt mache frage ich lieber gleich nach.

Ich hoffe ich mache dir damit jetzt keine allzu großen Umstände.


 Antworten

 Beitrag melden
23.08.2014 22:56
avatar  Romulus
#13 RE: Navigationsleiste aufteilen
avatar
Mitglied

Ist keine große Sache.

Ich habe die neue Klasse direkt im Template-Element integriert.

Du kannst nun also ganz unbekümmert die obere Navigation mit der bisherigen Klasse ansprechen, während du gleichzeitig für die untere Navi mit der neuen Klasse nav_n2 ebenfalls CSS-Style-Anweisungen machen kannst. Das heißt: eigentlich sollte das nun funktionieren.

Falls etwas nicht klappen sollte, scheue dich nicht, nochmal zu fragen.

Nun musst du allerdings zuvor nochmal den kompletten Quellcode reinkopieren:

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
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
 
	{{img_server.start}}https://img.homepagemodules.de/{{img_server.end}}
{{now1@dateformat.start}}vor einer Minute{{now1@dateformat.end}}
{{now@dateformat.start}}vor %minutes Minuten{{now@dateformat.end}}
{{today@dateformat.start}}Heute %H:%i{{today@dateformat.end}}
{{yesterday@dateformat.start}}Gestern %H:%i{{yesterday@dateformat.end}}
{{norm@dateformat.start}}%d.%m.%Y %H:%i{{norm@dateformat.end}}
{{numberformat.start}}0?,?.{{numberformat.end}}
{{user_newmail==true.start}} {{show.start}}true{{show.end}} {{user_newmail==true.end}}
{{user_newgbook==true.start}} {{show.start}}true{{show.end}} {{user_newgbook==true.end}}
{{calendar_new==true.start}} {{show.start}}true{{show.end}} {{calendar_new==true.end}}
{{gallery_new==true.start}}{{show.start}}true{{show.end}} {{gallery_new==true.end}}
{{blog_new==true.start}}{{show.start}}true{{show.end}} {{blog_new==true.end}}
{{global_nav_top.startint}}{{global_nav_fontsize}}+22{{global_nav_top.end}}
{{nav_smallfont.startint}}{{global_nav_fontsize}}-1{{nav_smallfont.end}}
 

{{global_page_width!$=%.start}}
{{global_page_width!$=px.start}}
{{global_page_width.start}}{{global_page_width}}px{{global_page_width.end}}
{{global_page_width!$=px.end}}
{{global_page_width!$=%.end}}
 

 

<!DOCTYPE html>
<HTML {{fb_api==true.start}}xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml" xml:lang="de" lang="de"{{fb_api==true.end}}>
<HEAD>
<title>{{html_title}}</title>
<!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >-->
{{meta_refresh==true.start}}{{meta_refresh}}{{meta_refresh==true.end}} {{global_favicon==true.start}}<link rel="shortcut icon" href="{{global_favicon}}" type="image/x-icon" />{{global_favicon==true.end}}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="de" />
 
<meta name="description" Content="{{html_desc}}" />
{{fb_title==true.start}}<meta property="og:title" content="{{fb_title}}"/> {{fb_title==true.end}}
{{fb_type==true.start}}<meta property="og:type" content="{{fb_type}}"/>{{fb_type==true.end}}
{{fb_image==true.start}}<meta property="og:image" content="{{fb_image}}"/>{{fb_image==true.end}}
{{fb_url==true.start}}<meta property="og:url" content="{{fb_url}}"/>{{fb_url==true.end}}
{{fb_site_name==true.start}}<meta property="og:site_name" content="{{fb_site_name}}"/>{{fb_site_name==true.end}}
{{fb_admins==true.start}}<meta property="fb:admins" content="{{fb_admins}}"/>{{fb_admins==true.end}}
<meta name="robots" content="{{meta_robots_index}}" />
<link rel="stylesheet" type="text/css" href="{{link_css}}" />
{{link_blog_css==true.start}}
<link rel="stylesheet" type="text/css" href="{{link_blog_css}}" />
<link rel="alternate" type="application/rss+xml" title="{{link_blog_rssfeed_title}}" href="{{link_blog_rssfeed}}" />
{{link_blog_css==true.end}}
<link rel="alternate" type="application/rss+xml" title="{{html_title_static}}" href="feed/all.rss" />
<script type="text/Javascript" src="{{link_js}}"></script>
 
{{plugin_active==true.start}}
{{template==144.start}}{{jqueryloaded.start}}1{{jqueryloaded.end}}{{template==144.end}}
{{jqueryloaded==false.start}}
<script language="javascript" type="text/javascript" src="{{link_jquery}}"></script>
{{jqueryloaded.start}}1{{jqueryloaded.end}}
{{jqueryloaded==false.end}}
{{plugin_js==true.start}}
<script type="text/javascript" src="{{plugin_js}}"></script>
{{plugin_js==true.end}}
{{plugin_active==true.end}}
 
<!--[if IE]>
<style type="text/css">
.scrollable{padding: 0 0 20px 0 !important;}
.c_r_top1, .c_r_top2, .c_r_top3, .a_r_content2 {margin-bottom: -5px !important;}
.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_bottom2 {margin-top: -4px !important;}
.c_r_content1, .c_r_content2, .c_r_content3, .a_r_content2 {padding-bottom:10px; margin-top: 4px; margin-bottom: 3px;}
.button_reply {margin-bottom:-6px;margin-left:-1px;}
.button_edit {margin-bottom:-6px;margin-left:-1px;}
.post {z-index: 10000; position: relative; top: 1px;}
#ie_button {position: relative; top: -10px; padding-bottom: 7px;}
a:hover {cursor: pointer !important;}
#ie_search {padding: 15px 5px 5px 40px; overflow:visible;}
#TabsC li {padding: 10px; 5px 10px 5px;}
input {overflow: visible;}
.inpage table {width: 100%;}
.navbar li {padding: 5px 10px 5px 10px;}
.underdiv {right: -7px;}
.avatar {top: -80px;}
.ie_widget_pic {overflow: scroll;}
.widget_calendar_integration_description {padding-bottom: 20px; overflow-x: hidden !important;}
.lastedit {margin-top: 30px;}
#integration_link {margin-top: -17px;}
.underdiv {right: -11px;}
hr {margin: 0px 5px; width: 99%;}
.message h3 {margin-right: 3px;}
</style>
<![endif]-->
 

<!--[if lt IE 7]>
<style type="text/css">
.c_r_top1_head, .c_r_top1, .c_r_top2, .c_r_top3 {background-image: none !important;}
.c_r_top1_head div,.c_r_top1 div, .c_r_top2 div, .c_r_top3 div, .a_r_content2 div {background-image: none !important;}
.c_r_bottom1, .c_r_bottom2, .c_r_bottom3, .a_r_content {background-image: none !important;}
.c_r_bottom1 div, .c_r_bottom2 div, .c_r_bottom3 div, .a_r_content2 div {background-image: none !important;}
.c_r_content1, .c_r_content2, .c_r_content3, .a_r_content2 {padding-left:0px !important;padding-bottom:0px !important; }
.ie_button_reply {width:80 px; text-align:center; padding:10px; background-color:{{global_button_bg}}; }
.ie_button_edit {width:80 px; text-align:center; padding:10px; background-color:{{global_button_bg}}; }
.action_buttons{display:none;}
.ie6_buttons{display:block !important;margin-top:20px;}
.posttable{margin-top:0px !important}
.jumpTo{height:300px;}
</style>
<![endif]-->
 
<style type="text/css">{{nav_z.start}}{{show_chat_on_page==true.start}}{{chat_pos==1.start}}502{{chat_pos==1.end}}{{chat_pos!==1.start}}500{{chat_pos!==1.end}}{{show_chat_on_page==true.else}}500{{show_chat_on_page==true.end}}{{nav_z.end}}
{{global_smaller_fontsize.startint}}{{global_small_fontsize}}-2{{global_smaller_fontsize.end}}
.nav_n ul li {z-index: {{nav_z}}; }
.nav_n img {border: none; vertical-align: middle; margin-right: 3px;}
.nav_n ul {border-top: 1px solid {{global_nav_line}}; margin-bottom: 0px !important; position: relative; z-index: {{nav_z}}; {{menu_has_sub==true.start}}white-space: nowrap;{{menu_has_sub==true.end}} clear: both;}
.nav_n ul, nav_n ul li ul {display: block; float: none; list-style: none; list-style-image: none; margin-bottom: 10px; z-index: {{nav_z}};}
.nav_n ul li {padding: 4px 14px; float: left; text-align: left; border-right: 1px solid {{global_nav_line}}; z-index: {{nav_z}}; position: relative;}
.nav_n ul li .dwn {vertical-align: middle; margin-left: 2px; border: none;}
.nav_n ul li ul li {z-index:{{nav_z}}; float: none !important; text-align: left; white-space: nowrap; padding: 6px 12px; background-Image: none !important; background-color: {{global_subnav_bg}} !important;}
.nav_n ul li ul li a {color: {{global_subnav_color}} !important;}
.nav_n a {font-size: {{global_nav_fontsize!==0.start}}{{global_nav_fontsize}}{{global_nav_fontsize!==0.end}}{{global_nav_fontsize==0.start}}11{{global_nav_fontsize==0.end}}px !important; text-decoration: none !important; color: {{global_navlink_color}} !important;}
.nav_n ul li ul {border-top: none; border-bottom: 1px solid {{global_nav_line}}; border-left: 1px solid {{global_nav_line}}; position: absolute; top: {{global_nav_top}}px; background-color: {{global_post_bg}}; z-index: {{nav_z}}; min-width: 100%;}
.nav_n li:hover {{{global_navlist_bg_image_hover==true.start}} background-Image: url({{global_navlist_bg_image_hover}}); background-color: transparent; {{global_navlist_bg_image_hover==true.else}} background-Image: none !important; background-color: {{global_navlist_bg_hover}}; {{global_navlist_bg_image_hover==true.end}} cursor: pointer; }
.nav_n ul li ul li:hover {background-color: {{global_subnav_hover}} !important;}
*/ Anfang neue Klasse für untere Navigationsleiste */
.nav_n2 ul li {z-index: {{nav_z}}; }
.nav_n2 img {border: none; vertical-align: middle; margin-right: 3px;}
.nav_n2 ul {border-top: 1px solid {{global_nav_line}}; margin-bottom: 0px !important; position: relative; z-index: {{nav_z}}; {{menu_has_sub==true.start}}white-space: nowrap;{{menu_has_sub==true.end}} clear: both;}
.nav_n2 ul, nav_n2 ul li ul {display: block; float: none; list-style: none; list-style-image: none; margin-bottom: 10px; z-index: {{nav_z}};}
.nav_n2 ul li {padding: 4px 14px; float: left; text-align: left; border-right: 1px solid {{global_nav_line}}; z-index: {{nav_z}}; position: relative;}
.nav_n2 ul li .dwn {vertical-align: middle; margin-left: 2px; border: none;}
.nav_n2 ul li ul li {z-index:{{nav_z}}; float: none !important; text-align: left; white-space: nowrap; padding: 6px 12px; background-Image: none !important; background-color: {{global_subnav_bg}} !important;}
.nav_n2 ul li ul li a {color: {{global_subnav_color}} !important;}
.nav_n2 a {font-size: {{global_nav_fontsize!==0.start}}{{global_nav_fontsize}}{{global_nav_fontsize!==0.end}}{{global_nav_fontsize==0.start}}11{{global_nav_fontsize==0.end}}px !important; text-decoration: none !important; color: {{global_navlink_color}} !important;}
.nav_n2 ul li ul {border-top: none; border-bottom: 1px solid {{global_nav_line}}; border-left: 1px solid {{global_nav_line}}; position: absolute; top: {{global_nav_top}}px; background-color: {{global_post_bg}}; z-index: {{nav_z}}; min-width: 100%;}
.nav_n2 li:hover {{{global_navlist_bg_image_hover==true.start}} background-Image: url({{global_navlist_bg_image_hover}}); background-color: transparent; {{global_navlist_bg_image_hover==true.else}} background-Image: none !important; background-color: {{global_navlist_bg_hover}}; {{global_navlist_bg_image_hover==true.end}} cursor: pointer; }
.nav_n2 ul li ul li:hover {background-color: {{global_subnav_hover}} !important;}
*/ Ende neue Klasse für untere Navigationsleiste */
.userinfo {float: right !important; border-left: 1px solid {{global_nav_line}}; position: relative;}
.nav_userinfo small {font-size: {{nav_smallfont}}px !important;}
.nav_userinfo a {color: {{global_subnav_color}} !important;}
.userinfo_menu:hover {left: -288px !important; width: 350px; background-color: {{global_navlist_bg}} !important; cursor: pointer;}
.nav_userinfo {cursor: default; border-top: none; border-bottom: 1px solid {{global_nav_line}}; border-right: 1px solid {{global_nav_line}}; border-left: 1px solid {{global_nav_line}}; -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity = 100); display: none; position: absolute; background-color: {{global_subnav_bg}}; z-index: {{nav_z}}; right: -1px; width: 350px; top: {{global_nav_top}}px;}
.nav_userinfo .linklist div {padding: 5px;}
ul.nav_close {display: none !important;}
ul.nav_open {display: block;}
</style>
 
{{user_registered==true.start}}
<script type="text/Javascript" >
<!--
function calculate () {document.getElementById('user_add').style.top = document.getElementById('nav_userinfo_li').offsetHeight + "px";}
function hide() {document.getElementById('user_add').style.display='none';}
var timer, timein, count = 0, t;
function show(){
element = document.getElementById('user_add');
element.style.display='block';
clearTimeout(t);
element.style.MozOpacity =1.0;
element.style.filter = 'alpha(opacity = 100)';
element.style.Opacity = 1.0;
}
function fade(eid) {
try{calculate ();} catch(err) {}
var element = document.getElementById(eid);
var opnow = element.style.opacity;
var mozopnow = element.style.MozOpacity;
if (mozopnow < 0){mozopnow=0;}
if (opnow < 0){opnow=0;}
if(count==0){mozopnow = 1.0;}
count++;
if (mozopnow == 0 || opnow==0 ){
count=0;
element.style.display='none';
element.style.MozOpacity =1.0;
element.style.filter = 'alpha(opacity = 100)';
element.style.Opacity = 1.0; }
else {
element.style.filter = 'alpha(opacity = ' + ((mozopnow*100)-5) + ')';
element.style.MozOpacity = (mozopnow-0.05);
element.style.Opacity = (mozopnow-0.05);
t = setTimeout("fade('"+eid+"')", 50);}
}
-->
</script>
{{user_registered==true.end}}
{{global_head_addon}}
 
</head>
 
<body {{page_portal==true.start}}class="portal"{{page_portal==true.end}}>
{{fb_api==true.start}}<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
{{fb_appid==true.start}}appId : '{{fb_appid}}',{{fb_appid==true.end}}
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
 
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/de_DE/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<style>.fb_iframe_widget_lift{z-index:1000 !important;}</style>
{{fb_api==true.end}}
<center>
{{user_registered==false.start}}
{{captcha_login==false.start}}
<form method="POST" action="{{link_login}}">
<table style="border-collapse: collapse;" width="100%" class="login">
<tr>
<td width="50%"style="padding: 0px 20px 0px 20px;"><span style="float: left;"><small>Sie sind im Moment nicht angemeldet. Registrieren sie sich hier um das Forum im vollem Umfang nutzen zu können. &middot; <a href="{{link_signup}}">Registrieren</a></small></span></td>

<td width="50%" style="white-space: nowrap;"><div style="float: right;"><strong>Login</strong>&middot;
<input type="text" name="name" {{username==true.start}}value="{{username}}"{{username==true.end}} {{username==false.start}}value="Benutzername"{{username==false.end}} size="20" class="inputbox_small" {{username==false.start}}onclick="if (this.value=='Benutzername') {this.value='';}" onblur="if (this.value=='') {this.value='Benutzername';}"{{username==false.end}}>
<input type="password" name="pww" size="20" class="inputbox_small" {{username==false.start}}value="Passwort"{{username==false.end}} onfocus="this.value='';">
<input type="submit" value="Login" name="B1" class="button_login"></div></td>

</tr>
</table>
</form>
{{captcha_login==false.end}}
{{user_registered==false.end}}

<div class="content">
<div class="page" id="pagewidth">
<table width="100%" style="!important; background-color:{{global_header_bg_color}}; border-collapse: collapse; margin-top: 0px;">
<tr>
<td colspan="2" style="background-color: {{global_navlist_bg}}; {{global_nav_bg_image==true.start}} background-Image: url({{global_nav_bg_image}}); {{global_nav_bg_image==true.end}}">
<div class="nav_n" id="nav_n">
<ul {{user_registered==true.start}} {{global_top_onclick==false.start}}onmouseout="hideDivById('user_add');" {{global_top_onclick==false.end}}{{user_registered==true.end}} >
{{user_admin==true.start}}
<li><a href="{{link_admin}}">{{global_nav_admin==true.start}}<img src="{{global_nav_admin}}" alt="admin" style="vertical-align: middle; margin-right: 3px, border: none;"/>{{global_nav_admin==true.end}}Admin</a></li>
{{user_admin==true.end}}
{{tick(menue_before_first)}}
{{menu|filter(menulist, key!==link_member|link_mail|link_logout|link_userlist|link_online|link_lastentry|link_faq,100)}}
 
{{menulist.startlist}}
{{cur_name.start}}{{menulist:standard==true.start}}{{menulist:standardChanged==false.start}}{{menulist:name|gettranslation(header)}}{{menulist:standardChanged==false.else}}{{menulist:name}}{{menulist:standardChanged==false.end}}{{menulist:standard==true.else}}{{menulist:name}}{{menulist:standard==true.end}}{{cur_name.end}}
{{menulist:is_sub==true.start}}
{{firstsubmenu==false.start}}
<ul class="nav_close">
{{firstsubmenu.startint}}true{{firstsubmenu.end}}
{{firstsubmenu==false.end}}
<li ><a href="{{menulist:ziel}}" {{menulist:_blank==true.start}}target="_blank"{{menulist:_blank==true.end}}>{{menulist:icon==true.start}}<img title="{{cur_name}}" src="{{menulist:icon}}" alt="" />{{menulist:icon==true.end}}{{cur_name}}</a></li>
{{submenubefore.startint}}true{{submenubefore.end}}
{{menulist:is_sub==true.else}}
{{firstsubmenu.startint}}false{{firstsubmenu.end}}
{{submenubefore==true.start}}
</ul> {{global_dynamic2static_server==true.start}}<img alt="" class="dwn" src="{{global_dynamic2static_server}}svg-object_navsub-color1_{{global_navlink_color|urlencode}}-color2_{{global_navlink_color|urlencode}}-color3_FFF.png" />{{global_dynamic2static_server==true.end}} </li>
{{submenubefore.startint}}false{{submenubefore.end}}
{{submenubefore==true.else}}
{{menuendli}}
{{submenubefore==true.end}}
<li onmouseout="togSub('{{menulist:key}}','{{menulist:ziel}}')" onmouseover="togSub('{{menulist:key}}','{{menulist:ziel}}')" id="{{menulist:key}}">
<a href="{{menulist:ziel}}" {{menulist:_blank==true.start}}target="_blank"{{menulist:_blank==true.end}}><span>{{menulist:icon==true.start}}<img src="{{menulist:icon}}" alt="" title="{{cur_name}}" />{{menulist:icon==true.end}}{{cur_name}}</span></a>
{{menulist:new==true.start}}{{global_nav_news==true.start}}<img src="{{global_nav_news}}" alt="" class='dwn'/>{{global_nav_news==true.end}}{{menulist:new==true.end}}
{{menulist:is_sub==true.end}}
{{menuendli.start}}</li>{{menuendli.end}}
{{menulist.end}}

{{submenubefore==true.start}}
</ul> {{global_dynamic2static_server==true.start}}<img alt="" class="dwn" src="{{global_dynamic2static_server}}svg-object_navsub-color1_{{global_navlink_color|urlencode}}-color2_{{global_navlink_color|urlencode}}-color3_FFF.png" />{{global_dynamic2static_server==true.end}} </li>
{{submenubefore.startint}}false{{submenubefore.end}}
{{submenubefore==true.else}}
</li>
{{submenubefore==true.end}}
{{tick(menue_after_last)}}
</ul>
 
</div>
</td>
</tr>
<tr {{global_header_bg_color==true.start}}style="min-height: 120px !important;"{{global_header_bg_color==true.end}}><td>
{{headeractive==true.start}}
<div id="forumlogo">
{{headerimage==true.start}}<img id="thelogo" src="{{headerimage}}" alt="" />{{headerimage==true.end}}
{{show_header_text==true.start}}<div class="logotext"><h2>{{headertitle}}</h2>{{headerdesc}}</div>{{show_header_text==true.end}}
</div>
<style>
#thelogo{padding:5px;vertical-align: middle;} #forumlogo{text-align:{{headeralign}}; max-width:{{global_page_width}}; margin:auto;} .logotext{vertical-align: middle;}
{{headernewline==false.start}}.logotext{display:inline-block;}{{headernewline==false.end}}
</style>
{{headeractive==true.end}}
{{html_header==false.start}}{{headeractive==false.start}}<div style="{{global_header_bg_color==true.start}}min-height:100px; height:auto !important; height:100px;{{global_header_bg_color==true.end}}{{global_header_image_position==true.start}}text-align:{{global_header_image_position}};{{global_header_image_position==true.end}}"> {{global_header_image==true.start}}<img src="{{global_header_image}}" alt="headerimg" />{{global_header_image==true.end}}</div>{{headeractive==false.end}}{{html_header==false.end}} {{html_header==true.start}}<div class="usercontent">{{html_header}}</div>{{html_header==true.end}}</td>
</tr>
</table>
<div style="padding-top: 0px;">
<table width="100%" style="!important; background-color:{{global_header_bg_color}}; border-collapse: collapse; margin-top: 0px;">
<tr>
<td colspan="2" style="background-color: {{global_navlist_bg}}; {{global_nav_bg_image==true.start}} background-Image: url({{global_nav_bg_image}}); {{global_nav_bg_image==true.end}}">
<div class="nav_n2" id="nav_n2">
<ul style="border-top: none;" {{user_registered==true.start}} {{global_top_onclick==false.start}}onmouseout="hideDivById('user_add');" {{global_top_onclick==false.end}}{{user_registered==true.end}} >
{{user_registered==true.start}}
{{user_newmail==true.start}} {{show.start}}true{{show.end}} {{user_newmail==true.end}}
{{user_newgbook==true.start}} {{show.start}}true{{show.end}} {{user_newgbook==true.end}}
{{mailerror==true.start}}{{show.start}}true{{show.end}}{{mailerror==true.end}}
{{blog_new==true.start}}{{show.start}}true{{show.end}}{{blog_new==true.end}}
{{gallery_new==true.start}}{{show.start}}true{{show.end}} {{gallery_new==true.end}}
{{mailerror==true.start}}{{show.start}}true{{show.end}}{{mailerror==true.end}}
<li {{global_top_onclick==false.start}} onmouseover="show();clearTimeout(t);calculate();" {{global_top_onclick==false.else}} onclick="show();clearTimeout(t); calculate(); " {{global_top_onclick==false.end}} style="border-right:none;float: right;" id="nav_userinfo_li"><a {{global_top_onclick==false.start}} onmouseover="show();clearTimeout(t);calculate();" {{global_top_onclick==false.else}}onclick="return false;"{{global_top_onclick==false.end}} href="{{link_myprofile}}">{{global_nav_user==true.start}}<img alt="" src='{{global_nav_user}}' class='dwn' />{{global_nav_user==true.end}}{{show==true.start}}{{global_nav_news==true.start}}<img alt="" src="{{global_nav_news}}" class='dwn'/>{{global_nav_news==true.end}}{{show==true.end}}<strong>{{user_name}}</strong></a> {{global_dynamic2static_server==true.start}}<img alt="" src="{{global_dynamic2static_server}}svg-object_navsub-color1_{{global_navlink_color|urlencode}}-color2_{{global_navlink_color|urlencode}}-color3_FFF.png" style="vertical-align: middle; margin-left: 2px; border: none;">{{global_dynamic2static_server==true.end}}
 
<div class="nav_userinfo" id="user_add" onMouseOut="hideDivById('user_add');" onmouseover="show();clearTimeout(t); calculate();">
<div>
<table width="100%">
{{mailerror==true.start}}
<tr>
<td colspan="2" style="padding: 10px 10px 0px 10px; text-align: left;" align="left">
<a href="{{link_memberdata}}"><img alt="" src="{{global_mailerror}}" style="border: none; margin-right: 3px; vertical-align: middle;" /><small>Es gibt ein Problem mit Ihrer E-Mail Adresse!</small></a><br/>
</td>
</tr>
{{mailerror==true.end}}
 
{{show==true.start}}
<tr>
<td colspan="2" style="border-bottom: 1px solid {{global_nav_line}}; padding: 10px;" align="center">
{{calendar_new==true.start}}<a href="{{calendar_link}}"><small><strong>Neuer Eintrag im Kalender!</strong></small></a><br/>{{calendar_new==true.end}}
{{gallery_new==false.start}} {{gallery_new==false.else}}<a href="{{link_gallery}}"><small><strong>Neue Bilder wurden hochgeladen!</strong></small></strong></a><br/>{{gallery_new==false.end}}
{{user_newmail==true.start}}<a href="{{link_mails}}"><small><strong>Neue Nachricht(en)!</strong></small></a><br/>{{user_newmail==true.end}}
{{blog_new==true.start}}<a href="{{link_blog}}"><small><strong>Es gibt neue Blog-Einträge</strong></small></a><br/>{{blog_new==true.end}}
{{user_newgbook==true.start}}<a href="{{link_config}}"><small><strong>Du hast einen neuen Gästebuch-Eintrag!</strong></small></a><br/>{{user_newgbook==true.end}}
</td>
</tr>

{{show==true.else}}
<tr>
<td colspan="2" style="border-bottom: 1px solid {{global_nav_line}}; padding: 10px; text-align: center;" align="center">
<small>Im Moment gibt es keine Neuigkeiten.</small>
</td>
</tr>
{{show==true.end}}
 
<tr>
<td align="center" valign="middle" style="padding: 5px 8px; border-right: 1px solid {{global_nav_line}};" width="40%"><a href="{{link_myprofile}}">{{avatar==true.start}}<img style="max-height: 140px; max-width: 140px;" alt="" src="{{avatar|resizepic(140, 140)}}">{{avatar==true.else}}
{{user_gender_m==true.start}}
<img alt="gender_m" src="{{global_user_profile_genderM==true.start}}{{global_user_profile_genderM}}{{global_user_profile_genderM==true.else}}{{global_user_profile}}{{global_user_profile_genderM==true.end}}" >
{{user_gender_m==true.else}}
{{user_gender_w==true.start}}
<img alt="gender_w" src="{{global_user_profile_genderW==true.start}}{{global_user_profile_genderW}}{{global_user_profile_genderW==true.else}}{{global_user_profile}}{{global_user_profile_genderW==true.end}}" >
{{user_gender_w==true.else}}
<img alt="gender" src="{{global_user_profile}}">
{{user_gender_w==true.end}}
{{user_gender_m==true.end}}
 
{{avatar==true.end}}</a></td>
<td valign="top">
<div class="linklist">
<div onclick="window.location='{{link_mails}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">{{global_nav_pm==true.start}}<img alt="pm" src="{{global_nav_pm}}" />{{global_nav_pm==true.end}} <a href="{{link_mails}}">{{user_newmail==true.start}}<strong>{{user_newmail==true.end}}Private Mails{{user_newmail==true.start}}</strong>{{user_newmail==true.end}}</a></div>
 
{{blog_active==true.start}}
{{userblog_active==true.start}}<div onclick="window.location='{{blog_user_link}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">{{global_nav_pm==true.start}}<img alt="pm" src="{{global_nav_pm}}" />{{global_nav_pm==true.end}} <a href="{{blog_user_link}}">Mein Blog</a></div>{{userblog_active==true.end}}
{{userblog_active==true.start}}<div onclick="window.location='{{blog_editlist_link}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">&nbsp;&nbsp;&nbsp;&nbsp;{{global_nav_edit==true.start}}<img alt="edit" src="{{global_nav_edit}}">{{global_nav_edit==true.else}} <small>&bull;</small> {{global_nav_edit==true.end}}<a href="{{blog_editlist_link}}"><small>Blog-Einstellungen</small></a></div>{{userblog_active==true.end}}
{{blog_active==true.end}}
 
<div onclick="window.location='{{link_config}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">{{global_nav_config==true.start}}<img alt="config" src="{{global_nav_config}}">{{global_nav_config==true.end}} <a href="{{link_config}}">Einstellungen</a>
</div>
<div onclick="window.location='{{link_myprofile_edit}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">&nbsp;&nbsp;&nbsp;&nbsp;{{global_nav_edit==true.start}}<img alt="edit" src="{{global_nav_edit}}">{{global_nav_edit==true.else}} <small>&bull;</small> {{global_nav_edit==true.end}}<a href="{{link_myprofile_edit}}"><small>Profil bearbeiten</small></a></div>
 
<div onclick="window.location='{{link_lastmsgs}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">{{global_nav_last==true.start}}<img alt="last" src="{{global_nav_last}}" />{{global_nav_last==true.end}} <a href="{{link_lastmsgs}}">Letzte Beiträge</a></div>

<div onclick="window.location='{{link_logout}}'; return false;" onmouseover="this.style.cursor='pointer'; this.style.backgroundColor='{{global_subnav_hover}}';" onmouseout="this.style.backgroundColor='transparent';">{{global_nav_logout==true.start}}<img alt="logout" src="{{global_nav_logout}}" />{{global_nav_logout==true.end}} <a href="{{link_logout}}">Logout</a></div>
</div>
</td>
</tr>
</table>
</div>
</div>
</li>
{{user_registered==true.end}}
</ul>
<div style="clear: both;"></div>
 
<noscript>
 

 
<div style="color: #d95801 !important; padding: 8px; background-color: {{global_post_bg}};">
<small><strong>Funktioniert etwas nicht?</strong> Um alle Bereiche in diesem Forum nutzen zu können, musst du <a style="color: #d95801 !important;" href="http://www.google.de/support/bin/answer.py?answer=23852" target="_blank"> JavaScript aktivieren </a>! Wenn du Hilfe bei der Aktivierung benötigst, <a style="color: #d95801 !important;" href="http://www.google.de/support/bin/answer.py?answer=23852" target="_blank">klicke bitte hier</a>.</small></div>
 
<br/>
{{user_registered==true.start}}
<a href="{{link_mails}}"><small>Private Mails</small></a>
<a href="{{link_config}}"><small>Einstellungen &bull;</small></a>
<a href="{{link_myprofile_edit}}"><small>Profil bearbeiten &bull;</small></a>
<a href="{{link_lastmsgs}}"><small>Letzte Beiträge &bull;</small></a>
<a href="{{link_logout}}"><small>Logout</small></a>
{{user_registered==true.end}}
 
</noscript>
 
</div>
{{global_hide_popup==false.start}}
{{show==true.start}}

<script type="text/javascript">
<!--
show();
calculate ()
var t = setTimeout("fade('user_add')",1300);
-->
</script>

{{show==true.end}}
{{global_hide_popup==false.end}}
</td>
</tr>
</table>
{{tick(header_under_nav)}}
{{chat_on_page.start}}
<div class="c_r_cont1" style="margin-top:20px;{{show_chat_on_page==false.start}}display:none;{{show_chat_on_page==false.end}}" id="xChatGlobalBaseBox"><div class="c_r_top1"><div></div></div><div style="z-index: 1; padding: 0px;" class="c_r_content1">
<div id="xChatGlobalBaseHeader" style="padding:0 0 5px 20px; border-bottom:1px solid;"><span><b>Forum Chat</b>
<span class="xChatMin" onclick="minimizeChat($('#xChat_global'));"><img src="https://files.homepagemodules.de/b2001010/a_1246_5ee131c9.gif" alt="Fenster minimieren" title="Fenster minimieren" /></span>
<span class="xChatClose" onclick="closeChat($('#xChat_global'));"><img src="https://files.homepagemodules.de/b2001010/a_1245_7c2fe117.gif" alt="Fenster schließen" title="Fenster schließen" /></span>
<span class="xChatShowSettings" style="float:right; margin-right:8px;" onclick="togglexChatSettings()"><img src="https://files.homepagemodules.de/b2001010/a_1235_1679bb97.png" alt="Chat Einstellungen" /></span>
<span class="xChatSoundToggler" style="float:right;" onclick="togglexChatSound()"><img src="{{chat_sound_muted==true.start}}https://files.homepagemodules.de/b2001010/a_1295_eb34627f.png{{chat_sound_muted==true.else}}https://files.homepagemodules.de/b2001010/a_1294_64db2f2e.png{{chat_sound_muted==true.end}}" alt="Ton an/aus" title="Ton an/aus" /></span>
</div>
<div id="xChatGlobalBase" class="boxcontent"><div id="xChatLoader"><h2>Bitte warten, Chat wird geladen</h2></div></div>
</div><div class="c_r_bottom1"><div></div></div>
</div>
{{chat_on_page.end}}
{{tick(sidebar_left)}}
{{loadlayout==false.start}}

<div class="page2">
<div class="inpage">
{{user_registered==true.start}}
{{user_admin==true.start}}
<div style="position: relative; display: inline;">
{{no_admin_login==true.start}}<div id="admin_inform" style="width: 585px; height: 393px; background-repeat: no-repeat; background-position: top left; background-image: url({{global_no_admin}}); top: 2px; left: -28px; position: absolute; z-index: 60000;"><div style="padding: 40px 30px 30px 50px; color: #2c2c2c; line-height: 19px;">
<table align="left">
<tr><td align="left"><h2 style="font-family: TimesNewRoman !important; text-transform: capitalize;">Hallo {{user_name}}!</h2></tr></td>
<tr><td align="left">Du bist nun erfolgreich eingeloggt und kannst das Forum mit Inhalten füllen und gestalten. <b>Klick auf "Admin" um dein Forum individuell anzupassen!</b></td></tr>
<tr><td align="left"><hr/><img alt="list1" src="{{global_no_admin_list}}" style="margin-right: 6px;" />Foren, Kategorien und Themen anlegen</td></tr>
<tr><td align="left"><img alt="list2" src="{{global_no_admin_list}}" style="margin-right: 6px;" />das Forum umbenennen</td></tr>
<tr><td align="left"><img alt="list3" src="{{global_no_admin_list}}" style="margin-right: 6px;" />Design und Layout auswählen und anpassen</td></tr>
<tr><td align="left"><img alt="list4" src="{{global_no_admin_list}}" style="margin-right: 6px;" />und vieles mehr...<hr/></td></tr>
<tr><td align="left">Wenn du Probleme beim einrichten hast, kannst du deine Fragen gern in unserem <a href="https://www.hpm-support.de/" target="_blank">Support-Forum</a> stellen... <br/><br/><b>Viel Spaß mit dem Forum wünscht dir</b>, <br/>
dein Homepagemodules-Team.<div align="right"><small><a href="#" onclick="document.getElementById('admin_inform').style.display='none';" style="text-decoration: none;">ausblenden</a></small></div></td></tr></table>
</div>{{no_admin_login==true.end}}</div>{{user_admin==true.end}}
{{user_registered==true.end}}
 
{{chat_pos==1.start}}
{{chat_on_page}}
{{chat_pos==1.end}}
{{loadlayout==false.else}}
{{get_toplayout(curlayout)}}
{{loadlayout==false.end}}
 

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
23.08.2014 23:09
avatar  Demi95
#14 RE: Navigationsleiste aufteilen
avatar
Mitglied

Jap, das scheint nun definitiv zu funktionieren! Habe es mit beiden getestet. Nun bin ich ein sehr glücklicher Forenadmin und bedanke mich noch mal ganz herzlich bei dir für den Aufwand den du betrieben hast, obwohl du es nicht hättest müssen. Ohne deine Hilfe wäre ich aufgeschmissen gewesen. Mein Glück das es hier so hilfsbereite Menschen wie dich gibt. *g*


 Antworten

 Beitrag melden
23.08.2014 23:13
avatar  Romulus
#15 RE: Navigationsleiste aufteilen
avatar
Mitglied

Das ist gerne geschehen.

LG. Romulus

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!