Kullanıcı:
Filtreler
Neler yeni
XenGenTr
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.

Giriş yap Şimdi kayıt ol
  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Çözüldü Xenforo 2 Kullanıcı Adının Yanına İkon Ekleme

Bu sorun verilen destek sayesinde çözüme ulaştırılmıştır.
P

premiumturkey

Banned
Yasaklı
Kullanıcı
Katılım
14 Ocak 2017
Mesajlar
238
Çözümler
1
Merhaba arkadaşlar aşağıdaki kod ile kullanıcı adı yanına gifli ikon ekledim fakat ikon kullanıcı adının solunda yer alıyor hem sol hem sağda nasıl gösteririm ?

Kod :

Kod: 
background: url("https://i.hizliresim.com/DyOOvy.png") no-repeat scroll left center transparent;
padding-left: 17px;

eTiKeT™ eTiKeT™ @mkucuksari netr0n netr0n​
 

Çözüldü Xenforo 2 Kullanıcı Adının Yanına İkon Ekleme

netr0n
Bu istemiş olduğunuz şey bütün kullanıcılar da mı görünecek yoksa belli gruplarda mı? Eğer birden fazla üye grubuna tanımlayacaksanız aşağıdaki koda diğer kullanıcı grubu class'larını da eklemeniz gerekiyor. Bu kodu kullandığınız temanın extra.less şablonuna ekleyeceksiniz.

CSS: 
.username--style3 {
        &:before {
    position: relative;
    content: url(https://i.hizliresim.com/DyOOvy.png);
    top: 5px;
    right: 5px;
    }
        &:after {
    position: relative;
    content: url(https://i.hizliresim.com/DyOOvy.png);
    top: 5px;
    left: 5px;
    }
}

Örnek;

6107
Tamamını görüntüle
Tarihe göre sırala Oylara göre sırala
Bu istemiş olduğunuz şey bütün kullanıcılar da mı görünecek yoksa belli gruplarda mı? Eğer birden fazla üye grubuna tanımlayacaksanız aşağıdaki koda diğer kullanıcı grubu class'larını da eklemeniz gerekiyor. Bu kodu kullandığınız temanın extra.less şablonuna ekleyeceksiniz.

CSS: 
.username--style3 {
        &:before {
    position: relative;
    content: url(https://i.hizliresim.com/DyOOvy.png);
    top: 5px;
    right: 5px;
    }
        &:after {
    position: relative;
    content: url(https://i.hizliresim.com/DyOOvy.png);
    top: 5px;
    left: 5px;
    }
}

Örnek;

6107
 
Oyla 0 Downvote
Çözüm
Hocam elinize sağlık. Bilgi için soruyorum,
Yukardaki kodda eğer tek kullanıcya yapmak istiyorsam nasıl bir değişiklik olmalı.
.username--style3
yerine
.username--htsumer

gibimi?
 
Oyla 0 Downvote
htsumer' Alıntı:
Hocam elinize sağlık. Bilgi için soruyorum,
Yukardaki kodda eğer tek kullanıcya yapmak istiyorsam nasıl bir değişiklik olmalı.
.username--style3
yerine
.username--htsumer

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

Tek bir kullanıcı da olur ise id yakalamanız lazım ama bu sefer sadece id olursa anlamsız yerlerde de gösterim yapar avatarın üstünde, edittör avatarının üstünde yani id gördüğü her yere basar onu. Üst sınıfından yakalayıp user id tanımlanırsa bizim belirlediğimiz alanda gösterilir. Mesela postbit alanında admin kullanıcısına eklemek istiyorsam aşağıdaki kod işimizi görür.

CSS: 
.message-name > [data-user-id="1"] {
    &:before {
     position: relative;
    content: url(https://i.hizliresim.com/DyOOvy.png);
    top: 5px;
    right: 5px;
    }
        &:after {
    position: relative;
    content: url(https://i.hizliresim.com/DyOOvy.png);
    top: 5px;
    left: 5px;
    }
}
 
Oyla 0 Downvote
Anladım, teşekkür ederim. Zaten postbit alanı bu uygulama için yeterli..
Kodu denedim çalışıyor, ama bir amacı olmadığı için uygulamadım...
Elinize sağlık..
 
Oyla 0 Downvote
netr0n' Alıntı:
Bu istemiş olduğunuz şey bütün kullanıcılar da mı görünecek yoksa belli gruplarda mı? Eğer birden fazla üye grubuna tanımlayacaksanız aşağıdaki koda diğer kullanıcı grubu class'larını da eklemeniz gerekiyor. Bu kodu kullandığınız temanın extra.less şablonuna ekleyeceksiniz.

CSS: 
.username--style3 {
        &:before {
    position: relative;
    content: url(https://i.hizliresim.com/DyOOvy.png);
    top: 5px;
    right: 5px;
    }
        &:after {
    position: relative;
    content: url(https://i.hizliresim.com/DyOOvy.png);
    top: 5px;
    left: 5px;
    }
}

Örnek;

Ekli dosyayı görüntüle 6107
Genişletmek için tıkla ...

Yok sadece bir kullanıcı grubunda bunu göstermek istiyorum
 
Oyla 0 Downvote
netr0n' Alıntı:
Tek bir kullanıcı da olur ise id yakalamanız lazım ama bu sefer sadece id olursa anlamsız yerlerde de gösterim yapar avatarın üstünde, edittör avatarının üstünde yani id gördüğü her yere basar onu. Üst sınıfından yakalayıp user id tanımlanırsa bizim belirlediğimiz alanda gösterilir. Mesela postbit alanında admin kullanıcısına eklemek istiyorsam aşağıdaki kod işimizi görür.

CSS: 
.message-name > [data-user-id="1"] {
    &:before {
     position: relative;
    content: url(https://i.hizliresim.com/DyOOvy.png);
    top: 5px;
    right: 5px;
    }
        &:after {
    position: relative;
    content: url(https://i.hizliresim.com/DyOOvy.png);
    top: 5px;
    left: 5px;
    }
}
Genişletmek için tıkla ...
bu ne id girersen gir çalışmıyor tek olarak.. diğer paylaştıgınız sağlı sollu olan çalışıyor
 
Oyla 0 Downvote
css ile gurupa atamasını yaptım sadece gurup için girişi değiştirmek yeterli oldu

Kod: 
.username--style3 {
        &:before {
    position: relative;
    content: url(https://i.hizliresim.com/qwlyGG.gif);
    top: 5px;
    right: 5px;
    }
        &:after {
    position: relative;
    content: url(https://i.hizliresim.com/qwlyGG.gif);
    top: 5px;
    left: 5px;
    }
}
 
Oyla 0 Downvote
Kod: 
.username--style3 {
    
    &:after {
    position: relative;
    content:url(https://i.hizliresim.com/qwlyGG.gif);
    top: 5px;
    left: 5px;
    }
}
buda admin grubu için sadece nick sonuna koymak için.. kendime yapmışken sizede paylaşayım istedim
 
Oyla 0 Downvote
Cevap yazmak için giriş yap yada kayıt ol.

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.

Giriş yap Şimdi kayıt ol