Search found 2 matches for FF00C4

Chatbox Codes?

APE wrote:

Dazo wrote:Ape, I'm quite curious about somethin. When it comes to the CSS, How would you change it for a usergroup or just for an individual user?

ok lets show you using your forum colors

your Admin account on your forum has the following group color
HTML : #FF00C4
when you change this to RGB it is (255,0,196)

So the code will look like this for all your Admin's

Code:

/*STAFF CHAT RANKS*/
/**ADMIN**/
.user[style="color:#FF00C4"] span:before, #chatbox_members span[style="color:#FF00C4"] span:before,
.user[style*="rgb(255,0,196)"] span:before, #chatbox_members span[style*="rgb(255,0,196)"] span:before {
  content:url(RANK ICON HERE)!important;
  margin-left:-16px !important;
  vertical-align:middle !important;
}

your Mods HTML code is : #FF8C00
RGB code is : (255,140,0)

so the Mods code will be:

Code:


/**MODS**/
.user[style="color:#FF8C00"] span:before, #chatbox_members span[style="color:#FF8C00"] span:before,
.user[style*="rgb(255,140,0)"] span:before, #chatbox_members span[style*="rgb(255,140,0)"] span:before {
  content:url(RANK ICON HERE)!important;
  margin-left:-16px !important;
  vertical-align:middle !important;
}

That will show you how it finds your ranks for your staff.

Note that it can take a long time to run if you have lots of staff members.

I would only add the main staff like admins mods and tech staff if you have them

and where its says RANK ICON HERE you will need to add a small icon like this Hope that makes it more clear for you

Code:

span[data-user="380"] { font-size:0 !important }
span[data-user="380"]:before {
font-size:10px;
content:"Pepcho";
color:#66FFCC;
}
span[data-user="380"]:after {
font-size:10px;
content:"ninga";
color:#FF9900;
}

Chatbox Codes?

Dazo wrote:Ape, I'm quite curious about somethin. When it comes to the CSS, How would you change it for a usergroup or just for an individual user?

Code:

/*STAFF CHAT RANKS*/
/**ADMIN**/
.user[style="color:#FF00C4"] span:before, #chatbox_members span[style="color:#FF00C4"] span:before,
.user[style*="rgb(255,0,196)"] span:before, #chatbox_members span[style*="rgb(255,0,196)"] span:before {
  content:url(RANK ICON HERE)!important;
  margin-left:-16px !important;
  vertical-align:middle !important;
}

Code:


/**MODS**/
.user[style="color:#FF8C00"] span:before, #chatbox_members span[style="color:#FF8C00"] span:before,
.user[style*="rgb(255,140,0)"] span:before, #chatbox_members span[style*="rgb(255,140,0)"] span:before {
  content:url(RANK ICON HERE)!important;
  margin-left:-16px !important;
  vertical-align:middle !important;
}