Add online/offline icons to posts

From PunBB Resource Wiki

Jump to: navigation, search

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

CSS-online-offline-post.png

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


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

Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox