Xenforo - Farklı Bir İmza Alanı Tasarımı (1 Viewer)

Obfuscate

Hokus Pokus Kodları Çözüyoruz.
Joined
Oct 6, 2018
Credits
40
Rating - 0%
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
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;
}
 

Users who are viewing this thread

Top