Hello! So recently I bought a minecraft server network and the xenforo theme came with it. When the xenforo website was fully up and running (before I bought it) they had tags like Hypixel's (Shown below)
View attachment 52846
Now that I inherited the theme I can't figure out how to assigen the frames to the proper groups. The only frames around users are for Admins and moderators (The default group.) A snippet of the extra.css code is below. I hope someone can figure this out
View attachment 52846
Now that I inherited the theme I can't figure out how to assigen the frames to the proper groups. The only frames around users are for Admins and moderators (The default group.) A snippet of the extra.css code is below. I hope someone can figure this out
.messageUserBlock div.avatarOutline_registered,
.messageUserBlock div.avatarOutline_vip,
.messageUserBlock div.avatarOutline_contributor,
.messageUserBlock div.avatarOutline_moderator,
.messageUserBlock div.avatarOutline_admin {
padding-bottom: 40px !important;
height: 118px !important;
margin-top: 10px;
}
.messageUserBlock div.avatarOutline_registered:before,
.messageUserBlock div.avatarOutline_vip:before,
.messageUserBlock div.avatarOutline_contributor:before,
.messageUserBlock div.avatarOutline_moderator:before,
.messageUserBlock div.avatarOutline_admin:before {
content: '';
width: 135px;
height: 130px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.messageUserBlock div.avatarOutline_registered:before
{
background: url('http://i.imgur.com/kFFmXYE.png') no-repeat;
}
.messageUserBlock div.avatarOutline_vip:before
{
background: url('http://i.imgur.com/2AYGEpN.png') no-repeat;
}
.messageUserBlock div.avatarOutline_contributor:before
{
background: url('https://i.imgur.com/XdzmSNS.png') no-repeat;
}
.messageUserBlock div.avatarOutline_moderator:before
{
background: url('http://i.imgur.com/w6G8G7p.png') no-repeat;
}
.messageUserBlock div.avatarOutline_admin:before
{
background: url('http://i.imgur.com/GwG1oAH.png') no-repeat;
}
.messageUserBlock div.avatarOutline_owner:before
{
background: url('http://i.imgur.com/GwG1oAH.png') no-repeat;
}
.messageUserBlock div.avatarOutline_registered:after,
.messageUserBlock div.avatarOutline_vip:after,
.messageUserBlock div.avatarOutline_contributor:after,
.messageUserBlock div.avatarOutline_moderator:after,
.messageUserBlock div.avatarOutline_owner:after,
.messageUserBlock div.avatarOutline_admin:after {
position: absolute;
left: 0;
bottom: 11px;
width: 100%;
text-align: center;
display: block;
}
.messageUserBlock div.avatarOutline_registered:after {
content: 'Donator+';
}
.messageUserBlock div.avatarOutline_vip:after {
content: 'Donator';
}
.messageUserBlock div.avatarOutline_contributor:after {
content: 'Helper';
}
.messageUserBlock div.avatarOutline_moderator:after {
content: 'Moderator';
}
.messageUserBlock div.avatarOutline_admin:after {
content: '';
}
.messageUserBlock div.avatarOutline_owner:after {
content: '';
}
.messageUserBlock div.avatarOutline_vip,
.messageUserBlock div.avatarOutline_contributor,
.messageUserBlock div.avatarOutline_moderator,
.messageUserBlock div.avatarOutline_admin {
padding-bottom: 40px !important;
height: 118px !important;
margin-top: 10px;
}
.messageUserBlock div.avatarOutline_registered:before,
.messageUserBlock div.avatarOutline_vip:before,
.messageUserBlock div.avatarOutline_contributor:before,
.messageUserBlock div.avatarOutline_moderator:before,
.messageUserBlock div.avatarOutline_admin:before {
content: '';
width: 135px;
height: 130px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.messageUserBlock div.avatarOutline_registered:before
{
background: url('http://i.imgur.com/kFFmXYE.png') no-repeat;
}
.messageUserBlock div.avatarOutline_vip:before
{
background: url('http://i.imgur.com/2AYGEpN.png') no-repeat;
}
.messageUserBlock div.avatarOutline_contributor:before
{
background: url('https://i.imgur.com/XdzmSNS.png') no-repeat;
}
.messageUserBlock div.avatarOutline_moderator:before
{
background: url('http://i.imgur.com/w6G8G7p.png') no-repeat;
}
.messageUserBlock div.avatarOutline_admin:before
{
background: url('http://i.imgur.com/GwG1oAH.png') no-repeat;
}
.messageUserBlock div.avatarOutline_owner:before
{
background: url('http://i.imgur.com/GwG1oAH.png') no-repeat;
}
.messageUserBlock div.avatarOutline_registered:after,
.messageUserBlock div.avatarOutline_vip:after,
.messageUserBlock div.avatarOutline_contributor:after,
.messageUserBlock div.avatarOutline_moderator:after,
.messageUserBlock div.avatarOutline_owner:after,
.messageUserBlock div.avatarOutline_admin:after {
position: absolute;
left: 0;
bottom: 11px;
width: 100%;
text-align: center;
display: block;
}
.messageUserBlock div.avatarOutline_registered:after {
content: 'Donator+';
}
.messageUserBlock div.avatarOutline_vip:after {
content: 'Donator';
}
.messageUserBlock div.avatarOutline_contributor:after {
content: 'Helper';
}
.messageUserBlock div.avatarOutline_moderator:after {
content: 'Moderator';
}
.messageUserBlock div.avatarOutline_admin:after {
content: '';
}
.messageUserBlock div.avatarOutline_owner:after {
content: '';
}
