Add online/offline icons to posts

From PunBB Resource Wiki

This article explains how to add online/offline icons to posts like shown in the picture.

Create the following images (size 13*13 pixels):

• img/<yourstylename>/icon_online.gif
• img/<yourstylename>/icon_offline.gif

Added to your style_cs.css:

 
/****************************************************************/
/* X. Post user status indicators, offline/online */
/****************************************************************/
 
.pun DIV.postfootleft p, .pun DIV.postfootleft p strong {
	padding: 0;
	font-style: normal;
	text-indent: 25px;
	display: block;
	height: 15px;
}
 
/* Offline */
.pun DIV.postfootleft p {
	background: url(../../img/<yourstylename>/icon_offline.gif) no-repeat 5px 50%; 
}
 
/* Online - Lays an image above the 'offline' icon */
.pun DIV.postfootleft p strong {
	background: url(../../img/<yourstylename>/icon_online.gif) no-repeat 5px 50%; 
}

Alternate ways

• Online/Offline icon