Merhaba arkadaşlar,
Bu konumuzda üye imza alanımıza farklı bir tasarım uygulayarak daha şık görünmesini sağlayacağız.
İlk olarak kullanmakta olduğunuz temanın message_macros isimli şablonunu açıyoruz ve aşağıdaki kodu buluyoruz
Ve aşağıdaki kodla değiştiriyoruz
Son olarak extra.less şablonuna aşağıdaki kodu ekleyin
Bu konumuzda üye imza alanımıza farklı bir tasarım uygulayarak daha şık görünmesini sağlayacağız.
İlk olarak kullanmakta olduğunuz temanın message_macros isimli şablonunu açıyoruz ve aşağıdaki kodu buluyoruz
Code:
<aside class="message-signature">
<xf:contentcheck>
{{ bb_code($user.Profile.signature, 'user:signature', $user) }}
</xf:contentcheck>
</aside>
Ve aşağıdaki kodla değiştiriyoruz
Code:
<div class="Xctr-Sign-Block">
<h6><i class="fa fa-pencil" style="color: rgb(150, 150, 150);font-size: 20px;"></i>
<b><xf:username user="$user" /> : Üyenin İmzası</b>
</h6>
<aside class="Xctr-Sign-Content">
<xf:contentcheck>
{{ bb_code($user.Profile.signature, 'user:signature', $user) }}
</xf:contentcheck>
</aside>
</div>
Son olarak extra.less şablonuna aşağıdaki kodu ekleyin
Code:
.Xctr-Sign-Block{
background: #f6f6f6;
border: 1px solid #ececec;
padding: 12px;
position: relative;
text-align: center;
border-radius: 5px;
margin: 20px;
width: auto;
}
.Xctr-Sign-Block h6 {
background: #f6f6f6;
border: 2px solid #fff;
border-radius: 30px;
margin: -30px auto 14px;
position: relative;
font-family: 'Droid';
font-size: 12px;
color: #7a7676;
font-weight: bold;
width: 200px;
height: 35px;
line-height: 35px;
}
.Xctr-Sign-Content {
font-family: 'Droid';
font-size: 12px;
color: #7a7676;
font-weight: lighter;
}