📌2 Senelik Yolculuğumuzda 1.000.000m+ Ham Görüntüleme İçin Teşekkürler. İyi ki varsınız! 🙏🏻
Discord sunucumuza tüm üyelerimiz davetlidir! ✨(Link)
  • Discord ile Kayıt Aktif | Onaylı Üyelik
    Forumdan daha fazla yararlanmak için, Discord ile kaydolun ve daha ayrıcalıklı olun 👑
  • Telegram ile Kayıt Aktif | Onaylı Üyelik
    Forumdan daha fazla yararlanmak için, Telegram ile kaydolun ve daha ayrıcalıklı olun 👑

Bilgi Xenforo Özel Rank Tasarımı 2023

Cheff

Yeni 1 Üye
S1 Üye
Kayıtlı Üye
LV
3
 
Son görülme
Katılım
13 Haz 2022
Mesajlar
7
Ödüller
6
Hobi/Meslek
Xenforo Developer | Xenforo Geliştiricisi
Selamlar Forumlar üzerinde bildiğiniz gibi özel rank tasarımları mevcuttur. Bu konumda sizlere istediğiniz gibi bir rank tasarımı yapabileceğinizi anlatacağım.

İlk olarak özel rank tasarımınız nasıl yapmak istiyorsunuz?

Founder.gif


Örnek olarak bu şekilde yapmak istiyorsanız en başta Rankınızı oluşturup daha sonrasında özel css kısmına belirlediğiniz bir nick, mesaj vb gibi şeyleri yazmanız gerekmektedir. Daha sonrasında FTP yolu ile örnek olarak : public_html/Forum/img img dosyası yok ise kendiniz oluşturup gifinizi atabilirsiniz. Gif'i attıktan sonra Admincp >> Görünüm ve Diller >> Temalarınız >> extra.less kısmına girip ilk olarak özel css koduna yazdığınız nickname'i ;
Kod:
.nickname
{
    background-image: url("gif kısmının bağlantısı yani, forumadı/forum/img/founder.gif");
    background-repeat: no-repeat;
    background-size: 145px 60px;
    height: 70px;
    width: 145px;
    text-indent: -9999px;
    white-space: nowrap;
}

Ama normal bir rank olsun istiyorsanız yine aynı şekilde özel css kodu ile extra.less kısmına şu kodları yazabilirsiniz.


Kod:
.nickname {
    background-color: #be132d;
    border: 1px solid #be132d;
    border-radius: 3px !important;
    box-shadow: 0 0 1px #F9F9F9 inset;
    -webkit-box-shadow: 0 0 1px #F9F9F9 inset;
    -moz-box-shadow: 0 0 1px #F9F9F9 inset;
    -o-box-shadow: 0 0 1px #F9F9F9 inset;
    color: #ffffff !important;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 0px 4px;
    vertical-align: middle;

}

.nickname:before {
    content: "\f0e3";
    .m-faBase();
    margin-right: 5px;
    font-weight: normal;
    font-size: 100%;
}

Kodumuzu yazdıktan sonra sıra geldi rank için icon ayarlamaya koddaki iconu değiştmek için content: "\f0e3"; f0e3 kısmını değiştirebilirsiniz. Sizlere önerebileceğim bir ikon sitesi : İkon Sitesi

İyi günler ve Başarılar Dilerim.
 

ProxyXF

Yönetim Üyesi
Administrator
Onaylı Üye
S1 Üye
LV
7
 
Son görülme
Katılım
13 Haz 2021
Mesajlar
5,985
Ödüller
13
Web sitesi
sadece1.com
Hobi/Meslek
Webmaster | Web Uzmanı
Elinize sağlık gerçekten harika bir konu olmuş hatta tasarımı bayağı beğendim. Biraz daha geliştirilebilir.
 

Feodal

Yeni 1 Üye
S1 Üye
Kayıtlı Üye
LV
2
 
Son görülme
Katılım
29 Kas 2022
Mesajlar
50
Ödüller
7
Hobi/Meslek
Student | Öğrenci
Konu için teşekkürler
 

birinciADAM

Yeni 1 Üye
Kayıtlı Üye
LV
2
 
Son görülme
Katılım
29 Kas 2022
Mesajlar
4
Ödüller
3
Hobi/Meslek
General Developer | Genel Geliştirici
Teşekkürler
 

asterix1

Yeni 1 Üye
S1 Üye
Kayıtlı Üye
LV
2
 
Son görülme
Katılım
16 Ocak 2023
Mesajlar
6
Ödüller
4
Hobi/Meslek
Webmaster | Web Uzmanı
Aradığım bir konuydu teşekkürler :D
 

xenfor

Yeni 1 Üye
S1 Üye
Kayıtlı Üye
LV
2
 
Son görülme
Katılım
17 Ocak 2023
Mesajlar
5
Ödüller
4
Hobi/Meslek
Xenforo Developer | Xenforo Geliştiricisi
teşekkürler
 

xyusuf

Yeni 1 Üye
S1 Üye
Kayıtlı Üye
LV
2
 
Son görülme
Katılım
21 Ocak 2023
Mesajlar
5
Ödüller
4
Hobi/Meslek
Webmaster | Web Uzmanı
Selamlar Forumlar üzerinde bildiğiniz gibi özel rank tasarımları mevcuttur. Bu konumda sizlere istediğiniz gibi bir rank tasarımı yapabileceğinizi anlatacağım.

İlk olarak özel rank tasarımınız nasıl yapmak istiyorsunuz?

Ekli dosyayı görüntüle 1397

Örnek olarak bu şekilde yapmak istiyorsanız en başta Rankınızı oluşturup daha sonrasında özel css kısmına belirlediğiniz bir nick, mesaj vb gibi şeyleri yazmanız gerekmektedir. Daha sonrasında FTP yolu ile örnek olarak : public_html/Forum/img img dosyası yok ise kendiniz oluşturup gifinizi atabilirsiniz. Gif'i attıktan sonra Admincp >> Görünüm ve Diller >> Temalarınız >> extra.less kısmına girip ilk olarak özel css koduna yazdığınız nickname'i ;
Kod:
.nickname
{
    background-image: url("gif kısmının bağlantısı yani, forumadı/forum/img/founder.gif");
    background-repeat: no-repeat;
    background-size: 145px 60px;
    height: 70px;
    width: 145px;
    text-indent: -9999px;
    white-space: nowrap;
}

Ama normal bir rank olsun istiyorsanız yine aynı şekilde özel css kodu ile extra.less kısmına şu kodları yazabilirsiniz.


Kod:
.nickname {
    background-color: #be132d;
    border: 1px solid #be132d;
    border-radius: 3px !important;
    box-shadow: 0 0 1px #F9F9F9 inset;
    -webkit-box-shadow: 0 0 1px #F9F9F9 inset;
    -moz-box-shadow: 0 0 1px #F9F9F9 inset;
    -o-box-shadow: 0 0 1px #F9F9F9 inset;
    color: #ffffff !important;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 0px 4px;
    vertical-align: middle;

}

.nickname:before {
    content: "\f0e3";
    .m-faBase();
    margin-right: 5px;
    font-weight: normal;
    font-size: 100%;
}

Kodumuzu yazdıktan sonra sıra geldi rank için icon ayarlamaya koddaki iconu değiştmek için content: "\f0e3"; f0e3 kısmını değiştirebilirsiniz. Sizlere önerebileceğim bir ikon sitesi : İkon Sitesi

İyi günler ve Başarılar Dilerim.
Harika hocam teşekürler
 

mrtsntrk

Yeni 1 Üye
S1 Üye
Kayıtlı Üye
LV
2
 
Son görülme
Katılım
7 Ara 2022
Mesajlar
5
Ödüller
4
Hobi/Meslek
Xenforo Developer | Xenforo Geliştiricisi
Rank tasarımı şahane duruyor eline sağlık
 

des9990

Yeni 1 Üye
S1 Üye
Kayıtlı Üye
LV
2
 
Son görülme
Katılım
23 Ocak 2023
Mesajlar
5
Ödüller
4
Hobi/Meslek
Other (Diğer Hobi/Meslek)

rolicka

Yeni 1 Üye
S1 Üye
Kayıtlı Üye
LV
2
 
Son görülme
Katılım
23 Ocak 2023
Mesajlar
5
Ödüller
4
Hobi/Meslek
Game Developer | Oyun Geliştiricisi

fresholia

Yeni 1 Üye
S1 Üye
Kayıtlı Üye
LV
2
 
Son görülme
Katılım
24 Ocak 2023
Mesajlar
5
Ödüller
4
Hobi/Meslek
General Developer | Genel Geliştirici

Kardiyan

Yeni 1 Üye
S1 Üye
Kayıtlı Üye
LV
2
 
Son görülme
Katılım
28 Ocak 2023
Mesajlar
5
Ödüller
4
Hobi/Meslek
Programmer | Programcı
Selamlar Forumlar üzerinde bildiğiniz gibi özel rank tasarımları mevcuttur. Bu konumda sizlere istediğiniz gibi bir rank tasarımı yapabileceğinizi anlatacağım.

İlk olarak özel rank tasarımınız nasıl yapmak istiyorsunuz?

Ekli dosyayı görüntüle 1397

Örnek olarak bu şekilde yapmak istiyorsanız en başta Rankınızı oluşturup daha sonrasında özel css kısmına belirlediğiniz bir nick, mesaj vb gibi şeyleri yazmanız gerekmektedir. Daha sonrasında FTP yolu ile örnek olarak : public_html/Forum/img img dosyası yok ise kendiniz oluşturup gifinizi atabilirsiniz. Gif'i attıktan sonra Admincp >> Görünüm ve Diller >> Temalarınız >> extra.less kısmına girip ilk olarak özel css koduna yazdığınız nickname'i ;
Kod:
.nickname
{
    background-image: url("gif kısmının bağlantısı yani, forumadı/forum/img/founder.gif");
    background-repeat: no-repeat;
    background-size: 145px 60px;
    height: 70px;
    width: 145px;
    text-indent: -9999px;
    white-space: nowrap;
}

Ama normal bir rank olsun istiyorsanız yine aynı şekilde özel css kodu ile extra.less kısmına şu kodları yazabilirsiniz.


Kod:
.nickname {
    background-color: #be132d;
    border: 1px solid #be132d;
    border-radius: 3px !important;
    box-shadow: 0 0 1px #F9F9F9 inset;
    -webkit-box-shadow: 0 0 1px #F9F9F9 inset;
    -moz-box-shadow: 0 0 1px #F9F9F9 inset;
    -o-box-shadow: 0 0 1px #F9F9F9 inset;
    color: #ffffff !important;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    padding: 0px 4px;
    vertical-align: middle;

}

.nickname:before {
    content: "\f0e3";
    .m-faBase();
    margin-right: 5px;
    font-weight: normal;
    font-size: 100%;
}

Kodumuzu yazdıktan sonra sıra geldi rank için icon ayarlamaya koddaki iconu değiştmek için content: "\f0e3"; f0e3 kısmını değiştirebilirsiniz. Sizlere önerebileceğim bir ikon sitesi : İkon Sitesi

İyi günler ve Başarılar Dilerim.
teşekkürler
 

majer

Yeni 1 Üye
S1 Üye
Kayıtlı Üye
LV
1
 
Son görülme
Katılım
1 Nis 2023
Mesajlar
5
Ödüller
3
Hobi/Meslek
Xenforo Developer | Xenforo Geliştiricisi
deneyeceğim
 

sefac

Yeni 1 Üye
S1 Üye
Kayıtlı Üye
LV
1
 
Son görülme
Katılım
30 Eyl 2023
Mesajlar
5
Ödüller
3
Hobi/Meslek
Webmaster | Web Uzmanı

Discord Sunucumuz

Üst