Forum - "Wer ist Online?" erweitern Teil (1-3)

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?" erweitern Teil (1-3) - Online-Zeitzähler!

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?" erweitern Teil (1-3) - Online-Zeitzähler! datum

22.06.2020 23:51 (zuletzt bearbeitet: 22.04.2024 13:27)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3316
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1249

"Wer ist Online" für alle Template erweitern - Teil 1
Aktualisiert 22.04.24

Business (v4)

Wenn man sich die Online-Liste in denTemplates (v1, v2, v4) anschaut, sind sie recht nützlich und informativ (siehe oben)!
Wie wäre 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 mit der vom Gaia-Template V3.
Die Forum-Farben passen sich den Templates an!
Optional ist es auch möglich im Xobor (v6) das Skript einzubauen, aber hier sieht es schon recht gut aus, ein Versuch wäre es allerdings wert!

Wie das aussehen kann, zeigen die folgenden Bilder:

Business (v4)

Installation für alle Templates & Mobil

Das Skript wird als Plugin im "useronline_footer" angelegt und funktioniert in allen Templates.
Im Xobor (v6) ist eine Veränderung im Design nicht zwingend notwendig!
Wegen der Variablen funktioniert es nicht in der Kopf- oder Fußzeile !
In Zeile 67-78 werden globale Avatar-Bilder gesetzt, wenn kein Bild vom User eingetragen wurde!
Zeile 110 gibt Auskunft über die Anzahl von Gästen und Mitglieder, die online sind!
Zeile 112 gibt Auskunft über die Anzahl der Gäste, wenn kein Mildglied online ist!

Optional fürs (V6) Optional ist es auch möglich im Xobor (v6) das Skript einzubauen!
Hier muss die Class in Zeile 60 von ".mmmbt .container-fluid" in ".mbt .container-fluid" korrigiert werden!

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
 
<style>
  .visitenkarte_online {
    position:relative; 
  }
  .visitenkarte_img {
    height: 95px;
    width: 95px;
  }
  .visitenkarte_img img{
    display:flex;    
    margin:auto;
    max-width:80px;
    padding:5px;
    border: none;
  }
  .visitenkarte_info {
    white-space:nowrap;
    font-size: 13px;
    padding:5px 10px; 
  }
  .visitenkarte_info a {
    font-weight:bold;
  }
  .visitenkarte_info b img {
    max-height:25px;
    width:auto;
    margin-bottom:5px;
  }
  .user_online td { 
    width:auto; 
    text-align:center;
    padding: 10px 20px;
  }
  .user_online td:first-child {
    text-align:left !important;
  }
  .user_online tr:first-child td strong {
    padding: 0px 3px;
  } 
  .user_online td img{ 
    min-width:100px;    
    object-fit: contain ;
  }
  .user_online_zahl td {
    padding: 10px 20px;
  } 
 
 /* Scrollbalken Xobor (v6)  */
.mbt .container-fluid {
  width: calc(100% - 15px); 
  margin-left: 0px;
  overflow: auto !important;
}
</style>
 
<script>
document.addEventListener('DOMContentLoaded', function() {
 
// Optional fürs Xobor (v6): Class korrigieren in ".mbt .container-fluid"  
$('.page_useronline .boxcontent, .c_r_cont2 .c_r_content2, .forumbg, .cat, .mmmbt .container-fluid').html(`
  {{counter.startint}} (0) {{counter.end}}{{line.start}}{{line.end}}
  <table width="100%" class="visitenkarte_online">
    {{users.startlist}}{{line==true.start}}{{counter==4.start}} {{counter.startint}} (0) {{counter.end}}<tr><td colspan="4"><hr/></td></tr class="bg2 ntop"> {{counter==4.end}}{{line==true.end}}{{line.start}}true{{line.end}}{{counter==0.start}} <tr class="bg2 ntop"> {{counter==0.end}}
    <td>
      <table width="100%" class="forum scnd"><tr>
        <td class="visitenkarte_img">
            <a href="{{users:link}}">
            {{users:userimage==true.start}}
              <img src="{{users:userimage}}" title="{{users:username}}">
            {{users:userimage==true.else}}
              {{users:user_gender==true.start}}
                {{users:user_gender_m==true.start}}<img src="{{global_user_profile_genderM==true.start}}//files.homepagemodules.de/b2001010/a_382.png{{global_user_profile_genderM==true.else}}//files.homepagemodules.de/b2001010/a_551.png{{global_user_profile_genderM==true.end}}" alt="{{users:name}}" title="{{users:username}}">{{users:user_gender_m==true.end}}
                {{users:user_gender_w==true.start}}<img src="{{global_user_profile_genderW==true.start}}//files.homepagemodules.de/b2001010/a_383.png{{global_user_profile_genderW==true.else}}//files.homepagemodules.de/b2001010/a_551.png{{global_user_profile_genderW==true.end}}" alt="{{users:name}}" title="{{users:username}}">{{users:user_gender_w==true.end}}
              {{users:user_gender==true.else}}
                <img 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_551.png{{global_user_profile_genderM==true.end}}" title="{{users:username}}">
              {{users:user_gender==true.end}}
            {{users:userimage==true.end}}
            </a>
        </td>
        <td class="visitenkarte_info">
          <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>
    {{counter.startint}} ( {{counter}}+1 ) {{counter.end}}
  </td>
    {{users.end}}
    {{counter!==4.start}} </tr> {{counter!==4.end}}
  </table>
  {{users==true.start}}
  <hr/>
  <table width="100%" class="user_online"><tr class="bg2 ntop">
    <td><strong>Name</strong></td>
    <td><strong>Titel</strong></td>
    <td><strong>Letzte Aktion</strong></td>
    <td><strong>Ort</strong></td>
  </tr>
  {{users.startlist}}
  <tr class="bg3">
    <td><a href="{{users:link}}"><strong>{{users:uname}}</strong></a></td>
    <td><strong>{{users:title}}</strong></td>
    <td>{{users:online|dateformat}}</td>
    <td>{{users:location@location}}</td>
  </tr>
  {{users.end}}
  </table> 
  <table width="100%" class="user_online_zahl forum scnd"><tr class="bg2 ntop"><td><strong>Es sind Online:</strong> {{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast {{guests_online==1.end}} und {{member_online}} {{member_online!==1.start}}Mitglieder{{member_online!==1.end}} {{member_online==1.start}} Mitglied {{member_online==1.end}}</td></tr></table>
  {{users==true.else}}
  <table width="100%" class="user_online_zahl forum scnd"><tr class="bg2 ntop"><td><b>Es sind keine Mitglieder und {{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast{{guests_online==1.end}} online!</b></td></tr></table>
  {{users==true.end}}
  <br>
`);
  
});
</script>
 

Schlie�en

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

Mato, Daishi und Anne finden das Top!

Antworten

Moderations-Kommentar:

Beitrag und Skript komplett überarbeitet, funktioniert jetzt in allen Templates & Mobil

#2 | "Wer ist Online?" erweitern - Teil 2! datum

25.06.2020 18:37 (zuletzt bearbeitet: 22.04.2024 13:27)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3316
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1249

"Wer ist Online?" für alle Templates erweitern - Teil 2!
Aktualisiert 20.04.24

Wer die Avatar-Darstellung nicht ganz so pompös haben will, kann mit dem folgenden Beitrag auf den Geschmack kommen!
Hier wird die erweitere Leiste mit Anzahl von Gästen und Mitgliedern übernommen und der Name in den Info-Zeilen bekommt das Avatarbild!
Funktioniert in allen Templates& Mobil!
Die Forum-Farben passen sich den Templates an!
Optional ist es auch möglich im Xobor (v6) das Skript einzubauen, aber hier sieht es schon recht gut aus, ein Versuch wäre es auch hier wert!

Wie das ausseht, zeigen die folgenden Bilder:

Business (v4)

Installation für alle Templates & Mobil

Das Skript wird als Plugin im "useronline_footer" angelegt und funktioniert in allen Templates.
Im Xobor (v6) ist eine Veränderung im Design nicht zwingend notwendig!
Wegen der Variablen funktioniert es nicht in der Kopf- oder Fußzeile !
In Zeile 58-70 werden globale Avatar-Bilder gesetzt, wenn kein Bild vom User eingetragen wurde!
Zeile 79 gibt Auskunft über die Anzahl von Gästen und Mitglieder, die online sind!
Zeile 81 gibt Auskunft über die Anzahl der Gäste, wenn kein Mildglied online ist!

Optional fürs (V6) Optional ist es auch möglich im Xobor (v6) das Skript einzubauen!
Hier muss die Class in Zeile 45 von ".mmmbt .container-fluid" in ".mbt .container-fluid" korrigiert werden!

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
 
<style>
  .tab_online {
    position:relative; 
    width:100%;
    height:auto;
    text-align:center;
  }
  .tab_online td {
    padding: 10px;
    border-bottom:1px solid #aaaaaa;
  }
  .tab_online td:first-child {
    width:100px !important;
  }
  .tab_online a {
    display: block; 
    overflow: hidden;
  }
  .tab_online .title_img img { 
    min-width:100px;    
    object-fit: contain ;
  }
  .tab_online_img img {
    display:flex;    
    margin:auto auto 5px auto;
    max-width:80px;
    border: none;
  }
  .tab_on td {
    padding: 10px 20px;
  }
  
  /* Scrollbalken Xobor (v6)  */
  .mbt .container-fluid {
    width: calc(100% - 15px); 
    margin-left: 0px;
    overflow: auto !important;
  }
</style>
 
<script>
document.addEventListener('DOMContentLoaded', function() {
 
// Optional fürs Xobor (v6): Class korrigieren in ".mbt .container-fluid"  
$('.page_useronline .boxcontent, .c_r_cont2 .c_r_content2, .forumbg, .cat, .mmmbt .container-fluid').html(`
{{users==true.start}}
  <table class="tab_online forum scnd">
    <tr class="bg2 ntop">
      <td><strong>Name</strong></td>
      <td><strong>Titel</strong></td>
      <td><strong>Letzte Aktion</strong></td>
      <td><strong>Ort</strong></td>
    </tr>
                                                                                            
    {{users.startlist}}                                                                                         
    <tr class="bg3">
      <td class="tab_online_img">
        <a href="{{users:link}}">
            {{users:userimage==true.start}}
              <img src="{{users:userimage}}" title="{{users:username}}">
            {{users:userimage==true.else}}
              {{users:user_gender==true.start}}
                {{users:user_gender_m==true.start}}<img src="{{global_user_profile_genderM==true.start}}//files.homepagemodules.de/b2001010/a_382.png{{global_user_profile_genderM==true.else}}//files.homepagemodules.de/b2001010/a_551.png{{global_user_profile_genderM==true.end}}" alt="{{users:name}}" title="{{users:username}}">{{users:user_gender_m==true.end}}
                {{users:user_gender_w==true.start}}<img src="{{global_user_profile_genderW==true.start}}//files.homepagemodules.de/b2001010/a_383.png{{global_user_profile_genderW==true.else}}//files.homepagemodules.de/b2001010/a_551.png{{global_user_profile_genderW==true.end}}" alt="{{users:name}}" title="{{users:username}}">{{users:user_gender_w==true.end}}
              {{users:user_gender==true.else}}
                <img 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_551.png{{global_user_profile_genderM==true.end}}" title="{{users:username}}">
              {{users:user_gender==true.end}}
            {{users:userimage==true.end}}
            <b>{{users:uname}}</b>
          </a>
      </td>
      <td class="title_img">{{users:title}}</td>
      <td>{{users:online|dateformat}}</td>
      <td>{{users:location@location}}</td>
    </tr> 
    {{users.end}}                                                         
  </table>
 
  <table width="100%" class="tab_on scnd"><tr class="bg2 ntop"><td><strong>Es sind Online:</strong> {{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast {{guests_online==1.end}} und {{member_online}} {{member_online!==1.start}}Mitglieder{{member_online!==1.end}} {{member_online==1.start}} Mitglied {{member_online==1.end}}</td></tr></table>
  {{users==true.else}}
  <table width="100%" class="tab_on scnd"><tr class="bg2 ntop"><td><b>Es sind keine Mitglieder und {{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast{{guests_online==1.end}} online!</b></td></tr></table>
  {{users==true.end}}
`);
  
});
</script>
 

Schlie�en

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

Hans58 und Haviforumstreffpunkt finden das Top!

Antworten

Moderations-Kommentar:

Beitrag und Skript komplett überarbeitet, funktioniert jetzt in allen Templates & Mobil

#3 | RE: "Wer ist online?" erweitern - Teil 2 datum

12.07.2020 14:03 (zuletzt bearbeitet: 22.04.2024 13:28)

Tolle Idee

soeben installiert

Antworten

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

04.10.2020 20:38 (zuletzt bearbeitet: 18.04.2024 07:32)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3316
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1249

Online-Zeitzähler für alle Templates!
Aktualisiert 18.04.24

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 für alle Templates & Mobil

Aktivit-Feed / Xobor (v6)

Mitgliederliste / Xobor (v6)

Wer ist Online - Liste / Xobor (v6)

Wer ist Online - Box / Xobor (v6)

Schlie�en

Aktivit-Feed / Business (v4)

Mitgliederliste / Business (v4)

Onlineliste / Business (v4)

Schlie�en

Aktivit-Feed / Gaia (v3)

Mitgliederliste / Gaia (v3)

Onlineliste / Gaia (v3)

Schlie�en

Aktivit-Feed / ProSilver (v2)

Mitgliederliste / ProSilver (v3)

Onlineliste / ProSilver (v2)

Schlie�en

Aktivit-Feed / Standard (v1)

Mitgliederliste / Standard (v1)

Onlineliste / Standard (v1)

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
4
5
6
7
 
<script>
  document.addEventListener('DOMContentLoaded', function() {
    if ( (!$('.userlistlink')) || ($('.card-expl')).length){
      $('<div class="userlistlink text-right"><a href="/useronline.php" style="padding-right:10px;">Mehr anzeigen</a></div>').appendTo("#useronline");
    };
  });
</script>
 

Schlie�en

Bis dann und viel Erfolg beim Einbau

Wolfgang

Daishi findet das Top!

Antworten

Moderations-Kommentar:

Beitrag überarbeitet, Fehler in "Wer ist online - dauerhaft einblenden" behoben!

#5 | RE: "Wer ist online?" erweitern! datum

13.08.2023 11:36 (zuletzt bearbeitet: 22.04.2024 11:29)

Hallöchen

Kann man das auch bei der Mitgliederliste machen?
Das die Profilbilder angezeigt werden?

lg

Antworten

#6 | RE: "Wer ist online?" erweitern! datum

13.08.2023 20:58 (zuletzt bearbeitet: 22.04.2024 11:27)

Zitat von Anne im Beitrag #5
Hallöchen

Kann man das auch bei der Mitgliederliste machen?
Das die Profilbilder angezeigt werden?

lg

Hallo AnneDa gibt es bereits etwas hier aus dem Forum!

Einbauanleitung:

Visitenkarten-Outfit für die Mitgliederliste

Mitgliederliste hier im Forum:

Mitgliederliste

VG
Wolfgang

Antworten

#7 | RE: "Wer ist online?" erweitern - Teil 3! datum

22.04.2024 13:07 (zuletzt bearbeitet: 22.04.2024 13:28)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3316
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1249

"Wer ist Online" für alle Template erweitern - Teil 3
Aktualisiert 22.04.24

In Teil 3 ist es möglich die Onlinedaten auch im Visitenkartenformat, wie in der Mitgliederliste des Gaia-Template (v3) zu gestalten!
In dieser Version ist die Ansicht auf mobilen Endgeräten, wie Handy's oder iPhone sehr vorteilhaft, weil sich die Visitenkarten untereinander automatisch anordnen können!
Der lästige Scrollbalken der Tabelle entfällt!
Die Forum-Farben passen sich den Templates an!
Für das Xobor (v6) ist es optional möglich das Skript abzuschalten (Die V6-Ansicht ist hier recht gut, auch mobil!)

Wie das aussehen kann, zeigen die folgenden Bilder:

Business (v4)

Installation für alle Templates & Mobil

Das Skript wird als Plugin im "useronline_footer" angelegt und funktioniert in allen Templates.
Im Xobor (v6) ist eine Veränderung im Design nicht zwingend notwendig!
Wegen der Variablen funktioniert es nicht in der Kopf- oder Fußzeile !
In Zeile 52-63 werden globale Avatar-Bilder gesetzt, wenn kein Bild vom User eingetragen wurde!
Zeile 79 gibt Auskunft über die Anzahl von Gästen und Mitglieder, die online sind!
Zeile 81 gibt Auskunft über die Anzahl der Gäste, wenn kein Mildglied online ist!

Optional fürs (V6) Optional ist es auch möglich im Xobor (v6) das Skript auszuschalten!
Hier muss die Class ".mbt .container-fluid" in Zeile 47 gelöscht werden!

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
 
<style>
  .visitenkarte_online {
    display:inline-block;
    height:auto;
    width:auto;
    max-width:500px; 
    border:1px solid #aaaaaa;
    margin:15px;
    text-align:left;
  }
  .visitenkarte_img {
    height: 95px;
    width: 95px;
  }
  .visitenkarte_img img{
    display:flex;    
    margin:auto;
    max-width:80px;
    padding:5px;
    border: none;
  }
  .visitenkarte_info {
    font-size: 13px;
    padding:5px 10px; 
  }
  .visitenkarte_info a {
    font-weight:bold;
  }
  .visitenkarte_info b img {
    max-height:25px;
    width:auto;
    margin-bottom:5px;
  }
  .user_online {
    bottom:5px;
    position:relative;
  }
  .user_online td {
    padding: 10px 20px;
  }
</style>
 
<script>
document.addEventListener('DOMContentLoaded', function() {
   
  // Optional fürs Xobor (v6) ausschalten: Class ".mbt .container-fluid"  löschen!
  $('.spacer20 .boxcontent, .c_r_cont2 .c_r_content2, .forumbg, .cat, .mbt .container-fluid').html(`
    {{users.startlist}}
      <table class="visitenkarte_online forum scnd bg2 ntop">
        <tr class="bg2 ntop" style="border:none;">
          <td class="visitenkarte_img">
            <a href="{{users:link}}">
            {{users:userimage==true.start}}
              <img src="{{users:userimage}}" title="{{users:username}}">
            {{users:userimage==true.else}}
              {{users:user_gender==true.start}}
                {{users:user_gender_m==true.start}}<img src="{{global_user_profile_genderM==true.start}}//files.homepagemodules.de/b2001010/a_382.png{{global_user_profile_genderM==true.else}}//files.homepagemodules.de/b2001010/a_551.png{{global_user_profile_genderM==true.end}}" alt="{{users:name}}" title="{{users:username}}">{{users:user_gender_m==true.end}}
                {{users:user_gender_w==true.start}}<img src="{{global_user_profile_genderW==true.start}}//files.homepagemodules.de/b2001010/a_383.png{{global_user_profile_genderW==true.else}}//files.homepagemodules.de/b2001010/a_551.png{{global_user_profile_genderW==true.end}}" alt="{{users:name}}" title="{{users:username}}">{{users:user_gender_w==true.end}}
              {{users:user_gender==true.else}}
                <img 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_551.png{{global_user_profile_genderM==true.end}}" title="{{users:username}}">
              {{users:user_gender==true.end}}
            {{users:userimage==true.end}}
            </a>
          </td>
          <td class="visitenkarte_info">
            <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:username}}</span></b></a>
            <br>
            <b>{{users:title}}</b>
            <br>
            <small>Ort: <i>{{users:location@location}}</i></small>
            <br>
            <small>Letzte Aktion: <i>{{users:online|dateformat}}</i></small>
          </td>
        </tr>
      </table>
    {{users.end}}
 
    {{users==true.start}}
      <table width="100%" class="user_online scnd bg2 ntop"><tr><td><strong>Es sind Online:</strong> {{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast {{guests_online==1.end}} und {{member_online}} {{member_online!==1.start}}Mitglieder{{member_online!==1.end}} {{member_online==1.start}} Mitglied {{member_online==1.end}}</td></tr></table>
    {{users==true.else}}
      <table width="100%" class="user_online scnd bg2 ntop"><tr><td><b>Es sind keine Mitglieder und {{guests_online}} {{guests_online!==1.start}}Gäste{{guests_online!==1.end}} {{guests_online==1.start}}Gast{{guests_online==1.end}} online!</b></td></tr></table>
    {{users==true.end}}
  `);
  
});
</script>
 

Schlie�en

Update für Beitrag #1 + #2

Beitrag #1 + Beitrag #2 wurden überarbeitet, laufen jetzt auch in allen Templates & Mobil!

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

Hans58 und Anne finden das Top!

Antworten

#8 | RE: "Wer ist online?" erweitern - Teil 3! datum

22.04.2024 22:49

Vielen lieben Dank Wolfgang.
Funktioniert super

Wolfgang findet das Top!

Antworten

Mitgliederliste sortiert aufrufen - Visitenkarten-Outfit �

�hnliche Themen

Antworten

Letzter Beitrag

Leere Profilfelder löschen - Installation für alle Templates
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

30.03.2024 15:50
von

Daishi • Zugriffe: 152

Das Plugin "Externe Inhalte einbinden" - Cookie Abfrage erweitern
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

12.03.2024 10:08
von

Kipper-Spedition • Zugriffe: 325

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: 314
Runde oder Quadratische Avatar-Darstellung im Template V4 + V6?
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 6 22.02.2022 16:53
Haviforumstreffpunkt • Zugriffe: 1375

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: 598

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: 858

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

23.12.2023 00:24
von

Kipper-Spedition • Zugriffe: 8107

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: 1743

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: 13660

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 €

78%