Templategenerator für den Counter

Mit diesem Templategenerator kannst Du Dir Dein eigenes Outfit für den chCounter basteln. Alle Werte an diesem chCounter im Wirkbetrieb sind dynamisch einstellbar. Die Ausgabe erfolgt mit einem per Cascading Style-Sheet (CSS) formatierten Layout.
Dieses Template kann für den chCounter ab der Version 3.0.0 eingesetzt werden. Es wird allerdings dringend empfohlen immer auf die aktuellste Version zu aktualisieren.
Am Ende dieser Seite kannst Du dann den generierten Code kopieren...

So sieht Deine aktuelle Einstellung aus:

Besucherstatistik
Besucher gesamt:	247.164
Besucher heute:	133
Besucher gestern:	186
Max. Besucher pro Tag:	436
gerade online:	1
max. online:	32
Seitenaufrufe gesamt:	949.111
Seitenaufrufe diese Seite:	85.892
Statistiken

Die Konfiguration als solches geht sehr einfach mit folgendem Konfigurationsmenü:

Tabelleneigenschaften Tabellenbreite: Rahmenfarbe: Rahmenbreite:
Zellenabstand: Textabstand: Hintergrund:

Überschrift Titel anzeigen: ja nein Titeltext:
Titelbereichsfarbe: Textfarbe: Schriftgröße:

1. Zeile:
2. Zeile:
3. Zeile:
4. Zeile:
5. Zeile:
6. Zeile:
7. Zeile:
8. Zeile:
9. Zeile:
10. Zeile:
11. Zeile:
12. Zeile:
13. Zeile:
14. Zeile:
15. Zeile:
16. Zeile:
17. Zeile:
18. Zeile:
19. Zeile:
20. Zeile:

Zeileneigenschaften Schriftgröße links: Schriftgröße rechts: Werte fett: ja nein
Zeilenfarbe 1: Schriftfarbe 1:
Zeilenfarbe 2: Schriftfarbe 2:

Verlinkung aktuelle Besucher: ja nein
Statistikbereich: ja nein

Den nachfolgend generierten Code bitte komplett markieren. Dies geht am einfachsten mit der rechten Maustaste in den Textbereich klicken und dann "alles markieren" auswählen. Den markierten Code bitte in die Zwischenablage kopieren. Den Inhalt der Zwischenablage in das Originaltemplate templates/counter.tpl.html anstatt dem vorhandenen HTML-Code einfügen.

<div align="center">
<table  class="chcTable">
  <tr>
    <td colspan="2" class="chcHeaderRow">
      Besucherstatistik
    </td>
  </tr>
  <tr>
    <td class="chcLeftRow">{L_TOTAL_VISITORS}</td>
    <td class="chcRightRow">{V_TOTAL_VISITORS}</td>
  </tr>
  <tr>
    <td class="chcLeftRowAlt">{L_VISITORS_TODAY}</td>
    <td class="chcRightRowAlt">{V_VISITORS_TODAY}</td>
  </tr>
  <tr>
    <td class="chcLeftRow">{L_VISITORS_YESTERDAY}</td>
    <td class="chcRightRow">{V_VISITORS_YESTERDAY}</td>
  </tr>
  <tr>
    <td class="chcLeftRowAlt">{L_MAX_VISITORS_PER_DAY}</td>
    <td class="chcRightRowAlt">{V_MAX_VISITORS_PER_DAY}</td>
  </tr>
  <tr>
    <td class="chcLeftRow">{L_VISITORS_CURRENTLY_ONLINE}</td>
      <td class="chcRightRow"><a rel="nofollow" href="{V_COUNTER_URL}/stats/online_users.php" onclick="window.open('{V_COUNTER_URL}/stats/online_users.php','online_users','width=700,height=350,screenX=0,screenY=0,resizable=yes,scrollbars=yes'); return false;" target="online_users">{V_VISITORS_CURRENTLY_ONLINE}</a></td>
  </tr>
  <tr>
    <td class="chcLeftRowAlt">{L_MAX_VISITORS_ONLINE}</td>
    <td class="chcRightRowAlt">{V_MAX_VISITORS_ONLINE}</td>
  </tr>
  <tr>
    <td class="chcLeftRow">{L_TOTAL_PAGE_VIEWS}</td>
    <td class="chcRightRow">{V_TOTAL_PAGE_VIEWS}</td>
  </tr>
  <tr>
    <td class="chcLeftRowAlt">{L_PAGE_VIEWS_THIS_PAGE}</td>
    <td class="chcRightRowAlt">{V_PAGE_VIEWS_THIS_PAGE}</td>
  </tr>
  <tr>
    <td class="chcA" colspan="2" style="text-align:center; padding-top: 4px;">
      <a target="_blank" href="{V_COUNTER_URL}/stats/index.php"><img src="{V_COUNTER_URL}/images/stats.png" style="width:15px; height:15px; border: 0px;" alt="counter" title="{L_STATISTICS}" /></a> 
      <a target="_blank" href="{V_COUNTER_URL}/stats/index.php">{L_STATISTICS}</a>
    </td>
  </tr>
  <tr>
    <td colspan="2" style="text-align:center; padding-top: 4px;">
      <a href="http://chcounter.org/" target="_blank">
        <img src="http://chcounter.org/bilder/logo80x15.png" style="width:80px; height:15px; border: 0px;" alt="counter, Besucherz&auml;hler" title="{L_STATISTICS}" /></a>
    </td>
  </tr>
</table>
</div>

Die Stylesheetangaben können und sollten in das zentrale Stylesheet mit übernommen werden. Dort sind sie sinnvoller aufgehoben und die Seite wird dadurch valide. Natürlich können Profis die Stylesheetangaben verfeinern. Ich habe mich auf die grundlegendsten Möglichkeiten beschränkt.
Hinweis: Der Internetexplorer ignoriert selbst in der Version 7.0 den Zellabstand und stellt immer einen Abstand von 1 Pixel dar.
Die Schriftart habe ich absichtlich nicht definiert. Diese kommt automatisch aus der Homepage in die der chCounter eingebunden wird.

Weitere Infos zu Stylesheets findest Du auf Selfhtml.org. Ist für einen Anfänger zwar schwere Kost, aber das Einarbeiten lohnt sich für Deine gesamte Homepage.

Eine kleine Bitte: Der chCounter ist und bleibt Freeware, Public Domain und wie man sonst noch dazu sagt. Lasst bitte zur Unterstützung und als Info für Eure Besucher das kleine Logo im Template drin. Alternativ könnt ihr gerne auch ein Logo des Counters auf einer anderen Seite einbinden.