Xenforo 2.1 Şık Rank Tasarımı

guclusat

Tanınmış Üye
Süper Moderatör
Arkadaşlar Şu Kodu Extra.less E Ekleyim Ekledikten Sonra Ranklar Xenforo Kullanıcı Gruplarındaki Kullanıcı Ranks Tasarımına Göre Şekil Alır Oradan Renkleri Seçebilirsiniz.

Kod:
.block-body .block-row:hover{
-moz-transform:scale(1.05);
-webkit-transform:scale(1.05);
-o-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)}[class*="banner_"],
.userBanner{position:relative;
display:inline-block !important;
font-family:Monaco,Consolas,"Courier New",monospace !important;
margin:4px 0 5px !important;
font-size:10px !important;
color:#fff !important;
text-shadow:#111 0 0 1px !important;
border-radius:5px !important;
border-color:transparent !important;
margin-bottom:0px !important;
padding:4px 8px !important;
letter-spacing:.5px !important;
border:0 !important;
text-transform:uppercase !important;line-height:15px !important
}

.userBanner::before{
.m-faBase();
content:"\f007";
color:#fff;
position:absolute;
background-color:rgba(0,0,0,0.2);
top:0;bottom:0;
left:0;
line-height:23px;
width:20px;
text-align:center
}

.userBanner strong{
min-width:90px;
display:inline-block;
margin-left:20px
}
 
Yukarı