Kullanım tekniği Xenforo 2 Resimli, img, png kullanıcı banner, ranks nasıl eklenir?

ramooo19' Alıntı:

bu işlemde extra.less eklenmesi kodda her png kodu tek tek girilmek zorundamı ???

örnek

moderator = mod.png
admin = admin.png

gibi ??

Genişletmek için tıkla ...

ramooo19' Alıntı:

soruma cevap verilmemiş?
Bir soru daha yeniden sorayım bu ekra less eklenecek kod her rank için tekrar tekrar eklenecekmi ??

Genişletmek için tıkla ...

netr0n' Alıntı:

Her grup için evet.

Genişletmek için tıkla ...

ramooo19' Alıntı:

yani her gif her png için ayrı kod olacak!

Genişletmek için tıkla ...

.adminRank
{
    background-image: url('https://cdn.r10.net/rankv1.0/non-retina/32/admin.png');
    background-repeat: no-repeat;
    background-size: 120px 29px;
    height: 29px;
    width: 120px;
    text-indent: -9999px;
    white-space: nowrap;
}

.modRank {
    background-image: url('https://cdn.r10.net/rankv1.0/non-retina/32/mod.gif');
    background-repeat: no-repeat;
    background-size: 120px 29px;
    height: 29px;
    width: 120px;
    text-indent: -9999px;
    white-space: nowrap;
}

.kullaniciRank {
    background-image: url('https://cdn.r10.net/rankv1.0/non-retina/32/kullanici.svg');
    background-repeat: no-repeat;
    background-size: 120px 29px;
    height: 29px;
    width: 120px;
    text-indent: -9999px;
    white-space: nowrap;
}

netr0n' Alıntı:

Amacınız kod azaltma tekniği uygulamak ise onu da anlatırız ama her png her gif için soru sararsanız anlaşılması zor bir soru olur bu. Elinizde png, gif, svg ne olursa olsun hangi grafiği hangi grup için kullanacaksanız aşağıdaki gibi ekleyeceksiniz.

Admin grubu için admin rankı var aşağıdaki gibi ekleyebilirsiniz.

Kod:

.adminRank
{
    background-image: url('https://cdn.r10.net/rankv1.0/non-retina/32/admin.png');
    background-repeat: no-repeat;
    background-size: 120px 29px;
    height: 29px;
    width: 120px;
    text-indent: -9999px;
    white-space: nowrap;
}

Moderatör grubu için moderatör rankınız var aşağıdaki gibi ekleyebilirsiniz.

Kod:

.modRank {
    background-image: url('https://cdn.r10.net/rankv1.0/non-retina/32/mod.gif');
    background-repeat: no-repeat;
    background-size: 120px 29px;
    height: 29px;
    width: 120px;
    text-indent: -9999px;
    white-space: nowrap;
}

Kullanıcı grubu için kullanıcı rankınız var aşağıdaki gibi ekleyebilirsiniz.

Kod:

.kullaniciRank {
    background-image: url('https://cdn.r10.net/rankv1.0/non-retina/32/kullanici.svg');
    background-repeat: no-repeat;
    background-size: 120px 29px;
    height: 29px;
    width: 120px;
    text-indent: -9999px;
    white-space: nowrap;
}

Genişletmek için tıkla ...