Statistik neu stylen, brauche Hilfe

Guten Abend ihr Lieben, ich bin ja im Umschreiben und Programmieren nicht so gut, ich habe jetzt ein kleines Problemchen, ich habe gute Ideen, kann manche nicht umsetzen.

Bei mir hapert es am Geburtstag, das will zum Teufel nochmal nicht gehen, das andere habe ich schön hinbekommen. Ich denke, dass ich da eine falsche Denklogik im Schreiben angehe.

Ich weiß, dass ich ein verrücktes Kerlchen bin, manchmal auch oft missverstanden, kann auch sein, dass ich mich hier wieder falsch ausdrücke und ich falsch verstanden werde.

Wollte die normale Statistik unten links stylisch verändern, soweit klappt es auch, zeigt auch alles an so wie ich es will. Das einzige Problem ist der Geburtstag, will nicht. Ich habe im neuen Style soweit alles drin bis auf den Geburtstag. Da hänge ich fest und komme nicht weiter, deswegen die Frage: Bin ich da falsch angegangen?

Hier als Gast wie es ausschaut:

Als Gast

Hier wie es ausschaut, eingeloggt:

Wenn man eingeloggt ist

Hier mal das Script soweit wie ich es gemacht habe:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
 
<style>
/* 1. MEIN KOMPLETTES DESIGN-SYSTEM */
:root { 
    --h-cyan: #00f2ff; --h-red: #ff4444; --stealth-bg: #05080a; 
    --h-pink: #f0f; --h-green: #00ff88; 
}
html, body { -webkit-font-smoothing: antialiased !important; background: var(--stealth-bg); }
 
.daishi-terminal-interface {
    background: rgba(10, 15, 25, 0.95) !important; border: 1px solid rgba(0, 242, 255, 0.2) !important;
    border-left: 4px solid var(--h-cyan) !important; padding: 20px !important; 
    font-family: 'Courier New', monospace !important; position: relative; overflow: hidden; 
    color: #e0faff !important; margin: 20px 0 0 0 !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.7) !important;
}
 
.daishi-terminal-interface::before {
    content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 255, 0, 0.02));
    background-size: 100% 2px, 3px 100%; pointer-events: none; z-index: 2;
}
 
.t-header { font-size: 10px; letter-spacing: 4px; color: var(--h-cyan); border-bottom: 1px solid rgba(0, 242, 255, 0.1); padding-bottom: 5px; margin-bottom: 15px; display: flex; justify-content: space-between; }
.t-row { margin-bottom: 12px; display: flex; justify-content: space-between; align-items: baseline; }
.t-label { font-size: 9px; color: rgba(0, 242, 255, 0.5); text-transform: uppercase; }
.t-value { font-size: 14px; color: #fff; text-shadow: 0 0 10px var(--h-cyan); }
 
.t-identities { background: rgba(0, 242, 255, 0.05); padding: 12px; border: 1px solid rgba(0, 242, 255, 0.1); margin-top: 15px; }
.t-user-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.t-avatar-node { display: inline-flex; align-items: center; background: rgba(0, 242, 255, 0.1); border: 1px solid rgba(0, 242, 255, 0.3); padding: 3px 8px; text-decoration: none !important; color:#fff !important;}
.t-avatar-node img { width: 22px; height: 22px; border: 1px solid var(--h-cyan); object-fit: cover; margin-left: 6px;}
 
.daishi-system-clock-bar {
    margin-top: 5px; background: rgba(0, 0, 0, 0.8); border: 1px solid rgba(0, 242, 255, 0.2);
    border-right: 4px solid var(--h-cyan); padding: 8px 15px; display: flex;
    justify-content: space-between; align-items: center; font-family: 'Courier New', monospace;
    color: var(--h-cyan); font-size: 11px;
}
 
.birthday-terminal {
    background: rgba(20, 5, 15, 0.95) !important; border: 1px solid rgba(255, 0, 255, 0.3) !important;
    border-left: 4px solid var(--h-pink) !important; padding: 15px !important; margin-top: 10px !important;
}
 
#daishi-flow div { border-left: 2px solid var(--h-green); padding-left: 5px; margin-bottom: 2px; opacity: 0.5; font-size: 9px; color: var(--h-green); }
 
/* KILLT NUR DEN STANDARDSATZ & LEGENDE */
#foverview_legend, .foverview_legend, #visits_, #foverview_stat, #foverview_stat1, #foverview_stat2,
div[style*="line-height:20px"]:has(img[src*="a_769"]) { 
    display: none !important; 
}
</style>
 
<script>
(function() {
    function runDaishiMasterClean() {
        const vEl = document.getElementById('visits_');
        const aEl = document.getElementById('foverview_stat1');
        const rEl = document.getElementById('foverview_stat2');
 
        // Meine 9-Monate Daten-Logik (Traffic-Berechnung)
        const vText = vEl ? vEl.innerText : "";
        const parts = vText.split("gestern");
        const tNums = (parts[0] || "").match(/\d+/g) || ["0", "0"];
        const yNums = (parts[1] || "").match(/\d+/g) || ["0", "0"];
        const bots = aEl ? (aEl.innerHTML.match(/Google|Bing|Baidu|Yandex|Spider|Bot/gi) || []).length : 0;
        
        const uID = "{{user_id}}".trim();
        const uName = "{{user_name}}".trim() || "GAST-AGENT";
        const isAdmin = "{{user_admin}}" === "1";
        let meinRang = "{{rank_name}}".trim() || (isAdmin ? "SYSTEM-ADMINISTRATOR" : (uID && uID !== "0" ? "USER" : "GAST"));
        let authLevel = (uID === "" || uID === "0") ? "GAST" : (isAdmin ? "ROOT" : "USER");
        let authColor = (uID === "" || uID === "0") ? "#666" : (isAdmin ? "var(--h-red)" : "var(--h-cyan)");
 
        const target = document.querySelector('td[style*="width: 65%"] .spacer10') || document.querySelector('.foverview');
        if (target && !document.getElementById('daishi-main-ui')) {
            const ui = document.createElement('div');
            ui.id = 'daishi-main-ui'; ui.className = 'daishi-terminal-interface';
            
            // Haupt-Interface mit allen Meinen Zeilen
            ui.innerHTML = `
                <div class="t-header">SYSTEM_TRAFFIC_REPORT</div>
                <div class="t-row"><span class="t-label">IDENTITÄT:</span><span class="t-value">${uName}</span></div>
                <div class="t-row"><span class="t-label">RANG:</span><span class="t-value">${meinRang}</span></div>
                <div class="t-row"><span class="t-label">PEAK_RECORD:</span><span class="t-value">${rEl ? rEl.innerText.replace("Besucherrekord", "").trim() : "---"}</span></div>
                <div class="t-row"><span class="t-label">BOTS_DETECTED:</span><span class="t-value">${bots}</span></div>
 
                <div id="boot-nodes" class="t-identities">
                    <div class="t-label">ACTIVE_NODES:</div>
                    <div class="t-user-list">{{useronline==true.start}}{{useronline.startlist}}<a href="{{useronline:link}}" class="t-avatar-node"><span>{{useronline:name}}</span><img src="{{useronline:avatar==true.start}}{{useronline:avatar}}{{useronline:avatar==true.else}}//files.homepagemodules.de/b2001010/a_551.png{{useronline:avatar==true.end}}"></a>{{useronline.end}}{{useronline==true.else}}IDLE{{useronline==true.end}}</div>
                </div>
 
                <div id="boot-history" style="margin-top:15px; border-top:1px solid rgba(0,242,255,0.1); padding-top:10px;">
                    <div class="t-label" style="margin-bottom:8px;">TRAFFIC_HISTORY_LOG:</div>
                    <div style="display:grid; grid-template-columns: 1fr 1fr; gap:10px; font-size:10px;">
                        <div style="background:rgba(0,242,255,0.03); padding:8px; border:1px dashed rgba(0,242,255,0.2);"><span style="color:var(--h-cyan);">[T_0] TODAY</span><br>GUESTS: ${tNums[0] || 0} | NODES: ${tNums[1] || 0}</div>
                        <div style="background:rgba(255,255,255,0.02); padding:8px; border:1px dashed rgba(255,255,255,0.1);"><span style="color:rgba(255,255,255,0.4);">[T_-1] YEST.</span><br>GUESTS: ${yNums[0] || 0} | NODES: ${yNums[1] || 0}</div>
                    </div>
                </div>
 
                <div style="margin-top: 15px; font-size: 10px; color: ${authColor}; font-weight: bold; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 8px;">
                    > STATUS: ${authLevel} // ENCRYPTION: AES_256_ACTIVE
                </div>
            `;
            target.prepend(ui);
 
            // Geburtstag-Check (Nur wenn echte User drin sind)
            const rawBData = `{{birthday.startlist}}USER{{birthday.end}}`.trim();
            if (rawBData.length > 4) {
                const bUi = document.createElement('div');
                bUi.className = 'birthday-terminal';
                bUi.innerHTML = `<div style="color:var(--h-pink); font-size:10px; margin-bottom:10px;">[!] GEBURTSTAGE HEUTE:</div><div class="t-user-list">{{birthday.startlist}}<a href="{{birthday:link}}" class="t-avatar-node" style="border-color:var(--h-pink);"><span>{{birthday:name}}</span><img src="{{birthday:avatar==true.start}}{{birthday:avatar}}{{birthday:avatar==true.else}}//files.homepagemodules.de/b2001010/a_551.png{{birthday:avatar==true.end}}" style="border-color:var(--h-pink);"></a>{{birthday.end}}</div>`;
                ui.after(bUi);
            }
 
            const animBox = document.createElement('div');
            animBox.className = 'daishi-terminal-interface';
            animBox.style.cssText = 'margin-top: 10px; min-height: 80px; background: #000; border-left: 4px solid var(--h-green);';
            animBox.innerHTML = `<div class="t-header" style="color:var(--h-green); border:none;">PROZESS_SCANNER</div><div id="daishi-flow"></div>`;
            (document.querySelector('.birthday-terminal') || ui).after(animBox);
 
            const clockBar = document.createElement('div');
            clockBar.className = 'daishi-system-clock-bar';
            clockBar.innerHTML = `<div>STATUS: STABIL</div><div id="daishi-live-clock">00:00:00</div><div>UPTIME: <span id="sys-uptime">00:00:00</span></div>`;
            animBox.after(clockBar);
 
            let up = 0;
            setInterval(() => {
                const c = document.getElementById('daishi-live-clock'); if(c) c.innerText = new Date().toLocaleTimeString();
                const u = document.getElementById('sys-uptime'); if(u) { up++; u.innerText = `00:${String(Math.floor(up/60)).padStart(2,'0')}:${String(up%60).padStart(2,'0')}`; }
                const flow = document.getElementById('daishi-flow');
                if(flow) {
                    const nl = document.createElement('div'); nl.innerText = `> SIG_0x${Math.random().toString(16).slice(2,6).toUpperCase()}... OK`;
                    flow.appendChild(nl); if(flow.childNodes.length > 3) flow.removeChild(flow.firstChild);
                }
            }, 1000);
        }
    }
    window.addEventListener('load', runDaishiMasterClean);
})();
</script>
 

Schließen

Habe da lange daran getüftelt, wollte jetzt euch fragen, was ich hier an der Denklogik falsch gemacht habe. Wie gesagt, bei mir zeigt es alles schön sauber an, bis auf den blöden Geburtstag.

Ich habe es bei mir als Plugin unter "Forum Übersicht - footer " laufen.

Wollte hier mal liebevoll, nett und höflich fragen, warum das nicht geht mit dem Geburtstag und ich im Schreiben des Scriptes einen Fehler oder in meiner Denklogik habe. Da ich nur das "Business (v4)" habe, habe ich nur "Business (v4) Variablen" benutzt.

Ich hoffe, dass ich hier nicht zu viele Fehler habe in meiner Denklogik, wollte das alles etwas intelligenter machen. Ich freue mich sehr auf Antworten, Ideen und Vorschläge und wo ich hier viele Fehler habe.

Hoffe sehr, dass meine Arbeit in der Hinsicht nicht umsonst war und ich es so gut es geht erklären konnte.

Mit herzlichen Grüßen

Daishi

Daishi

Antworten

#2 | RE: Statistik neu stylen, brauche Hilfe datum

28.02.2026 09:39

Daishi

Informationen anzeigen

Beitr�ge:	434
Registriert seit:	08.01.2022

Homepage:	Nicht angegeben
Letzte Spende	Betrag 15 � Forum Spende
Sternzeichen	Steinbock
Likes	414

Update: Der Fehler beim Geburtstag ist gefunden! 💡

Ich habe den Fehler in meiner Denklogik geknackt. Es lag an zwei Dingen:

Timing-Problem: Mein Script war zu schnell für Xobor. Es hat nach den Geburtstags-Daten gesucht, bevor die Seite im Hintergrund fertig geladen war.

Das Script sah also ein leeres Feld und dachte, es gibt keine Geburtstage.

Daten-Abfrage: Anstatt mich auf die (manchmal zickigen) Text-Variablen zu verlassen, habe ich das Script jetzt zum "Detektiv" gemacht.

Es scannt die fertige Seite jetzt direkt nach dem kleinen Geburtstags-Kuchen-Icon (a_769).

Die Lösung: Sobald das Script das Icon auf der Seite findet, wird das Terminal-Fenster sofort aktiv und "klaut" sich das Profilbild direkt aus dem System-Header oben.

Jetzt wird der Geburtstag im Business v4 Template absolut zuverlässig und im richtigen Style angezeigt!

Geburtstag anzeige

Hier nochmal wie ich es gelöst habe im Script:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
 
<style>
/* 1. MEIN KOMPLETTES DESIGN-SYSTEM (DAISHI-TERMINAL) */
:root { 
    --h-cyan: #00f2ff; --h-red: #ff4444; --stealth-bg: #05080a; 
    --h-pink: #f0f; --h-green: #00ff88; 
}
html, body { -webkit-font-smoothing: antialiased !important; background: var(--stealth-bg); }
 
.daishi-terminal-interface {
    background: rgba(10, 15, 25, 0.95) !important; border: 1px solid rgba(0, 242, 255, 0.2) !important;
    border-left: 4px solid var(--h-cyan) !important; padding: 20px !important; 
    font-family: 'Courier New', monospace !important; position: relative; overflow: hidden; 
    color: #e0faff !important; margin: 20px 0 0 0 !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.7) !important;
}
 
.daishi-terminal-interface::before {
    content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 255, 0, 0.02));
    background-size: 100% 2px, 3px 100%; pointer-events: none; z-index: 2;
}
 
.t-header { font-size: 10px; letter-spacing: 4px; color: var(--h-cyan); border-bottom: 1px solid rgba(0, 242, 255, 0.1); padding-bottom: 5px; margin-bottom: 15px; display: flex; justify-content: space-between; }
.t-row { margin-bottom: 12px; display: flex; justify-content: space-between; align-items: baseline; }
.t-label { font-size: 9px; color: rgba(0, 242, 255, 0.5); text-transform: uppercase; }
.t-value { font-size: 14px; color: #fff; text-shadow: 0 0 10px var(--h-cyan); }
 
.t-identities { background: rgba(0, 242, 255, 0.05); padding: 12px; border: 1px solid rgba(0, 242, 255, 0.1); margin-top: 15px; }
.t-user-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.t-avatar-node { display: inline-flex; align-items: center; background: rgba(0, 242, 255, 0.1); border: 1px solid rgba(0, 242, 255, 0.3); padding: 3px 8px; text-decoration: none !important; color:#fff !important;}
.t-avatar-node img { width: 22px; height: 22px; border: 1px solid var(--h-cyan); object-fit: cover; margin-left: 6px;}
 
.daishi-system-clock-bar {
    margin-top: 5px; background: rgba(0, 0, 0, 0.8); border: 1px solid rgba(0, 242, 255, 0.2);
    border-right: 4px solid var(--h-cyan); padding: 8px 15px; display: flex;
    justify-content: space-between; align-items: center; font-family: 'Courier New', monospace;
    color: var(--h-cyan); font-size: 11px;
}
 
.birthday-terminal {
    background: rgba(20, 5, 15, 0.95) !important; border: 1px solid rgba(255, 0, 255, 0.3) !important;
    border-left: 4px solid var(--h-pink) !important; padding: 15px !important; margin-top: 10px !important;
}
 
#daishi-flow div { border-left: 2px solid var(--h-green); padding-left: 5px; margin-bottom: 2px; opacity: 0.5; font-size: 9px; color: var(--h-green); }
 
/* KILLT DIE ORIGINAL-STATISTIKEN */
#foverview_legend, .foverview_legend, #visits_, #foverview_stat, #foverview_stat1, #foverview_stat2,
div[style*="line-height:20px"]:has(img[src*="a_769"]) { 
    display: none !important; 
}
</style>
 
<script>
(function() {
    function runDaishiMasterClean() {
        const vEl = document.getElementById('visits_');
        const aEl = document.getElementById('foverview_stat1');
        const rEl = document.getElementById('foverview_stat2');
 
        // --- MEIN TRAFFIC-LOGIK FIX (NEU & SICHER) ---
        const vText = vEl ? vEl.innerText.toLowerCase() : "";
        const segments = vText.split("gestern");
        
        // HEUTE: Wir nehmen die ersten zwei Zahlen vor dem Wort "gestern"
        const tNums = segments[0] ? (segments[0].match(/\d+/g) || ["0", "0"]) : ["0", "0"];
        
        // GESTERN: Wir nehmen die ersten zwei Zahlen nach dem Wort "gestern"
        const yNums = segments[1] ? (segments[1].match(/\d+/g) || ["0", "0"]) : ["0", "0"];
        
        const bots = aEl ? (aEl.innerHTML.match(/Google|Bing|Baidu|Yandex|Spider|Bot/gi) || []).length : 0;
        // --- FIX ENDE ---
        
        const uID = "{{user_id}}".trim();
        const uName = "{{user_name}}".trim() || "GAST-AGENT";
        const isAdmin = "{{user_admin}}" === "1";
        
        let meinRang = "{{rank_name}}".trim();
        if(!meinRang || meinRang.includes('{')) {
            meinRang = isAdmin ? "SYSTEM-ADMINISTRATOR" : (uID && uID !== "0" ? "USER" : "GAST");
        }
 
        let authLevel = (uID === "" || uID === "0") ? "GAST" : (isAdmin ? "ROOT" : "USER");
        let authColor = (uID === "" || uID === "0") ? "#666" : (isAdmin ? "var(--h-red)" : "var(--h-cyan)");
 
        const target = document.querySelector('td[style*="width: 65%"] .spacer10') || document.querySelector('.foverview');
        if (target && !document.getElementById('daishi-main-ui')) {
            const ui = document.createElement('div');
            ui.id = 'daishi-main-ui'; ui.className = 'daishi-terminal-interface';
            
            ui.innerHTML = `
                <div class="t-header">SYSTEM_TRAFFIC_REPORT // AUTH: ${authLevel}</div>
                <div class="t-row"><span class="t-label">IDENTITÄT:</span><span class="t-value">${uName}</span></div>
                <div class="t-row"><span class="t-label">RANG:</span><span class="t-value">${meinRang}</span></div>
                <div class="t-row"><span class="t-label">PEAK_RECORD:</span><span class="t-value">${rEl ? rEl.innerText.replace("Besucherrekord", "").trim() : "---"}</span></div>
                <div class="t-row"><span class="t-label">BOTS_DETECTED:</span><span class="t-value">${bots}</span></div>
 
                <div id="boot-nodes" class="t-identities">
                    <div class="t-label">ACTIVE_NODES:</div>
                    <div class="t-user-list">{{useronline==true.start}}{{useronline.startlist}}<a href="{{useronline:link}}" class="t-avatar-node"><span>{{useronline:name}}</span><img src="{{useronline:avatar==true.start}}{{useronline:avatar}}{{useronline:avatar==true.else}}//files.homepagemodules.de/b2001010/a_551.png{{useronline:avatar==true.end}}"></a>{{useronline.end}}{{useronline==true.else}}IDLE{{useronline==true.end}}</div>
                </div>
 
                <div id="boot-history" style="margin-top:15px; border-top:1px solid rgba(0,242,255,0.1); padding-top:10px;">
                    <div class="t-label" style="margin-bottom:8px;">TRAFFIC_HISTORY_LOG:</div>
                    <div style="display:grid; grid-template-columns: 1fr 1fr; gap:10px; font-size:10px;">
                        <div style="background:rgba(0,242,255,0.03); padding:8px; border:1px dashed rgba(0,242,255,0.2);"><span style="color:var(--h-cyan);">[T_0] TODAY</span><br>GUESTS: ${tNums[0] || 0} | NODES: ${tNums[1] || 0}</div>
                        <div style="background:rgba(255,255,255,0.02); padding:8px; border:1px dashed rgba(255,255,255,0.1);"><span style="color:rgba(255,255,255,0.4);">[T_-1] YEST.</span><br>GUESTS: ${yNums[0] || 0} | NODES: ${yNums[1] || 0}</div>
                    </div>
                </div>
                
                <div style="margin-top: 15px; font-size: 10px; color: ${authColor}; font-weight: bold; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 8px;">
                    > STATUS: ${authLevel} // ENCRYPTION: AES_256_ACTIVE
                </div>
            `;
            target.prepend(ui);
 
            // DER GEBURTSTAGS-AVATAR-FIX
            const bSource = document.querySelector('div[style*="line-height:20px"]:has(img[src*="a_769"])');
            if (bSource) {
                const bLink = bSource.querySelector('a');
                const bName = bLink ? bLink.innerText : "Daishi";
                const bAgeMatch = bSource.innerText.match(/\((\d+)\)/);
                const bAge = bAgeMatch ? bAgeMatch[0] : "";
                const meinEchterAvatar = ui.querySelector('img') ? ui.querySelector('img').src : "//files.homepagemodules.de/b2001010/a_551.png";
                
                const bUi = document.createElement('div');
                bUi.className = 'birthday-terminal';
                bUi.innerHTML = `
                    <div style="color:var(--h-pink); font-size:10px; margin-bottom:10px; font-weight:bold;">[!] GEBURTSTAGE HEUTE:</div>
                    <div class="t-user-list">
                        <a href="${bLink ? bLink.href : '#'}" class="t-avatar-node" style="border-color:var(--h-pink); background:rgba(255,0,255,0.05);">
                            <span style="color:#fff;">${bName} ${bAge}</span>
                            <img src="${meinEchterAvatar}" style="border-color:var(--h-pink); width:22px; height:22px; object-fit:cover;">
                        </a>
                    </div>
                    <div style="color:var(--h-pink); font-size:9px; margin-top:8px; opacity:0.8;">> STATUS: LEVEL_UP_CONFIRMED</div>
                `;
                ui.after(bUi);
            }
 
            // Animationen & Zeit
            const animBox = document.createElement('div');
            animBox.className = 'daishi-terminal-interface';
            animBox.style.cssText = 'margin-top: 10px; min-height: 80px; background: #000; border-left: 4px solid var(--h-green);';
            animBox.innerHTML = `<div class="t-header" style="color:var(--h-green); border:none;">PROZESS_SCANNER</div><div id="daishi-flow"></div>`;
            (document.querySelector('.birthday-terminal') || ui).after(animBox);
 
            const clockBar = document.createElement('div');
            clockBar.className = 'daishi-system-clock-bar';
            clockBar.innerHTML = `<div>STATUS: STABIL</div><div id="daishi-live-clock">00:00:00</div><div>UPTIME: <span id="sys-uptime">00:00:00</span></div>`;
            animBox.after(clockBar);
 
            let up = 0;
            setInterval(() => {
                const c = document.getElementById('daishi-live-clock'); if(c) c.innerText = new Date().toLocaleTimeString();
                const u = document.getElementById('sys-uptime'); if(u) { up++; u.innerText = `00:${String(Math.floor(up/60)).padStart(2,'0')}:${String(up%60).padStart(2,'0')}`; }
                const flow = document.getElementById('daishi-flow');
                if(flow) {
                    const nl = document.createElement('div'); 
                    nl.innerText = `> SIG_0x${Math.random().toString(16).slice(2,6).toUpperCase()}... OK`;
                    flow.appendChild(nl); if(flow.childNodes.length > 3) flow.removeChild(flow.firstChild);
                }
            }, 1000);
        }
    }
    window.addEventListener('load', runDaishiMasterClean);
})();
</script>
 
 

Schließen

Habe die ganze Nacht bis jetzt daran gehangen den Fehler zu finden und zu lösen.

Ich bedanke mich recht herzlich bei euch für all eure Bemühungen, eure Zeit und die Hilfe.

Es tut gut zu wissen, dass man hier nicht alleine gelassen wird, wenn man mal an seiner eigenen Logik verzweifelt!

Mit herzlichen Grüßen

Daishi

Daishi

Wolfgang findet das Top!

Antworten

Iconbar: "Bilder der Galerie" oder "Inhalte integrieren" löschen � � Zitatfunktion beim Bearbeiten

�hnliche Themen

Antworten

Letzter Beitrag

Hilfe bei animierten Button (li, ul, etc.)
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von bienchen 11 07.11.2024 19:12
Anne • Zugriffe: 933
Bräuchte mal professionelle Hilfe - Layout
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi 9 06.05.2024 12:37
Kipper-Spedition • Zugriffe: 523
Bräuchte mal Hilfe
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Daishi 1 19.07.2023 18:54
Wolfgang • Zugriffe: 452
Bräuchte mal Hilfe - TAB-Menü und Portal
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi 11 31.10.2022 10:26
Daishi • Zugriffe: 1460

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

Besondere Foren-Codes für Informationen, Hilfe, Fehler, Warnungen und Geheimes
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

20.02.2022 16:59
von

Wolfgang • Zugriffe: 961

Verschobene Ansicht in der Vorschau [Hilfe!]
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von einfachdine 5 19.04.2020 22:10
Wolfgang • Zugriffe: 964
Hilfe mit Hover Code
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Ana 2 20.02.2018 10:20
Wolfgang • Zugriffe: 4376

Farbverlauf - Ich brauche Hilfe bei der Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Denis Wolf

18.08.2017 11:08
von

Wolfgang • Zugriffe: 1764

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages �

Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! � Statistik neu stylen, brauche Hilfe

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 €

Forum - Statistik neu stylen, brauche Hilfe

Statistik neu stylen, brauche Hilfe