Kod:
.rank {
border-left:3px solid rgba(0, 0, 0, 0.2);
border-radius:3px;
border-color:#464646;
margin-top:3px;
text-align:center;
height:25px;
line-height:25px;
position:relative;
max-width:170px;
padding:2px 5px;
user-select:none;
color:#FFFFFF;
font-size:13px;
font-weight:normal;
}
.rank strong:before{
content:"\f113";
font-family:"FontAwesome";
background:rgba(0,0,0,0.2) none repeat scroll 0 0;
position:absolute;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
border-right:1px solid #fff;
top:0;
bottom:0;
left:0;
padding:2px 4px 0px 3px;
min-width:20px;
font-size:100%;
text-align:center;
}
.rank:before{
content:" ";
position:absolute;
right:0;
top:0;
height:24px;
width:38px;
background:rgba(0,0,0,0.2);
-webkit-clip-path:polygon(61% 0, 100% 0%, 100% 100%, 45% 100%);
clip-path:polygon(61% 0, 100% 0%, 100% 100%, 45% 100%)
}
.rank{
max-width:135px;
padding:2px 20px;
color:#fff;
font-size:11px;
font-weight:normal;
}
.rank:before{
height:29px;
}}Kod:
<link rel="stylesheet" href="https://www.webailesi.com/yonlendir.php?link=https%3A%2F%2Fmaxcdn.bootstrapcdn.com%2Ffont-awesome%2F4.4.0%2Fcss%2Ffont-awesome.min.css">Kod:
<img src="{$usergroup['image']}" alt="{$usergroup['title']}" title="{$usergroup['title']}" />Kod:
{$usergroup['image']}Kod:
<div class="rank" style="background:#2980b9;"><span class="before"></span><strong>Webmaster</strong></></div>Bu içeriği görebilmek için kayıt olmanız gerekiyor!
