Forum - "Wer ist Online? - Online-Zeitzähler" für alle Templates erweitern!

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Das neue Template Xobor (v6) � "Wer ist Online? - Online-Zeitzähler" für alle Templates erweitern!

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | "Wer ist Online? - Online-Zeitzähler" für alle Templates erweitern! datum

22.06.2020 23:51 (zuletzt bearbeitet: 04.10.2020 20:39)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3034
Punkte:	3678
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Board Nr:
Likes	906

"Wer ist Online" fürs Business Template V4 erweitern - Teil 1

Wenn man sich die Online-Liste im Business-Template anschaut, ist sie recht nützlich und informativ (siehe oben)!
Wie währe es, wenn man zusätzlich, zur Auflistung die Avatar-Bilder hinzufügt, wie sie im Gaia-Template V3 bereits vorhanden sind.
Das folgende Skript vereint die Online-Liste vom Business-Template V4 und die vom Gaia-Template V3.

Wie das aussehen kann, zeigen die folgenden Bilder:

Installation

Das Skript wird als Plugin im "useronline_footer" angelegt!
Wegen der Variablen funktioniert es nicht in der Fußzeile !
Da relativ viele Veränderungen notwendig sind, ist es einfacher den Div-Container ".boxcontent" komplett zu überschreiben!
In Zeile 3 -33 werden zusätzlich die Avatar-Bilder aus dem Gaia angezeigt!
Zeile 37-59 stellen die Infozeilen aus dem Business dar!
Zeile 62+68 geben einen Gesamteindruck über die Anzahl von Gästen und Mitglieder, die online sind!
Wichtig! Das Template wird nicht verändert und bleibt aktuell!

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
 
<script>
$('.boxcontent').html(' \
{{counter.startint}} (0) {{counter.end}}{{line.start}}{{line.end}} \
<table width="100%"> \
{{users.startlist}}{{line==true.start}}{{counter==4.start}} {{counter.startint}} (0) {{counter.end}}</tr><tr><td colspan="4"><hr/></td></tr> {{counter==4.end}}{{line==true.end}}{{line.start}}true{{line.end}}{{counter==0.start}} <tr> {{counter==0.end}} \
<td width="25%" valign="top"> \
<table width="100%"><tr> \
<td width="80px" valign="top"> \
<a href="{{users:link}}" style="display: block; width: 50px; height: 50px; overflow: hidden;padding:10px;"> \
{{users:userimage==true.start}} \
{{current_width.startint}}{{users:avatar_width}}{{current_width.end}}<img src="{{users:userimage}}" width="{{current_width>50.start}}50{{current_width>50.else}}{{users:avatar_width}}{{current_width>50.end}}px" style="border: none;"> \
{{users:userimage==true.else}} \
{{users:user_gender==true.start}}{{users:user_gender_m==true.start}} \
<img width="50px" src="{{global_user_profile_genderM==true.start}}//files.homepagemodules.de/b2001010/a_388.png{{global_user_profile_genderM==true.else}}//files.homepagemodules.de/b2001010/a_382.png{{global_user_profile_genderM==true.end}}" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender_m==true.end}}{{users:user_gender_w==true.start}} \
<img  width="50px" src="{{global_user_profile_genderW==true.start}}//files.homepagemodules.de/b2001010/a_388.png{{global_user_profile_genderW==true.else}}//files.homepagemodules.de/b2001010/a_383.png{{global_user_profile_genderW==true.end}}" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender_w==true.end}} \
{{users:user_gender==true.else}} \
<img style="border: none;" width="50px" src="//files.homepagemodules.de/b2001010/a_388.png" alt="{{users:name}}" title="{{users:name}}"> \
{{users:user_gender==true.end}} \
{{users:userimage==true.end}} \
</a> \
</td> \
<td valign="top"> \
<a href="{{users:link}}" style="text-decoration: none;"><b><span style="{{users:usercolor==true.start}}color:{{users:usercolor}};{{users:usercolor==true.end}}{{users:invisible==true.start}} font-style:italic;{{users:invisible==true.end}}">{{users:name}}{{users:username|shortstring(18,"...")}}</span></b></a> \
<br/> \
{{users:location@location}} \
<br/> \
<small><i>{{users:online|dateformat}}</i></small> \
</td></tr></table> \
</td> \
{{counter.startint}} ( {{counter}}+1 ) {{counter.end}} \
{{users.end}} \
{{counter!==4.start}} </tr> {{counter!==4.end}} \
</table> \
 
<ul class="noimage forum scnd canhov"> \
{{users==true.start}} \
<hr/> \
<li> \
<div style="padding: 0px 20px;"> \
<table class="memberlist"><tr> \
<td><strong>Name</strong></td> \
<td><strong>Titel</strong></td> \
<td><strong>Letzte Aktion</strong></td> \
<td><strong>Ort</strong></td> \
</tr></table> \
</div> \
</li> \
{{users.startlist}} \
<li> \
<div style="padding: 0px 20px !important;"> \
<table class="memberlist"><tr> \
<td><a href="{{users:link}}" {{users:usercolor==true.start}}style="color:{{users:usercolor}} !important;"{{users:usercolor==true.end}}><strong>{{users:uname}}</strong></a></td> \
<td><strong>{{users:title}}</strong></td> \
<td>{{users:online|dateformat}}</td> \
<td>{{users:location@location}}</td> \
</tr></table> \
</div> \
</li> \
{{users.end}} \
<li> \
<div style="padding: 10px 20px;"> \
<table><tr><td><strong>Es sind Online:</strong> <font color="{{global_link_fontcolor}}">{{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast {{guests_online==1.end}}</font>  und <font color="{{global_link_fontcolor}}">{{member_online}} {{member_online!==1.start}}Mitglieder{{member_online!==1.end}} {{member_online==1.start}} Mitglied {{member_online==1.end}}</font></td></tr></table> \
</div> \
</li> \
{{users==true.else}} \
<li> \
<div style="padding: 10px 20px;"> \
<table><tr><td><b>Es sind keine Mitglieder und <font color="{{global_link_fontcolor}}">{{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast {{guests_online==1.end}}</font> online!</font></b></td></tr></table> \
</div> \
</li> \
{{users==true.end}} \
</ul> \
');
</script>
 

Das Skript wird auch als Plugin im "useronline_footer" angelegt, hat weniger Zeichen!
Es ist das gleiche Skript ohne Backslash (umgedrehter Schrägstrich)

1
2
3
 
<script>
$('.boxcontent').html('{{counter.startint}} (0) {{counter.end}}{{line.start}}{{line.end}}<table width="100%">{{users.startlist}}{{line==true.start}}{{counter==4.start}} {{counter.startint}} (0) {{counter.end}}</tr><tr><td colspan="4"><hr/></td></tr> {{counter==4.end}}{{line==true.end}}{{line.start}}true{{line.end}}{{counter==0.start}} <tr> {{counter==0.end}}<td width="25%" valign="top"><table width="100%"><tr><td width="80px" valign="top"><a href="{{users:link}}" style="display: block; width: 50px; height: 50px; overflow: hidden;padding:10px;">{{users:userimage==true.start}}{{current_width.startint}}{{users:avatar_width}}{{current_width.end}}<img src="{{users:userimage}}" width="{{current_width>50.start}}50{{current_width>50.else}}{{users:avatar_width}}{{current_width>50.end}}px" style="border: none;">{{users:userimage==true.else}}{{users:user_gender==true.start}}{{users:user_gender_m==true.start}}<img width="50px" src="{{global_user_profile_genderM==true.start}}//files.homepagemodules.de/b2001010/a_388.png{{global_user_profile_genderM==true.else}}//files.homepagemodules.de/b2001010/a_382.png{{global_user_profile_genderM==true.end}}" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender_m==true.end}}{{users:user_gender_w==true.start}}<img  width="50px" src="{{global_user_profile_genderW==true.start}}//files.homepagemodules.de/b2001010/a_388.png{{global_user_profile_genderW==true.else}}//files.homepagemodules.de/b2001010/a_383.png{{global_user_profile_genderW==true.end}}" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender_w==true.end}}{{users:user_gender==true.else}}<img style="border: none;" width="50px" src="//files.homepagemodules.de/b2001010/a_388.png" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender==true.end}}{{users:userimage==true.end}}</a></td><td valign="top"><a href="{{users:link}}" style="text-decoration: none;"><b><span style="{{users:usercolor==true.start}}color:{{users:usercolor}};{{users:usercolor==true.end}}{{users:invisible==true.start}} font-style:italic;{{users:invisible==true.end}}">{{users:name}}{{users:username|shortstring(18,"...")}}</span></b></a><br/>{{users:location@location}}<br/><small><i>{{users:online|dateformat}}</i></small></td></tr></table></td>{{counter.startint}} ( {{counter}}+1 ) {{counter.end}}{{users.end}}{{counter!==4.start}} </tr> {{counter!==4.end}}</table><ul class="noimage forum scnd canhov">{{users==true.start}}<hr/><li><div style="padding: 0px 20px;"><table class="memberlist"><tr><td><strong>Name</strong></td><td><strong>Titel</strong></td><td><strong>Letzte Aktion</strong></td><td><strong>Ort</strong></td></tr></table></div></li>{{users.startlist}}<li><div style="padding: 0px 20px !important;"><table class="memberlist"><tr><td><a href="{{users:link}}" {{users:usercolor==true.start}}style="color:{{users:usercolor}} !important;"{{users:usercolor==true.end}}><strong>{{users:uname}}</strong></a></td><td><strong>{{users:title}}</strong></td><td>{{users:online|dateformat}}</td><td>{{users:location@location}}</td></tr></table></div></li>{{users.end}}<li><div style="padding: 10px 20px;"><table><tr><td><strong>Es sind Online:</strong> <font color="{{global_link_fontcolor}}">{{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast {{guests_online==1.end}}</font>  und <font color="{{global_link_fontcolor}}">{{member_online}} {{member_online!==1.start}}Mitglieder{{member_online!==1.end}} {{member_online==1.start}} Mitglied {{member_online==1.end}}</font></td></tr></table></div></li>{{users==true.else}}<li><div style="padding: 10px 20px;"><table><tr><td><b>Es sind keine Mitglieder und <font color="{{global_link_fontcolor}}">{{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast {{guests_online==1.end}}</font> online!</font></b></td></tr></table></div></li>{{users==true.end}}</ul>');
</script>
 

Schlie�en

Funktioniert das oben beschriebene Skript nicht störungsfrei, kann es zum Testen auch direkt ins Template geschrieben werden!
Der Inhalt vom Div-Container "boxcontent" zwischen <ul> ... </ul> mit Zeile 8 austauschen"

1
2
3
4
5
6
7
8
9
10
11
12
 
*
*
<div class="box">
<div class="boxheader"><strong>Wer ist Online?</strong></div>
<div class="boxcontent">
 

{{counter.startint}} (0) {{counter.end}}{{line.start}}{{line.end}}<table width="100%">{{users.startlist}}{{line==true.start}}{{counter==4.start}} {{counter.startint}} (0) {{counter.end}}</tr><tr><td colspan="4"><hr/></td></tr> {{counter==4.end}}{{line==true.end}}{{line.start}}true{{line.end}}{{counter==0.start}} <tr> {{counter==0.end}}<td width="25%" valign="top"><table width="100%"><tr><td width="80px" valign="top"><a href="{{users:link}}" style="display: block; width: 50px; height: 50px; overflow: hidden;padding:10px;">{{users:userimage==true.start}}{{current_width.startint}}{{users:avatar_width}}{{current_width.end}}<img src="{{users:userimage}}" width="{{current_width>50.start}}50{{current_width>50.else}}{{users:avatar_width}}{{current_width>50.end}}px" style="border: none;">{{users:userimage==true.else}}{{users:user_gender==true.start}}{{users:user_gender_m==true.start}}<img width="50px" src="{{global_user_profile_genderM==true.start}}//files.homepagemodules.de/b2001010/a_388.png{{global_user_profile_genderM==true.else}}//files.homepagemodules.de/b2001010/a_382.png{{global_user_profile_genderM==true.end}}" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender_m==true.end}}{{users:user_gender_w==true.start}}<img  width="50px" src="{{global_user_profile_genderW==true.start}}//files.homepagemodules.de/b2001010/a_388.png{{global_user_profile_genderW==true.else}}//files.homepagemodules.de/b2001010/a_383.png{{global_user_profile_genderW==true.end}}" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender_w==true.end}}{{users:user_gender==true.else}}<img style="border: none;" width="50px" src="//files.homepagemodules.de/b2001010/a_388.png" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender==true.end}}{{users:userimage==true.end}}</a></td><td valign="top"><a href="{{users:link}}" style="text-decoration: none;"><b><span style="{{users:usercolor==true.start}}color:{{users:usercolor}};{{users:usercolor==true.end}}{{users:invisible==true.start}} font-style:italic;{{users:invisible==true.end}}">{{users:name}}{{users:username|shortstring(18,"...")}}</span></b></a><br/>{{users:location@location}}<br/><small><i>{{users:online|dateformat}}</i></small></td></tr></table></td>{{counter.startint}} ( {{counter}}+1 ) {{counter.end}}{{users.end}}{{counter!==4.start}} </tr> {{counter!==4.end}}</table><ul class="noimage forum scnd canhov">{{users==true.start}}<hr/><li><div style="padding: 0px 20px;"><table class="memberlist"><tr><td><strong>Name</strong></td><td><strong>Titel</strong></td><td><strong>Letzte Aktion</strong></td><td><strong>Ort</strong></td></tr></table></div></li>{{users.startlist}}<li><div style="padding: 0px 20px !important;"><table class="memberlist"><tr><td><a href="{{users:link}}" {{users:usercolor==true.start}}style="color:{{users:usercolor}} !important;"{{users:usercolor==true.end}}><strong>{{users:uname}}</strong></a></td><td><strong>{{users:title}}</strong></td><td>{{users:online|dateformat}}</td><td>{{users:location@location}}</td></tr></table></div></li>{{users.end}}<li><div style="padding: 10px 20px;"><table><tr><td><strong>Es sind Online:</strong> <font color="{{global_link_fontcolor}}">{{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast {{guests_online==1.end}}</font>  und <font color="{{global_link_fontcolor}}">{{member_online}} {{member_online!==1.start}}Mitglieder{{member_online!==1.end}} {{member_online==1.start}} Mitglied {{member_online==1.end}}</font></td></tr></table></div></li>{{users==true.else}}<li><div style="padding: 10px 20px;"><table><tr><td><b>Es sind keine Mitglieder und <font color="{{global_link_fontcolor}}">{{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast {{guests_online==1.end}}</font> online!</font></b></td></tr></table></div></li>{{users==true.end}}</ul>
 

 </div> 
 </div> 
 

Schlie�en

Bis dann und viel Spaß beim Umsetzen neuer ideen!
Wolfgang

Mato und Daishi finden das Top!

Antworten

#2 | "Wer ist online?" fürs Business Template V4 erweitern - Teil 2 datum

25.06.2020 18:37 (zuletzt bearbeitet: 15.07.2020 07:50)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3034
Punkte:	3678
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Board Nr:
Likes	906

"Wer ist online?" fürs Business Template V4 erweitern - Teil 2

Wer die Avatar-Darstellung nicht ganz so pompös haben will, kommt vielleicht mit dem folgenden Beitrag auf den Geschmack!
Hier wird die erweitere Leiste mit Anzahl von Gästen und Mitgliedern übernommen und der Name in den Info-Zeilen bekommt das Avatarbild!

Wie das ausseht, zeigen die folgenden Bilder:

Installation

Das Skript wird als Plugin im "useronline_footer" angelegt!
Wegen der Variablen funktioniert es nicht in der Fußzeile !
Da relativ viele Veränderungen notwendig sind, ist es einfacher den Div-Container ".boxcontent" komplett zu überschreiben!
In Zeile 22 findet man die Verlinkung zum Profil, die Avatar-Bilder und den Usernamen!
Zeile 32 gibt Auskunft über die Anzahl von Gästen und Mitglieder, die online sind!
Zeile 36 gibt Auskunft über die Anzahl der Gäste, wenn kein Mildglied online ist!
Wichtig! Das Template wird nicht verändert und bleibt aktuell!

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
 
<script>
$('.boxcontent').html(' \
<ul class="noimage forum scnd canhov"> \
{{users==true.start}} \
<li> \
<div style="padding: 0px 20px;"> \
<table class="memberlist"> \
<tr> \
<td><strong>Name</strong></td> \
<td><strong>Titel</strong></td>	\
<td><strong>Letzte Aktion</strong></td> \
<td><strong>Ort</strong></td> \
</tr> \
</table> \
</div> \
</li> \
{{users.startlist}} \
<li> \
<div style="padding: 0px 20px;"> \
<table class="memberlist"> \
<tr> \
<td><a href="{{users:link}}" style="display: block; padding:10px;height: 50px; overflow: hidden;{{users:usercolor==true.start}}color:{{users:usercolor}} !important;{{users:usercolor==true.end}}"><div style="display:inline-block;width:60px;">{{users:userimage==true.start}}{{current_width.startint}}{{users:avatar_width}}{{current_width.end}}<img src="{{users:userimage}}" width="{{current_width>50.start}}50{{current_width>50.else}}{{users:avatar_width}}{{current_width>50.end}}px" style="border: none;">{{users:userimage==true.else}}{{users:user_gender==true.start}}{{users:user_gender_m==true.start}}<img width="50px" src="{{global_user_profile_genderM==true.start}}//files.homepagemodules.de/b2001010/a_388.png{{global_user_profile_genderM==true.else}}//files.homepagemodules.de/b2001010/a_382.png{{global_user_profile_genderM==true.end}}" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender_m==true.end}}{{users:user_gender_w==true.start}}<img  width="50px" src="{{global_user_profile_genderW==true.start}}//files.homepagemodules.de/b2001010/a_388.png{{global_user_profile_genderW==true.else}}//files.homepagemodules.de/b2001010/a_383.png{{global_user_profile_genderW==true.end}}" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender_w==true.end}}{{users:user_gender==true.else}}<img style="border: none;" width="50px" src="//files.homepagemodules.de/b2001010/a_388.png" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender==true.end}}{{users:userimage==true.end}}</div><strong>{{users:uname}}</strong></a></td> \
<td>{{users:title}}</td> \
<td>{{users:online|dateformat}}</td> \
<td>{{users:location@location}}</td> \
</tr> \
</table> \
</div> \
</li> \
{{users.end}} \
<li> \
<div style="padding: 10px 20px;"><table><tr><td><strong>Es sind Online:</strong> <font color="{{global_link_fontcolor}}">{{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast {{guests_online==1.end}}</font>  und <font color="{{global_link_fontcolor}}">{{member_online}} {{member_online!==1.start}}Mitglieder{{member_online!==1.end}} {{member_online==1.start}} Mitglied {{member_online==1.end}}</font></td></tr></table></div> \
</li> \
{{users==true.else}} \
<li> \
<div style="padding: 10px 20px;"><table><tr><td><b>Es sind keine Mitglieder und <font color="{{global_link_fontcolor}}">{{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast {{guests_online==1.end}}</font> online!</font></b></td></tr></table></div> \
</li> \
{{users==true.end}} \
</ul> \
');
</script>
 

Das Skript wird auch als Plugin im "useronline_footer" angelegt, hat weniger Zeichen!
Es ist das gleiche Skript ohne Backslash (umgedrehter Schrägstrich)

1
2
3
 
<script>
$('.boxcontent').html('<ul class="noimage forum scnd canhov">{{users==true.start}}<li><div style="padding: 0px 20px;"><table class="memberlist"><tr><td><strong>Name</strong></td><td><strong>Titel</strong></td><td><strong>Letzte Aktion</strong></td><td><strong>Ort</strong></td></tr></table></div></li>{{users.startlist}}<li><div style="padding: 0px 20px;"><table class="memberlist"><tr><td><a href="{{users:link}}" style="display: block; padding:10px;height: 50px; overflow: hidden;{{users:usercolor==true.start}}color:{{users:usercolor}} !important;{{users:usercolor==true.end}}"><div style="display:inline-block;width:60px;">{{users:userimage==true.start}}{{current_width.startint}}{{users:avatar_width}}{{current_width.end}}<img src="{{users:userimage}}" width="{{current_width>50.start}}50{{current_width>50.else}}{{users:avatar_width}}{{current_width>50.end}}px" style="border: none;">{{users:userimage==true.else}}{{users:user_gender==true.start}}{{users:user_gender_m==true.start}}<img width="50px" src="{{global_user_profile_genderM==true.start}}//files.homepagemodules.de/b2001010/a_388.png{{global_user_profile_genderM==true.else}}//files.homepagemodules.de/b2001010/a_382.png{{global_user_profile_genderM==true.end}}" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender_m==true.end}}{{users:user_gender_w==true.start}}<img  width="50px" src="{{global_user_profile_genderW==true.start}}//files.homepagemodules.de/b2001010/a_388.png{{global_user_profile_genderW==true.else}}//files.homepagemodules.de/b2001010/a_383.png{{global_user_profile_genderW==true.end}}" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender_w==true.end}}{{users:user_gender==true.else}}<img style="border: none;" width="50px" src="//files.homepagemodules.de/b2001010/a_388.png" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender==true.end}}{{users:userimage==true.end}}</div><strong>{{users:uname}}</strong></a></td><td>{{users:title}}</td><td>{{users:online|dateformat}}</td><td>{{users:location@location}}</td></tr></table></div></li>{{users.end}}<li><div style="padding: 10px 20px;"><table><tr><td><strong>Es sind Online:</strong> <font color="{{global_link_fontcolor}}">{{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast {{guests_online==1.end}}</font>  und <font color="{{global_link_fontcolor}}">{{member_online}} {{member_online!==1.start}}Mitglieder{{member_online!==1.end}} {{member_online==1.start}} Mitglied {{member_online==1.end}}</font></td></tr></table></div></li>{{users==true.else}}<li><div style="padding: 10px 20px;"><table><tr><td><b>Es sind keine Mitglieder und <font color="{{global_link_fontcolor}}">{{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast {{guests_online==1.end}}</font> online!</font></b></td></tr></table></div></li>{{users==true.end}}</ul>');
</script>
 

Schlie�en

Funktioniert das oben beschriebene Skript nicht störungsfrei, kann es zum Testen auch direkt ins Template geschrieben werden!
Der Inhalt vom Div-Container "boxcontent" zwischen <ul> ... </ul> mit Zeile 8 austauschen"

1
2
3
4
5
6
7
8
9
10
11
12
 
*
*
<div class="box">
<div class="boxheader"><strong>Wer ist Online?</strong></div>
<div class="boxcontent">
 

<ul class="noimage forum scnd canhov">{{users==true.start}}<li><div style="padding: 0px 20px;"><table class="memberlist"><tr><td><strong>Name</strong></td><td><strong>Titel</strong></td><td><strong>Letzte Aktion</strong></td><td><strong>Ort</strong></td></tr></table></div></li>{{users.startlist}}<li><div style="padding: 0px 20px;"><table class="memberlist"><tr><td><a href="{{users:link}}" style="display: block; padding:10px;height: 50px; overflow: hidden;{{users:usercolor==true.start}}color:{{users:usercolor}} !important;{{users:usercolor==true.end}}"><div style="display:inline-block;width:60px;">{{users:userimage==true.start}}{{current_width.startint}}{{users:avatar_width}}{{current_width.end}}<img src="{{users:userimage}}" width="{{current_width>50.start}}50{{current_width>50.else}}{{users:avatar_width}}{{current_width>50.end}}px" style="border: none;">{{users:userimage==true.else}}{{users:user_gender==true.start}}{{users:user_gender_m==true.start}}<img width="50px" src="{{global_user_profile_genderM==true.start}}//files.homepagemodules.de/b2001010/a_388.png{{global_user_profile_genderM==true.else}}//files.homepagemodules.de/b2001010/a_382.png{{global_user_profile_genderM==true.end}}" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender_m==true.end}}{{users:user_gender_w==true.start}}<img  width="50px" src="{{global_user_profile_genderW==true.start}}//files.homepagemodules.de/b2001010/a_388.png{{global_user_profile_genderW==true.else}}//files.homepagemodules.de/b2001010/a_383.png{{global_user_profile_genderW==true.end}}" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender_w==true.end}}{{users:user_gender==true.else}}<img style="border: none;" width="50px" src="//files.homepagemodules.de/b2001010/a_388.png" alt="{{users:name}}" title="{{users:name}}">{{users:user_gender==true.end}}{{users:userimage==true.end}}</div><strong>{{users:uname}}</strong></a></td><td>{{users:title}}</td><td>{{users:online|dateformat}}</td><td>{{users:location@location}}</td></tr></table></div></li>{{users.end}}<li><div style="padding: 10px 20px;"><table><tr><td><strong>Es sind Online:</strong> <font color="{{global_link_fontcolor}}">{{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast {{guests_online==1.end}}</font>  und <font color="{{global_link_fontcolor}}">{{member_online}} {{member_online!==1.start}}Mitglieder{{member_online!==1.end}} {{member_online==1.start}} Mitglied {{member_online==1.end}}</font></td></tr></table></div></li>{{users==true.else}}<li><div style="padding: 10px 20px;"><table><tr><td><b>Es sind keine Mitglieder und <font color="{{global_link_fontcolor}}">{{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast {{guests_online==1.end}}</font> online!</font></b></td></tr></table></div></li>{{users==true.end}}</ul>
 

 </div> 
 </div> 
 

Schlie�en

Bis dann und viel Spaß beim Umsetzen neuer ideen!
Wolfgang

Hans58 und Haviforumstreffpunkt finden das Top!

Antworten

#3 | RE: "Wer ist online?" fürs Business Template V4 ausbauen - Teil 2 datum

12.07.2020 14:03

Tolle Idee

soeben installiert

Antworten

#4 | RE: Fehlersuche: "Wer ist online?" fürs Business Template V4 erweitern - Teil 2 datum

15.07.2020 13:03

Kurzform ist als Plugin eingebaut ... bisher funktioniert es prima

Antworten

#5 | Online-Zeitzähler für alle Templates! datum

04.10.2020 20:38 (zuletzt bearbeitet: 15.10.2022 22:53)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3034
Punkte:	3678
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Board Nr:
Likes	906

Online-Zeitzähler für alle Templates!

Habe ein altes Skript wiedergefunden und ein wenig modifiziert!
Ein interessanter Zusatz für die Statistik von Webseiten ist die Zeit, die man so in einem Forum verbringt!

Im folgenden Skript ist es möglich diese Zeit an verschiedenen Stellen wie, in der Statistik, im Aktivity-Feed, in Wer ist Online, in der Mitgliederliste und im Portal zu platzieren!
Ist der Zeitzähler an irgend einer Stelle nicht gewünscht oder ist zu viel, kann er dort einfach gelöscht werden!
Mit der folgenden Installation kann im "Xobor(v6)-Template" die Liste "Wer ist Online?" über die Fußleiste wieder aufgerufen werden!
Ein Klick auf die Titelleiste der "Wer ist Online - Box" öffnet ebenfalls im "Xobor(v6)-Template" die Online-Liste!
Die Onlinezeit wird so lange gemessen, bis der Browser oder der TAB geschlossen wird!
Wegen der Unruhe der Zeitanzeige, wurde auf die Sekunde verzichtet!
Funktioniert in allen Templates!

Installation

[click]

Schlie�en

[click]

Schlie�en

[click]

Schlie�en

[click]

Schlie�en

[click]

Schlie�en

Das Skript wird für das Xobor(v6)-Template und die mobile Version in "Eigenes Javascript" eingetragen!
Für die Templates (V1-4) kommt alles in die "Fußleiste" oder besser in den "bottom_header"!
In Zeile 2-12 wird für alle Templates die Onlinezeit in der Statistik, im Aktivity-Feed, in Wer ist Online und in der Mitgliederliste eingetragen!

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
 
<script>
//Aktivity Feed + Mitgliederliste + Onlineliste: Xobor (v6)
$('#activity_feed .card-header h5:first,#userlist .card-header h5:first').after('<small>Ihr letzter Besuch war vor <span class="OnlinezeitWert">00:00</span> Stunden</small>');
if (!$('.card-expl').length > 0) {
$('#useronline .card-header h5:first').after('<span style="font-weight:normal;"><small>Ihr letzter Besuch war vor <span class="OnlinezeitWert">00:00</span> Stunden</small></span>');
};
 
//Aktivity Feed + Mitgliederliste + Onlineliste: Standard (v1), ProSilver (v2), Gaia (v3), Business (v4)
$('.xFeedContainer strong, .inpage h2, .topiclist dt:first,.page_useronline .boxheader strong,.page_userlist .boxheader strong,#page-body h2,#pagewidth .cat .ntit').append('<br><span style="font-weight:normal;"><small>Ihr letzter Besuch war vor <span class="OnlinezeitWert">00:00</span> Stunden</small></span>');
 
//Statistik: Alle Templates
$('#visits_').after('<strong>Onlinezeit</strong>:<br>Ihr letzter Besuch war vor <span class="OnlinezeitWert">00:00</span> Stunden<br><br>');
 

function Zeitberechnung() {
if ($('.OnlinezeitWert').length > 0) {
 
var cName = 'onlineCookie';
if (document.cookie && getTimeCookie(cName) != '' && getTimeCookie(cName) != 'NaN') {
var CookieAufrufzeit = parseInt(getTimeCookie(cName));
}
else {
var Aufrufzeit = parseInt((new Date()).getTime());
 
document.cookie = cName+'='+(Aufrufzeit)+';';
var CookieAufrufzeit = Aufrufzeit;
}
var Differenz = parseInt(((new Date()).getTime() - CookieAufrufzeit) / 1000);
var Minuten = Math.floor(Differenz/60);
var Stunden = Math.floor(Minuten/60);
 
var stime = mknull(Differenz,2);
Minuten = (Minuten%60);
stime = mknull(Stunden,2)+':'+mknull(Minuten,2);
 
$('.OnlinezeitWert').html(stime);
setTimeout("Zeitberechnung()", 1000);
}
}
function getTimeCookie(c_name) {
if (document.cookie.length>0) {
c_start=document.cookie.indexOf(c_name + '=');
if (c_start!=-1) {
c_start=c_start + c_name.length+1;
c_end=document.cookie.indexOf(';',c_start);
if (c_end==-1) c_end=document.cookie.length;
return unescape(document.cookie.substring(c_start,c_end));
}
}
return '';
}
function mknull(zahl, stellen) {
var strlen = zahl.toString().length;
for(var i=strlen; i<stellen; i++){
zahl = '0'+zahl;
}
return zahl;
}
 
$(function(){
window.onload = Zeitberechnung();
});
</script>
 

Möchte mal den "Online-Zeitzähler" im Portal unterbringen, ist ein guter Platz in der Titelleiste "Userinfo" zu finden!
Hierzu wird der Bearbeitungsmodus der Portal-Box aufgerufen und die untere Befehlszeile in die Titelleiste eingetragen!
Die Titelleiste ist zusätzlich mit einem Tooltipp ausgestattet!

1
 
<div title="Ihr letzter Besuch">Userinfo <span class="OnlinezeitWert" style="font-weight:bold;position:absolute;right:10px;">00:00</span></div>

Schlie�en

Aktuell wird der Link zur Online-Liste immer nur dann eingeblendet, wenn mehr als 10 Mitglieder online sind.
Mit dem folgenden Eintrag kann im "Xobor(v6)-Template" die Liste "Wer ist Online?" dauerhaft eingeblendet werden!
Beitrag aus dem Support: Xobor (v6): Ich vermisse den Link "Wer ist Online?"
Alles wird in "Eigenes Javascript" eingetragen!

1
2
3
 
if ( (!$('.userlistlink')) || ($('.card-expl')).length){ 
$('<div class="userlistlink text-right"><a href="/useronline.php" style="padding-right:10px;">Mehr anzeigen</a></div>').appendTo("#useronline");
};
 

Schlie�en

Bis dann und viel Erfolg beim Einbau

Wolfgang

Antworten

Formatierbare Tooltipps oder Quickinfos - Version 1-5 � � Taschenrechner im HTML-Format!

�hnliche Themen

Antworten

Letzter Beitrag

Das neue Template Xobor (v6) - alles so neu - alles so einfach ?
Erstellt im Forum Das neue Template Xobor (v6) von ichwersonst 3 03.05.2023 14:02
Hans58 • Zugriffe: 127
Online seit
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Daishi 7 18.10.2022 14:56
Nara • Zugriffe: 357

Business Template V4: Speichern in "Beitrag bearbeiten" verbessern!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

02.06.2020 19:24
von

Wolfgang • Zugriffe: 487

Passwortstärke einstellen und Berechtigung Benutzernamen erweitern!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

08.05.2020 20:02
von

Wolfgang • Zugriffe: 668

Signatur wahlweise ausblenden - Für alle Templates!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

27.11.2019 17:59
von

Wolfgang • Zugriffe: 1235

Xobor Adventskalender & Osterkalender mit Auslösegrafik für alle Templates
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

11.04.2023 09:51
von

Wolfgang • Zugriffe: 6467

Layout-Anpassung für den Internet Explorer 7 im Business Template
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

15.08.2013 14:25
von

Wolfgang • Zugriffe: 1568

Minimierter Styleswitcher / Hintergrundwechsler für alle Template (auch V6)
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 21 16.08.2022 18:44
EaglePipe • Zugriffe: 13062
Wissenswertes im Online-Computerlexikon
Erstellt im Forum Empfehlenswerte und interessante Links! von Wolfgang 0 02.03.2007 16:34
Wolfgang • Zugriffe: 1377

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 85 €

143%