user banner styling

Currently reading:
user banner styling

maszd

cXF Pack B
cXF Donor
Joined
May 20, 2015
Messages
113
Reaction score
43
Hi @BassMan
i like how look user banner style at here, how to make like that, hope you can share code.
thanks.
hj.png
 

BassMan

Staff member
Administrator
Joined
May 18, 2015
Messages
1,049
Reaction score
648
Website
www.customizexf.com
Hi maszd,

sure, here you go:

Code:
.userBanner {
  background: none;
}

.userBanner.bannerPrimary {
  color: #fff;
  background-color: #0099CF;
  border-color: #0099CF;
}

.userBanner.bannerStaff {
  color: #fff;
  background-color: #3462A0;
  border-color: #3462A0;
}

.userBanner.bannerBlue {
  color: #fff;
  background-color: #65046B;
}


/* START - User Banner */
.messageUserBlock .userBanner {
    margin-bottom: 1px !important;
    margin-left: -7px !important;
    margin-right: -7px !important;
    top: 3px;
}
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
.Responsive .messageUserBlock .userBanner {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
}
</xen:if>

.userBanner {
    border: none !important;
    border-radius: 2px !important;
}
.userBanner.wrapped span {
    position: initial;

}
/* END - User Banner */
 

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Top