#1 von
wolf.andres
, 05.08.2007 18:32
Online-Zeitzähler für Forumbesucher
Hallo.
Mit dem folgenden Javascript können Sie dem Besucher Ihres Forums mitteilen, wie lange er "Online" war. Die Zeit wird für den gesamten Aufenthalt im Forum gezählt.
Einbauanleitung für das Forum:
1. "Java Script" ins "Template" eintragen:
--- <TITLE>{{html_title}}</TITLE> ----
<script language="JavaScript">
<!--
function Zeitberechnung()
{
if(document.cookie)
{
var CookieAufrufzeit = parseInt(document.cookie);
var AktuelleZeit = new Date();
Differenz = parseInt((AktuelleZeit.getTime() - CookieAufrufzeit) / 1000);
document.Onlinezeit.OnlinezeitWert.value = Differenz;
document.cookie = CookieAufrufzeit + 1;
setTimeout("Zeitberechnung()", 1000);
}
else
{
var Aufrufzeit = new Date();
Aufrufzeit = parseInt(Aufrufzeit.getTime());
var AktuelleZeit = new Date();
document.cookie = Aufrufzeit + 1;
Differenz = parseInt((AktuelleZeit.getTime() - Aufrufzeit) / 1000);
document.Onlinezeit.OnlinezeitWert.value = Differenz;
setTimeout("Zeitberechnung()", 1000);
}
}
//-->
</script>
2. Body-Befehl in "Obere Leiste" erweitern (rote Markierung):<BODY marginheight="0" marginwidth="0" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0"
onLoad="Zeitberechnung();">
3. Zähleranzeige in die Online-Leiste (BOo°m's Layout) einbauen:
<tr>
<td colspan="2" class="iau1"><b>User online:</b></td>
<form name="Onlinezeit">
<td colspan="3" class="iau1" align="right"><b>Sie sind seit <input class="iau1"
name="OnlinezeitWert" size="4" type="text"> Sekunden auf dieser Webseite</b></td>
</form>
</tr>
<tr>
<td colspan="{{colspan}}" class="ifo2">{{useronline.startlist}}{{komma}}
<a href="{{useronline:link}}">{{useronline:invisible==true.start}}<i>{{useronline:name}}</i>{{useronline:invisible==true.else}}
{{useronline:name}}{{useronline:invisible==true.end}}</a>{{komma.start}}, {{komma.end}}
{{useronline.end}}  <font color="#666666"><u>{{guests_online}} {{guests_online==1.gast.gaeste}}</u></font></td></tr>
<tr>
<td colspan="{{colspan}}" class="iau1" height="26px"></td></tr>
</table>
.iau1 {
/* Forum Übersicht -> Aktive User zeile 2 mit Liste der aktiven User */
background-image:url(http://www.bilder-hochladen.net/files/78q-157.png);
background-color: #151457;
color: #FCC803;
}
.iau1 A:link {
color: #FCC803;
text-decoration: none;
}
.iau1 A:Hover {
color: #FF6A38;
}
.ifo2 {
/* Forum Übersicht -> Forum style 2 - Foren-Link-Felder */
background-image:url(http://www.bilder-hochladen.net/files/78q-16m.png);
background-color: #D0D0D0;
color: #000000;
font-size: 8pt;
font-weight: bold;
border-top-width: 4px;
border-top-style: solid;
border-top-color: #78789B;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #78789B;
border-right-width: 4px;
border-right-style: solid;
border-right-color: #f5f5f5;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #f5f5f5;
text-align: left;
vertical-align: middle;
}
.ifo2 A:link {
color: #0E06A9;
}
.ifo2 A:hover {
color: #2399FF;
}
.ifo2 A {
/* Forum Übersicht -> Forum style 2 - Link */
color: #6F6D98;
}
| Beiträge: | 99 |
| Registriert am: | 04.02.2007 |
#2 von
Lady of the light
, 20.04.2008 18:09
Jetzt habe ich damit mein Forum unnötig in Länge/Breite gezerrt! Was muss ich anpassen?
http://39410.dynamicboard.de
| Beiträge: | 5 |
| Registriert am: | 21.03.2008 |
#3 von
BOo°m
, 20.04.2008 20:00
Im Beitrag oben steht extra (fett gedruckt) dass die Änderungen für meine Layouts zu machen sind.
Da du keines meiner Layouts benutzt kannst du die Änderungen in der CSS nicht so ohne weiteres übernehmen...
| Beiträge: | 1.991 |
| Registriert am: | 27.11.2005 |
#4 von
Lady of the light
, 21.04.2008 17:47
Naja, meinen Usern gefällt die neue, meiner Meinung nach zerschossene Version *G*. Also kann es ja so bleiben *g*
| Beiträge: | 5 |
| Registriert am: | 21.03.2008 |
#5 von
BOo°m
, 22.04.2008 09:57
also ich habe mir das ja auch angeschaut und muss ehrlich sagen dass es mir persönlich nicht so gut gefällt, weils so gar nicht zum Rest passt.
Vielleicht ist WolfAndres ja nochmal so nett und präsentiert eine Version des Zählers die keine 3D Balken aus meinen Templates benutzt.
Du selbst könntest aber auch einfach versuchen in den von ihm oben genannten Klassen jeweils die Zeile "Background-image: (Bilderlink);" zu entfernen da du diese nicht benötigst wenn du kein 3D Template von mir hast.
| Beiträge: | 1.991 |
| Registriert am: | 27.11.2005 |
#6 von
Lady of the light
, 23.04.2008 19:41
Es sieht jetzt ein wenig besser aus, aber ich glaube, ich muss noch irgendwas wegmachen. Das sieht jetzt so aus:
/* eigener CSS Code von Admin - Layout - HTML, CSS & Co */
.iau1 {
/* Forum Übersicht -> Aktive User zeile 2 mit Liste der aktiven User */
color: #FCC803;
}
.iau1 A:link {
text-decoration: none;
}
.iau1 A:Hover {
color: #FF6A38;
}
.ifo2 {
/* Forum Übersicht -> Forum style 2 - Foren-Link-Felder */
color: #000000;
font-size: 8pt;
font-weight: bold;
border-top-width: 4px;
border-top-style: solid;
border-top-color: #78789B;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #78789B;
border-right-width: 4px;
border-right-style: solid;
border-right-color: #f5f5f5;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #f5f5f5;
text-align: left;
vertical-align: middle;
}
.ifo2 A:link {
color: #0E06A9;
}
.ifo2 A:hover {
color: #2399FF;
}
.ifo2 A {
/* Forum Übersicht -> Forum style 2 - Link */
color: #6F6D98;
}
| Beiträge: | 5 |
| Registriert am: | 21.03.2008 |
 | Forum Software von Xobor Einfach ein eigenes Forum erstellen |
