RankCSS v2

[mehmetext]

-"Uzun zamandır yoktum, birileri demiş öldü. Şimdi de yazsınlar Mehmetext geri döndü" :)

---

Rank Önizlemesi: https://codepen.io/kraljmehmet/pen/QRrBwL

---

KULLANIM
Admin KP - Temalar & Şablonlar - Temalar - Sitenizde kullandığınız temaya tıklayın ve ardından cssrank.css adında yeni bir css dosyası oluşturun. Css dosyasını oluşturduktan sonra kendi içeriğimi yazmak istiyoruma tıklayın ve aşağıdaki kodları yapıştırın.

Kod: Tümünü Seç Tümünü Kopyala

@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");

.cssRankv2 {
    width: 180px;
    background: radial-gradient(at bottom, #859398 0%, #283048 80%);
    border-bottom: 2px solid #283048;
    color: #fff;
    font-weight: bold;
    text-align: center;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    border-radius: 3px;
    letter-spacing: 1px;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);
}

.cssRankv2[rutbe="administrator"] {
    background: radial-gradient(at bottom, #ed213a 0%, #93291e 80%);
    border-bottom: 2px solid #93291e;
}

.cssRankv2[rutbe="kodlama"] {
    background: radial-gradient(at bottom, #fbb763 0%, #d07d17 80%);
    border-bottom: 2px solid #d07d17;
}

Admin KP - Temalar & Şablonlar - Şablonlar -  Sitenizde kullandığınız temanın şablonlarına tıklayın ve ardından postbit şablonlarına girin. Postbit şablonlarına girdikten sonra postbit_groupimage şablonunda aşağıdaki kodu aratın.

Kod: Tümünü Seç Tümünü Kopyala

<img src="{$usergroup['image']}" alt="{$usergroup['title']}" title="{$usergroup['title']}" />

Yukarıdaki kodu silip aşağıdaki kodu yerine ekleyin.

Kod: Tümünü Seç Tümünü Kopyala

{$usergroup['image']}

Admin KP - Üye & Gruplar - Hangi grubun rank-rütbe sistemini değiştirmek istiyorsanız o gruba girin ve grup resmi yerine aşağıdaki kodu ekleyin.

Kod: Tümünü Seç Tümünü Kopyala

<div class="cssRankv2" rutbe="administrator">ADMIN</div>

Rank-rütbe sistemini çoğaltmak için yukarıdaki css dosyasındaki kodları çoğaltıp background rengini değiştirmeniz yeterlidir.
RankCSS v2'yi kullanırken birkaç sorun çıkabilir. Sorunları paylaşırsanız yardım alabilirsiniz.

[Muratbaykam]

Bu dönüş değil başka bir şey olmalı :=}

[mehmetext]

Bu dönüş değil başka bir şey olmalı :=}

Ne gibi? @Muratbaykam

[Hatake]

Eline sağlık css bilgini geliştirmişsin baya, adamsın sen :D

[mehmetext]

Eline sağlık css bilgini geliştirmişsin baya, adamsın sen :D

Önümü açanlar sağolsun <3 :)

[Helper]

Çok güzel olmuş eline sağlık.

[mehmetext]

Çok güzel olmuş eline sağlık.

Beğenmene sevindim Erman hocam :)

[TORK]

ellerine sağlık güzel olmuşlar.

[#Raptor]

Js ile bunlara açılır kapanır efektide verilir. Eline sağlık.

[Arch]

Elinize sağlık , renk konusunda pastel tonlar kullanılırsa daha hoş olacaktır :)

[mehmetext]

Elinize sağlık , renk konusunda pastel tonlar kullanılırsa daha hoş olacaktır :)

O da size kalmış bir şey :)

[mehmetext]

ellerine sağlık güzel olmuşlar.

Teşekkürler.

Js ile bunlara açılır kapanır efektide verilir. Eline sağlık.

Ne tarz açılır kapanır efekti? @Aisha*

[#Raptor]

Sayfa açılınca bir efekt ile bir anda ortaya çıkabilir.

[Escobar]

Hoşuma gitti, eline sağlık Mehmet.

[mehmetext]

Hoşuma gitti, eline sağlık Mehmet.

Beğenmene sevindim Yusuf :)

[bilsoft]

Bazı temalar da kullanırım bunu, baya iyi olmuş mehmet eline sağlık.

[TexLİeMeD]

eline sağık sade güzel bir tasarım olmuş

[mehmetext]

Bazı temalar da kullanırım bunu, baya iyi olmuş mehmet eline sağlık.

Kullan abi, yardımcı olurum :)

eline sağık sade güzel bir tasarım olmuş

Beğenmene sevindim :)

---

5000. mesaj hayırlı olsun :))