Redh

Customer
Hello! I hope all is going well!

I was reading this thread about Fusion Gamer thread prefixes on a dark theme, and I'm wondering if there is something similar for Core Dark built in? If so, it would be great! Sorry if I missed a post somewhere about it.

Also, I know you designed the skin for TAZ. I'm wondering about the member badges they have there - do you happen to know if they used this add-on, or was that something you customised for them? It looks so much nicer over at TAZ than in the add-on screenshots!

Many thanks! :)
 

Russ

Pixel Exit Staff
Not something like it built into Core Dark but the css is simple and straight forward. This needs to be touched up and it being re-coded but you can use the same CSS + classes for prefixes:

Code:
.userText .fgRed, .userText .fgGreen, .userText .fgOrange, .userText .fgBlue, .userText .fgSilver, .userText .fgYellow, .userText .fgTeal
{
   display: block;
   margin-top: 3px;
}

.fgRed
{
   background: #AF0202 !important;
   border: none !important;
   color: #E0E0E0  !important;
   font-weight: bold;
   text-shadow: 0px 0px 2px #000;
   box-shadow: inset 0px 1px 0px 0px #DD0A0A;
   padding: 3px 8px;
   border-radius: @xb_borderradiuss;
}
.fgGreen
{
   background: #02af06 !important;
   border: none !important;
     color: #E0E0E0  !important;
   font-weight: bold;
   text-shadow: 0px 0px 2px #000;
   box-shadow: inset 0px 1px 0px 0px #1bce20;
   padding: 3px 8px;
   border-radius: @xb_borderradiuss;
}
.fgOrange
{
   background: #e26b1b !important;
   border: none !important;
   color: #E0E0E0  !important;;
   font-weight: bold;
   text-shadow: 0px 0px 2px #000;
   box-shadow: inset 0px 1px 0px 0px #f08238;
   padding: 3px 8px;
   border-radius: @xb_borderradiuss;
}
.fgBlue
{
   background: #0571bc !important;
   border: none !important;
   color: #E0E0E0  !important;
   font-weight: bold;
   text-shadow: 0px 0px 2px #000;
   box-shadow: inset 0px 1px 0px 0px #32a1ef;
   padding: 3px 8px;
   border-radius: @xb_borderradiuss;
}
.fgSilver
{
   background: #cbcbcb !important;
   border: none !important;
   color: #333333 !important;
   font-weight: bold;
   text-shadow: 0px 0px 2px #888888;
   box-shadow: inset 0px 1px 0px 0px #dedfdf;
   padding: 3px 8px;
   border-radius: @xb_borderradiuss;
}
.fgYellow
{
   background: #ecea28 !important;
   border: none !important;
   color: #242424 !important;
   font-weight: bold;
   text-shadow: 0px 0px 2px #fffd4a;
   box-shadow: inset 0px 1px 0px 0px #fffd60;
   padding: 3px 8px;
   border-radius: @xb_borderradiuss;
}
.fgTeal
{
   background: #05cb95 !important;
   border: none !important;
   color: #373737 !important;
   font-weight: bold;
   text-shadow: 0px 0px 2px #55facd;
   box-shadow: inset 0px 1px 0px 0px #3ef7c5;
   padding: 3px 8px;
   border-radius: @xb_borderradiuss;
}
html .userBanner.bannerStaff /* Styling for default staff banner */
{
   background: #AF0202;
   border: none;
   color: @faintTextColor;
   font-weight: bold;
   text-shadow: 0px 0px 2px #000;
   box-shadow: inset 0px 1px 0px 0px #DD0A0A;
   border-radius: @xb_borderradiuss;
}
Put that into your extra.css, or create a new template called like custom_prefixes.css, then include that in your extra.css template to keep things clean.

<xen:include template="custom_prefixes.css" />
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.