IP.Board Tutorials

How to add a rank in css

Submitted by one_finger_man1, , Thread ID: 224867

Thread Closed
Junior Member
Level:
6
Reputation:
0
Posts:
69
Likes:
2
Credits:
5
10-11-2021, 04:25 AM
Working Not Working Link Down
#1
simple way to add the ranks

ACP Users Groups. Select any group (eg Administrator) and click Edit. Group settings In "Group name" add:

Code:
<span class='defaultGroup admin'>Administrator</span>

ACP Appearance Styles and templates Edit HTML and CSS Tab CSS custom custom.css Paste the code below

Code:
/ * Groups * /
.defaultGroup {
  border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 15px;
    text-shadow: none;
    vertical-align: middle;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.15) inset;
}
.admin {
background-color: #c75050;
}
.admin:before {
  content: "\f005";
   font-family: 'FontAwesome';
   margin-right: 3px;
}

If you do not want an asterisk in front of the group name, remove the .admin: before class from the .CSS code (in custom.css)

rank to be displayed only in topics, then just use this code:

Code:
/* Grupy */
.ipsComment_author .defaultGroup {
  border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 15px;
    text-shadow: none;
    vertical-align: middle;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
  box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.15) inset;
}
.ipsComment_author .admin {
background-color: #c75050;
}
.ipsComment_author .admin:before {
  content: "\f005";
   font-family: 'FontAwesome';
   margin-right: 3px;
}

RE: How to add a rank in css

leoplace71
Active Member
Level:
21
Reputation:
0
Posts:
219
Likes:
1
Credits:
0
10-11-2021, 04:41 AM
#2
I Don't Even Know what to do

RE: How to add a rank in css

Junior Member
Level:
6
Reputation:
0
Posts:
69
Likes:
2
Credits:
5
OP
11-11-2021, 06:37 AM
#3
10-11-2021, 04:41 AM
leoplace71 Wrote: I Don't Even Know what to do
in you admin go to groups

Administrator
Group Name
add this
Code:
<span class='defaultGroup admin'>Administrator</span>

rest in you css theme you are using

RE: How to add a rank in css

BrixtonDee
Newbie
Level:
1
Reputation:
0
Posts:
15
Likes:
0
Credits:
15
11-11-2021, 06:51 AM
#4
thank you for this wonderful guide. I did it!

RE: How to add a rank in css

hameleona200
Lurker
Level:
0
Reputation:
0
Posts:
3
Likes:
0
Credits:
3
14-11-2021, 10:33 PM
#5
thank you for this wonderful guide. I did it!

RE: How to add a rank in css

arrowgtr
Newbie
Level:
0
Reputation:
0
Posts:
18
Likes:
0
Credits:
4
06-12-2021, 12:31 PM
#6
great work its very good for someone who dont know how to cokde

RE: How to add a rank in css

Asena4800
Active Member
Level:
21
Reputation:
3
Posts:
233
Likes:
43
Credits:
726
06-12-2021, 12:32 PM
#7
yo thats actually cool but i needed it like 3 years ago lmao but i will try to do this when i go install again

RE: How to add a rank in css

otaldounder
Novice
Level:
2
Reputation:
0
Posts:
20
Likes:
0
Credits:
6
21-01-2022, 09:39 AM
#8
Why stop use a framework invision has dev to use that 'little' script?

RE: How to add a rank in css

_DaNiEL_
Closed Account
Level:
1
Reputation:
0
Posts:
15
Likes:
0
Credits:
15
26-03-2022, 06:09 PM
#9
Vai ser til para a criao do meu frum, s agradee

RE: How to add a rank in css

jhoancito123
Newbie
Level:
1
Reputation:
0
Posts:
18
Likes:
0
Credits:
2
11-04-2022, 05:14 AM
#10
tiene alguna imagen como muestra del codigo amigo seria genial

Users browsing this thread: 1 Guest(s)