Forumunuzda açtığınız her konunun, yazdığınız her mesajın arka planında size özel bir görsel olmasını ister misiniz?
Şimdi anlatımına geçelim.
Aşağıdaki kodu temanızın extra.less şablonuna ekleyip kaydedin. Userlist alanındaki satırları çoğaltarak, istediğiniz her kullanıcıya, istediğiniz görsel linki ekleyerek kaydedin. Örnekte admin olarak verildi, siz kullanıcı adını kendi yapınıza göre değiştirin.
.message-background (@mbUserName; @mbBackgroundUrl; @mbBackground-size; @mbBackground-position: false) {
.message[data-author="@{mbUserName}"] .message-inner {
background-image: linear-gradient(to top, @xf-contentBg, fade(@xf-contentBg, 60%)), @mbBackgroundUrl;
background-position: @mbBackground-position;
background-size: @mbBackground-size;
}
.message[data-author="@{mbUserName}"] .message-cell.message-cell--user {
background: transparent;
}
}
// Userlist
.message-background (admin; url(i.imgur.com/W1yqxKS.jpg); cover; left);
Şimdi anlatımına geçelim.
Aşağıdaki kodu temanızın extra.less şablonuna ekleyip kaydedin. Userlist alanındaki satırları çoğaltarak, istediğiniz her kullanıcıya, istediğiniz görsel linki ekleyerek kaydedin. Örnekte admin olarak verildi, siz kullanıcı adını kendi yapınıza göre değiştirin.
.message-background (@mbUserName; @mbBackgroundUrl; @mbBackground-size; @mbBackground-position: false) {
.message[data-author="@{mbUserName}"] .message-inner {
background-image: linear-gradient(to top, @xf-contentBg, fade(@xf-contentBg, 60%)), @mbBackgroundUrl;
background-position: @mbBackground-position;
background-size: @mbBackground-size;
}
.message[data-author="@{mbUserName}"] .message-cell.message-cell--user {
background: transparent;
}
}
// Userlist
.message-background (admin; url(i.imgur.com/W1yqxKS.jpg); cover; left);