Merhaba arkadaşlar, XenForo'da resim ve css ile özel ranklar nasıl oluşturulur bunu anlatmaya çalıştım. Umarım faydalı olur. Video'da kullanılan css kodlarını konuya ekledim.
Sadece Css ile Rank Oluşturma Kodları:
Css kodları ile resim formatında rank ekleme kodları
Sadece Css ile Rank Oluşturma Kodları:
Kod:
.admin_rank {
background-color: #be132d;
border: 1px solid #be132d;
border-radius: 3px !important;
box-shadow: 0 0 1px #F9F9F9 inset;
-webkit-box-shadow: 0 0 1px #F9F9F9 inset;
-moz-box-shadow: 0 0 1px #F9F9F9 inset;
-o-box-shadow: 0 0 1px #F9F9F9 inset;
color: #ffffff !important;
display: inline-block;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 0px 4px;
vertical-align: middle;
}
.admin_rank:before {
content: "\f0e3";
.m-faBase();
margin-right: 5px;
font-weight: normal;
font-size: 100%;
}
Css kodları ile resim formatında rank ekleme kodları
Kod:
.admin_rank {
background-image: url("styles/icons/admin.png");
background-repeat: no-repeat;
height: 50px;
}
.userBanner strong {
display:none;
}