Nasıl yapılır ? css kodları ile rank sistemini aktif edemiyorum.

Escobar · 26 Tem 2022

Şu yukarıda ki

netr0n yüklediği videoyu başından sonuna kadar izledim.
Fakat ilk aşamada kullanıcı grubu kısmından administratore videoda oldugu gibi giriş yapıyorum
ardından Kullanıcı ranks metni: Administrator > Diğer, özel CSS sınıf adı kullanarak olan kısmın admin_rank yapıyorum.
Ardından extraless şablonuna girerek. .
.admin_rank {
}
yazdıktan sonra video da "administrator" şeklinde rank geliyor.

Ben o yazıyı bir türlü getiremedim. Tam 3 saattir uğraşıyorum. Komple copy paste yapmama rağmen hiçbir şekilde sonuç alamıyorum. Videoyu çok dikkatli izledim konu link aşağıda

Video - XenForo'da Özel Rank Oluşturma

Merhaba arkadaşlar, XenForo'da resim ve css ile özel ranklar nasıl oluşturulur bunu anlatmaya çalıştım. Umarım faydalı olur. Video'da kullanılan css kodlarını konuya ekledim. Sadece Css ile Rank Oluşturma Kodları: .admin_rank {...

xenforo.gen.tr

Görselleride bıraktım aşağıya yardım edenden allah razı olsun.

netr0n · 26 Tem 2022

İlgili class isminin başlangıcında . (nokta) işareti yok. .admin_rank{} şeklinde başlamalı.

Escobar · 27 Tem 2022

netr0n' Alıntı:
İlgili class isminin başlangıcında . (nokta) işareti yok. .admin_rank{} şeklinde başlamalı.

Ekli dosyayı görüntüle 20493

ilginiz için çok teşekkür ederim fakat nokta işareti varkende tepkime alamadım. şu an mysql veritabanına kadar siteyi sfıırladım tekrardan başladım kuruluma bir sorun yaşarsam tekrardan belirteyim efendim sağolun allah razı olsun.

netr0n · 27 Tem 2022

Escobar' Alıntı:
ilginiz için çok teşekkür ederim fakat nokta işareti varkende tepkime alamadım. şu an mysql veritabanına kadar siteyi sfıırladım tekrardan başladım kuruluma bir sorun yaşarsam tekrardan belirteyim efendim sağolun allah razı olsun.

Cümlemizden. Yapamazsanız özelden girişlerinizi iletin bana kontrol edelim.

Escobar · 27 Tem 2022

netr0n' Alıntı:
Cümlemizden. Yapamazsanız özelden girişlerinizi iletin bana kontrol edelim.

Efendim teşekkür ediyorum ilginiz ve alakanız için.
Bu işlerde yeni olduğum için pek bir bilgiye sahip değilim.
Youtube üzerinden sizi takip ediyorum fakat sorularımın bazı cevapları yok.
Ekte gördüğünüz üzere yetkiyi vermiş bulunmaktayım. Çok teşekkür ederim.
Fakat mouse ile "Administrator" yazısını tutabiliyorum.
Bunu tutmamak istiyorum.
Bu işlem için hangi kodu yazmam gerekiyor.
Örnek olarak 2. resimde istediğim şekil mevcut.
O şekilde bir önek nasıl hazırlayabilirim?

Ayrıca;

.admin_rank {
background-image: url("styles/icons/admin.png");
background-repeat: no-repeat;
height: 50px;
}

.userBanner strong {
display:none;
}

Şu kodlar şeklinde işlem yapmam gerekiyorsa daha önceden test ettiğimde mobilde rankların kenara kaydığını mobil uyumlu olmadığını açıklamak isterim.
Eğer spoylerda ki gibi yapmam gerekiyorsa mobil için uyum sağlayabileceğim bir kod var mı ve bunu nereye yazmalıyım?

netr0n · 27 Tem 2022

Rica ederim. Yeni başladıysanız yakın zamanda alışırsınız. Kullandığınız temanın extra.less şablonuna aşağıdaki kodları girmeniz yeterli.

Less:

.userBanner {
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
  user-select: none;
}

Escobar · 27 Tem 2022

netr0n' Alıntı:
Rica ederim. Yeni başladıysanız yakın zamanda alışırsınız. Kullandığınız temanın extra.less şablonuna aşağıdaki kodları girmeniz yeterli.

Less:

.userBanner { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

Çok sağolun teşekkür ediyorum.

netr0n · 27 Tem 2022

Verdiğim kod yukarıdaki kodların haricinde bir koddur. Kısacası son verdiğim kodlarda bir değişiklik yapmanıza gerek yok. Direkt extra.less içerisinde eklemeniz yeterli. Bu kod rank üzerindeki metnin mouse ile seçimini ortadan kaldıracak.

Spoyler ile verdiğiniz kodlarda renk tanımlaması yapamazsınız. O img. Yani resim olduğu için renk değişimini css ile yapamazsınız.

Aşağıdaki kodlar size fikir verecektir.

Less:

.admin_rank {
    background-color: #be132d; // Arka plan rengi
    border: 1px solid #be132d; // Kenarlık rengi
    border-radius: 3px !important; // Kenarlıkları yuvarlamak için kullanın
    box-shadow: 0 0 1px #F9F9F9 inset; // Gölgelik ataması
    -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; // Metin rengi
    display: inline-block;
    font-size: 12px; // Metin boyutu
    font-weight: bold; /* Metin dolgusu. Aldığı değerler; normal, 100, 200 ve katları şeklinde 900'e kadar kullanabilirsin.*/
    line-height: 18px; // satır yüksekliği
    padding: 0px 4px; // İç dolgu
    vertical-align: middle; // dikey hizalama
    &:before {
        content: "\f0e3";
        .m-fabase();
        margin-right: 5px;
        font-weight: normal;
        font-size: 100%;
    }
}

Escobar · 27 Tem 2022

netr0n' Alıntı:
Verdiğim kod yukarıdaki kodların haricinde bir koddur. Kısacası son verdiğim kodlarda bir değişiklik yapmanıza gerek yok. Direkt extra.less içerisinde eklemeniz yeterli. Bu kod rank üzerindeki metnin mouse ile seçimini ortadan kaldıracak.

Spoyler ile verdiğiniz kodlarda renk tanımlaması yapamazsınız. O img. Yani resim olduğu için renk değişimini css ile yapamazsınız.

Aşağıdaki kodlar size fikir verecektir.

Less:

.admin_rank { background-color: #be132d; // Arka plan rengi border: 1px solid #be132d; // Kenarlık rengi border-radius: 3px !important; // Kenarlıkları yuvarlamak için kullanın box-shadow: 0 0 1px #F9F9F9 inset; // Gölgelik ataması -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; // Metin rengi display: inline-block; font-size: 12px; // Metin boyutu font-weight: bold; /* Metin dolgusu. Aldığı değerler; normal, 100, 200 ve katları şeklinde 900'e kadar kullanabilirsin.*/ line-height: 18px; // satır yüksekliği padding: 0px 4px; // İç dolgu vertical-align: middle; // dikey hizalama &:before { content: "\f0e3"; .m-fabase(); margin-right: 5px; font-weight: normal; font-size: 100%; } }

Efendim çok teşekkür ederim ilginiz için son bir sorum olacaktı;
Buraya başka bir yerden kod alıntısı yaparak düzeltitm elimde ki kodlar şunlar;

.admin_rank {
background: #9e414f;
background-image: urlxxxxx
color: #fafafa;
font-size: 14px;
padding: 2px 4px;
display: inline-block;
text-align: center;
user-select: none;
margin: 3px 2;
width: 168px;
text-transform: uppercase;

}

.admin_rank:before {
font-family: 'font awesome 5 pro';
font-size: 14.75px;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f521";
float: left;
background: #0000004a;
border-radius: 0 77px 87px 0;
margin: -3px -5px;
padding: 3px 9px;
}
.admin_rank {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

Ben "Administrator" yazımın kalın olmasını istiyorum biraz fakat kodların içerisine " font-weight "bold"; " ekleyince tema bozuluyor.
Benim yazıları kalınlaştırmak için hangi koda ihtiyacım var. Eğer içerisinde var ise spoylerin çalışmamakta hepsini tek tek denedim. ( başta image url kısmından linki ben kaldırdım reklama girer diye)

gecitli · 27 Tem 2022

font-weight: 400; bu sayiyi yükseltin.

Ara

Ara

Foruma hoş geldin 👋, Ziyaretçi

Nasıl yapılır ? css kodları ile rank sistemini aktif edemiyorum.

Escobar

Aktif kullanıcı

Video - XenForo'da Özel Rank Oluşturma

Ekli dosyalar