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 & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. MS Windows 11, 10, 8 und 7 - Fragen & Antworten. Linux, Ubuntu und andere Betriebssysteme. Ärger mit dem PC, Laptop oder Tablet? Ärger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? Ärger mit dem PC, Laptop oder Tablet - 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. Elektronik & Elektrotechnik Elektronik & Elektrotechnik - Fragen und Antworten Elektronik & Elektrotechnik - Praxis - Highlights 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:	3843
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag € Forum Spende
Sternzeichen	Skorpion
Likes	1675

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

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:

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:	3843
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag € Forum Spende
Sternzeichen	Skorpion
Likes	1675

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

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

[img=30px]//img.homepagemodules.de/ds/static/smileys/v2/idee.svg[/img]

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:	3843
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag € Forum Spende
Sternzeichen	Skorpion
Likes	1675

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

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:	3843
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag € Forum Spende
Sternzeichen	Skorpion
Likes	1675

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

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

Super Kategorienauswahl für das Smiley-Menü - Version 1-3 » « Mitgliederliste sortiert aufrufen - Visitenkarten-Outfit

Ähnliche Themen

Antworten

Letzter Beitrag

Versuche den HTML - Code zu teilen - Spoiler für die Iconbar
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi

15.02.2025 22:36
von

Anne • Zugriffe: 1549

Aktive Links in der Fußleiste mit Hintergrundfarbe versehen oder ausblenden - Teil 1-2
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 1 18.04.2023 16:57
Wolfgang • Zugriffe: 563

Präsentationskalender - Darstellung interessanter Themen - Teil 1+2
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

09.04.2024 00:35
von

Wolfgang • Zugriffe: 2644

Zuklappen der Forum-Statistik Teil 1+2 - Geburtstage, Ereignis und Online oben in der Forum-Übersicht anzeigen
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

07.04.2022 19:31
von

Gabriella • Zugriffe: 959

Kostenlose Onliner Converter für Audio und Video - Deutsch
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

11.08.2019 14:58
von

Wolfgang • Zugriffe: 960

Glow - Leuchtender Text mit CSS3 "text-shadow" - Teil 1+3!
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

01.03.2017 07:11
von

Wolfgang • Zugriffe: 2138

"Zitat" für die neuen Iconbar erweitern und verbessern!
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 11 27.02.2022 21:00
Daishi • Zugriffe: 4174

Forum-Bilder mit einstellbarer Größe, Tooltipps und Beschreibung ausstatten - Teil 1-3!
Erstellt im Forum Alles für Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

08.06.2022 10:15
von

Wolfgang • Zugriffe: 5230

Neu! 8 Online Tools von F-Secure
Erstellt im Forum Ärger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? von Wolfgang 1 18.01.2025 08:10
Wolfgang • Zugriffe: 3751

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!

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: 45 €

12%