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:

eTiKeT™

value="{XGT}"
Yönetici
XGT Master
XGT Onaylı
Katılım
4 Ara 2016
Mesajlar
7,410
Web sitesi
xenforo.gen.tr
Online olarak bunu görmek gerekli, ama siteniz ters tık için kapalı ve banner sadece 1 tane görünüyor.
 

Sis

Banned
Yasaklı
XGT Onaylı
Kullanıcı
Katılım
17 Nis 2018
Mesajlar
1,282
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 @MusaPekel aklıma etiketleyecek başka kimse gelmedi :) Soru çözümsüz kaldı :)

1647972509987.png
 
Son düzenleme:

alpsari

Sabit kullanıcı
XGT Onaylı
Kullanıcı
Katılım
8 Mar 2022
Mesajlar
72
teşekkürler
 
Son düzenleme:

ramooo19

XGT Müşterisi
XGT Onaylı
Katılım
3 Ağu 2018
Mesajlar
272
Web sitesi
gsmgezgini.com
bu işlemde extra.less eklenmesi kodda her png kodu tek tek girilmek zorundamı ???

örnek

moderator = mod.png
admin = admin.png

gibi ??
 

netr0n

XGT
Yönetici
XGT Master
XGT Onaylı
Katılım
6 Ara 2016
Mesajlar
5,992
Web sitesi
netron.web.tr
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;
}
 

ramooo19

XGT Müşterisi
XGT Onaylı
Katılım
3 Ağu 2018
Mesajlar
272
Web sitesi
gsmgezgini.com
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 ?
 

Forumdan daha fazla yararlanmak için giriş yapın yada üye olun!

Forumdan daha fazla yararlanmak için giriş yapın veya kayıt olun!

Kayıt ol

Forumda bir hesap oluşturmak tamamen ücretsizdir.

Şimdi kayıt ol
Giriş yap

Eğer bir hesabınız var ise lütfen giriş yapın

Giriş yap

Tema düzenleyici

Tema özelletirmeleri

Grafik arka planlar

Granit arka planlar