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
}
 

Yazar: guclusat
Makale başlığı: Xenforo 2.1 Şık Rank Tasarımı
Kaynak URL: Uydudoktoru Forum-https://uydudoktoru.com/
Alıntı ve Paylaşım Kuralları: Kaynak dahil olmak üzere makaleden kısa alıntı yapılabilir ancak makalenin tamamı yazarın izni olmadan başka bir siteye kopyalanamaz veya başka bir yerde yayınlanamaz.

Akasya

Yeni Üye
Kayıtlı Üye
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
}
Hata! ... Bu işlev devre dışı bırakıldı, lütfen site yönetimi ile iletişime geçiniz.
 
Yukarı