Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

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

eTiKeT™ Kullanıcımız yeni bir kaynak oluşturdu:

Xenforo 2 Resimli,img,png kullanıcı banner,ranks nasıl eklenir? - Xenforo 2 Resimli,img,png kullanıcı banner,ranks nasıl eklenir?

Xenforo 2 Resimli,img,png kullanıcı banner,ranks nasıl eklenir?
Bazı kullanıcıların böyle bir şeyi yapmakta zorlandıklarınız gördüm. Ve CSS ile bunu nasıl yapcağınız kısaca anlatmaya çalıştım.​


Adım 1
Admincp >> Gruplar ve izinler >> Kullanıcı grupları >> Administrative >>​


Adım 2;
Temanızın extra.less...​

xenforo_img_user_banner-png.9258


Bu kaynak hakkında daha fazla bilgi ...
 
Son düzenleme:
Online olarak bunu görmek gerekli, ama siteniz ters tık için kapalı ve banner sadece 1 tane görünüyor.
 
Hocam kodları olduğu gibi ayarladığım da kendi siteme göre :) Rank biraz ismin sağında kaldı. Tam hizalama nasıl yapabilirim konu başındaki kodlara göre :)

Hem mobil de hem pc görünümün de durum bu şekilde :)

netr0n netr0n MusaPekel MusaPekel aklıma etiketleyecek başka kimse gelmedi :) Soru çözümsüz kaldı :)

1647972509987.png
 
Son düzenleme:
teşekkürler
 
Son düzenleme:
bu işlemde extra.less eklenmesi kodda her png kodu tek tek girilmek zorundamı ???

örnek

moderator = mod.png
admin = admin.png

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

örnek

moderator = mod.png
admin = admin.png

gibi ??
soruma cevap verilmemiş?
Bir soru daha yeniden sorayım bu ekra less eklenecek kod her rank için tekrar tekrar eklenecekmi ??
 
yani her gif her png için ayrı kod olacak!

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;
}
 
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;
}
teşekkürler peki size txt olarak kodları DM den atayım kontrol edermisiniz ben böyle yaptım ama daha bitmedi gerçi ?
 
Hocam ben ekleyemiyorum png uzantılı rankları cidden sinir bozucu dosya yolunu neye göre göstericez ?
 

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.