Choose from our various pricing plans. There is a package for everyone!


Adding an icon to a specific user in the chatbox (Online/Away only)

View previous topic View next topic Go down

Tutorial Adding an icon to a specific user in the chatbox (Online/Away only)

Post by Nubss on Sat Mar 01, 2014 1:24 am

A very simple newbie code to insert into your CSS that adds an icon beside your username in the chatbox. 

Go to:
Administer Control Pannel > Display> Colours > CSS > Copy and paste the code below. 

Code:
#chatbox_members a[href="/u#"]{
padding-left: 19px;
background: url(IMAGE RANK URL HERE) no-repeat left;}

Step 2 - Changing it to a specific user.
Replace the "#" in [href="/u#"] with the users profile ID, for example: the web creator would have [href="/u1"]

Step 3 - Insert the image URL where instructed inside the code.

Step 4 - Taa-daa! Very Happy

Note: This doesn't add the icon beside the user's name when speaking. This ONLY adds an icon beside the "Online/Away" side of the chat room. 

If there's anything you know that could improve this, please tell me Very Happy Thanks!
avatar
Nubss
Member
Member

Age : 21
Posts : 18
Join date : 2014-02-24
Forum Version : PunBB
Reputation : 1

View user profile

Back to top Go down

Tutorial Re: Adding an icon to a specific user in the chatbox (Online/Away only)

Post by Mati™ on Tue Dec 02, 2014 12:19 am

Great tutorial! Thank for your contribution.

Tutorial Accepted
avatar
Mati™
Administrator
Administrator

Age : 31
Posts : 2112
Join date : 2011-10-20
Forum Version : PhpBB3
Reputation : 147

View user profile http://fmfocus.forumotion.net/forum

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum