Dies ist eine Demo Seite für meinen Jommla Counter mod_vvistit_counter.
 

 

  • dieser Counter ist als unabhängiges Countermodul konfiguriert
  • greift auf seine eigene Datentabelle zurück
  • nutzt ein eigenes Statistikimage
  • nutzt einen eigenen CSS Sufix (_demo)
  • Verändert die Standardreihenfolge der einzelnen Sichten auf : 1;3;-;2;4;-;5;6;7;8;-;9;10;11;12;13;14;15;16
  • im POST-Text seht die die Verwendung der Expressions in tabellarischer Form
Aus aktuellem Anlass möchte ich hier direkt darauf hinweisen, dass die Ansicht des Counter ALLE Möglichkeiten zur Demonstration zeigt. Im Counter kann man jede Ansichtsgruppe An- und Abschalten wie man möchte. Wer z.B. kein Diagramm sehen will, schaltet es ab ! Das geht soweit, dass der Counter sogar als reiner IP-Adress-Anzeiger genutzt werden kann, ohne überhaupt irgend etwas zu zählen ! Der Counter im Fußbereich dieser Seite ist ein schönes Beispiel für so eine eigene Konfiguration - man sieht da nur die "Counter-Zahlen".
 
Mehr Beispiele auf der  Extended Demo Page Joomla-Counter
 
 
Alle gesetzten Demo-Counter Eigenschaften sind hier dargestellt : Zeige..

 

Anzeige von in das Template eingefügten  CSS-Eigenschaften..

/** Simple Demo Style Example mod_vvisit_counter by Michael Majunke
 * @copyright Copyright (C) 2011 Majunke Michael http://www.mmajunke.de/
**/

/** Main Div */
/** border: 1px solid #000000; */
div.mvc_main_demo {
  border: 1px solid #D4D5AA;
	width: 60%;
	text-align: center;
	margin-left:auto;
  margin-right:auto;
}
/** PRE */
div.mvc_pre_demo { 
	clear: both;
  text-align: center;
	background: #ffc;
	font-size: 100%;
	font-weight: bold;
	margin:  2px;
	padding: 2px;
}
/** POST */
div.mvc_post_demo {
  clear: both;
  text-align: center;	
	background: #ffc;
	font-size: 100%;
	font-weight: bold;
	margin:  2px;
	padding: 2px;
}
/** IP */
div.mvc_ip_demo {
  clear: both;
  text-align: center;	
	font-size: 100%;
}
span.vcounter_TypeTextIP_demo {
	clear: both;
	text-align: center;
}
img.mvc_digitIPImg_demo {
	clear: both;
}
/** IP Country Code */
div.mvc_ipcountrycode_demo {
  clear: both;
  text-align: center;	
}
/** IP Country  */
div.mvc_ipcountry_demo {
	clear: both;
  text-align: center;	
}
/** IP Flag */
div.mvc_ipflag_demo {
  clear: both;
  text-align: center;
}
img.mvc_ipflagimg_demo {
	clear: both;
}
/** Counter */
div.mvc_digitCounter_demo {
	clear: both;
	margin:  2px;
	padding: 2px;
	text-align: center;
}
img.mvc_digitCounterImg_demo {
	clear: both;
}
span.vcounter_TypeText_demo {
	clear: both;
	text-align: center;
}
/** 'People' Table */
div.mvc_people_demo {
  clear: both;
  text-align: center;
	font-size: 100%;
	margin:  2px;
	padding: 2px;
}
table.mvc_peopleTable_demo {
	clear: both;
	text-align: center;
	margin-left:auto;
  margin-right:auto;
  border: none;
}
table.mvc_peopleTable_demo tr  {
  text-align: center;
  border: none;  
}
table.mvc_peopleTable_demo td  {
  text-align: left;
  border: none;
  border-bottom: 1px rgb(215,215,215) dashed;
}
table.mvc_peopleTable_demo td + td {
  text-align: left;
  border: none;
  border-bottom: 1px rgb(215,215,215) dashed;
}
table.mvc_peopleTable_demo td + td + td {
  text-align: right;
  border: none;
  border-bottom: 1px rgb(215,215,215) dashed;
}

img.mvc_peopleImg_demo {
	clear: both;
}
/** Statistik Image */ 
div.mvc_stat_demo {
	clear: both;
	text-align: center;
	font-size: 100%;
	margin:  2px;
	padding: 2px;
}
img.mvc_statImg_demo {
	clear: both;
}
/** a 'Spacer', the '-' in the order Param */ 
div.mvc_spacer_demo {
  clear: both;
  text-align: center;	
	margin-left: 5%;
	margin-right: 5%;
}
/**  Guests */
div.mvc_guests_demo {
  clear: both;
  text-align: center;
	font-size: 100%;
	margin:  2px;
	padding: 2px;
  white-space:nowrap;
  width: 50%;
	margin-left:auto;
  margin-right:auto;
}
div.mvc_guests_demo span.title {
	width: 35%;
	text-align: left;
	float: left;
	margin-left: 5%;
	white-space:nowrap;
}
div.mvc_guests_demo span.trenner {
	width: 5%;
	text-align: left;
	float: left;
	margin-left: 5px;
}
div.mvc_guests_demo span.value {
	text-align: left;
	margin-right: 5%;
	white-space:nowrap;
	float: right;
}
/**  Logged In */
div.mvc_loggedInUsers_demo {
  clear: both;
  text-align: center;
	font-size: 100%;
	margin:  2px;
	padding: 2px;
  white-space:nowrap;
  width: 50%;
	margin-left:auto;
  margin-right:auto;
}
div.mvc_loggedInUsers_demo span.title {
	width: 35%;
	text-align: left;
	float: left;
	margin-left: 5%;
	white-space:nowrap;
}
div.mvc_loggedInUsers_demo span.trenner {
	width: 5%;
	text-align: left;
	float: left;
	margin-left: 5px;
}
div.mvc_loggedInUsers_demo span.value {
	text-align: left;
	margin-right: 5%;
	white-space:nowrap;
	float: right;
}
/** Reg Today */
div.mvc_reg_users_today_demo {
  clear: both;
  text-align: center;
	font-size: 100%;
	margin:  2px;
	padding: 2px;
  white-space:nowrap;
  width: 50%;
	margin-left:auto;
  margin-right:auto;
}
div.mvc_reg_users_today_demo span.title {
	width: 35%;
	text-align: left;
	float: left;
	margin-left: 5%;
	white-space:nowrap;
}
div.mvc_reg_users_today_demo span.trenner {
	width: 5%;
	text-align: left;
	float: left;
	margin-left: 5px;
}
div.mvc_reg_users_today_demo span.value {
	text-align: left;
	margin-right: 5%;
	white-space:nowrap;
	float: right;
}
/** Reg All */
div.mvc_reg_users_all_demo {
  clear: both;
  text-align: center;
	font-size: 100%;
	margin:  2px;
	padding: 2px;
  white-space:nowrap;
  width: 50%;
	margin-left:auto;
  margin-right:auto;
}
div.mvc_reg_users_all_demo span.title {
	width: 35%;
	text-align: left;
	float: left;
	margin-left: 5%;
	white-space:nowrap;
}
div.mvc_reg_users_all_demo span.trenner {
	width: 5%;
	text-align: left;
	float: left;
	margin-left: 5px;
}
div.mvc_reg_users_all_demo span.value {
	text-align: left;
	margin-right: 5%;
	white-space:nowrap;
	float: right;
}
/** Logged In */
div.mvc_loggedInUserNamens_demo {
  clear: both;
  text-align: center;
	font-size: 100%;
	margin:  2px;
	padding: 2px;
  white-space:nowrap;
  width: 50%;
	margin-left:auto;
  margin-right:auto;
}
div.mvc_loggedInUserNamens_demo div.title {
  margin-left: 5%;
  text-align:left;
  white-space:nowrap;
}
div.mvc_loggedInUserNamens_demo div.user {
  margin-left: 25%;
  text-align:left;
  white-space:nowrap;
}
div.mvc_loggedInUserNamens_demo a.userlink {
}
/** Registered Today */
div.mvc_regTodayUserNamens_demo {
  clear: both;
  text-align: center;
	font-size: 100%;
	margin:  2px;
	padding: 2px;
  white-space:nowrap;
  width: 50%;
	margin-left:auto;
  margin-right:auto;
}
div.mvc_regTodayUserNamens_demo div.title {
  margin-left: 5%;
  text-align:left;
  white-space:nowrap;
}
div.mvc_regTodayUserNamens_demo div.user {
  margin-left: 25%;
  text-align:left;
  white-space:nowrap;
}
div.mvc_regTodayUserNamens_demo a.userlink { 
}
/** highest user */
div.mvc_max_user_day_demo {
  clear: both;
  text-align: center;
	font-size: 100%;
	margin:  2px;
	padding: 2px;
  white-space:nowrap;
  width: 50%;
	margin-left:auto;
  margin-right:auto;
}
div.mvc_max_user_day_demo span.title {
	width: 35%;
	text-align: left;
	float: left;
	margin-left: 5%;
	white-space:nowrap;
}
div.mvc_max_user_day_demo span.trenner {
	width: 5%;
	text-align: left;
	float: left;
	margin-left: 5px;
}
/** float: right; */
div.mvc_max_user_day_demo span.value {
	text-align: left;
	margin-right: 5%;
	white-space:nowrap;
	float: right;
}

Anzeige von in das Template eingefügten  CSS-Eigenschaften..