Quantcast
Channel: MyBB Community Forums - Tutorials
Viewing all articles
Browse latest Browse all 690

[Tutorial] Add simple css user online / offline staus for postbit

$
0
0
To replace postbit user online / offline status image with simple css:

Add to global.css:


Code:
/** Online Offline User Status Postbit **/

.postbit_onoffuser.onli {
   background: #25A82F;
}
.postbit_onoffuser.offli {
   background: #98989C;
}
.postbit_onoffuser {
   display: inline-block;
   height: 10px;
   width: 10px;
   border-radius: 50%;
}


Replace  postbit_offline with:

Code:
<a title="{$lang->postbit_status_offline}"><span class="postbit_onoffuser offli"></span></a>



Replace  postbit_online with:

Code:
<a href="online.php" title="{$lang->postbit_status_online}"><span class="postbit_onoffuser onli"></span></a>


.png   Screenshot_20180930-200339.png (Size: 57.03 KB / Downloads: 2)

.png   Screenshot_20180930-200542.png (Size: 77.24 KB / Downloads: 3)

Viewing all articles
Browse latest Browse all 690

Trending Articles