Yazı tipini arşivden doldurun.
Ekstra olarak biz ekliyoruz:
LESS.
CSS:
@BannerFontPath: "/styles/fonts/Visitor_TR";
@BannerBeforeContent: "\f2d1\00a0\f2d1\00a0\f2d1\00a0\f2d1\00a0\f2d1";
.userBannerGroup (@group, @color) {
.userBanner.userBanner--@{group} {
color: @color;
}
}
@font-face {
font-family: 'Visitor_TR';
src: url('@{BannerFontPath}/Visitor_TR.eot');
src: url('@{BannerFontPath}/Visitor_TR.eot?#iefix') format('embedded-opentype'),
url('@{BannerFontPath}/Visitor_TR.woff2') format('woff2'),
url('@{BannerFontPath}/Visitor_TR.woff') format('woff'),
url('@{BannerFontPath}/Visitor_TR.ttf') format('truetype'),
url('@{BannerFontPath}/Visitor_TR.svg#Visitor_TR') format('svg');
font-weight: normal;
font-style: normal;
}
.userBanner {
margin-top: -5px!important;
strong {
font-family: 'Visitor_TR';
font-weight: 600;
}
.userBanner-before {
display: block;
&:before {
font-family: 'FontAwesome';
content: @BannerBeforeContent;
font-size: 1.5em;
font-style: italic;
line-height: 50%;
}
}
}
Benzer şekilde, yönetici userBanner - admin için, moderatör userBanner - moder için, kayıtlı, userBanner - registeredand için.
Daha sonra ek olarak, eklenen koddan sonra, afişlerin renklerini gruplara göre belirleriz:
CSS:
.userBannerGroup (admin, red);
.userBannerGroup (registered, #53b0d6);
.userBannerGroup (moder, green);