Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
RankCSS v2
#1
-"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:
@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:
<img src="{$usergroup['image']}" alt="{$usergroup['title']}" title="{$usergroup['title']}" />

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

Kod:
{$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:
<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.
"İki yüzlüler de atılmalıydı."

1pAza1.png
HTML CSS jQuery Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
#2
Bu dönüş değil başka bir şey olmalı :=}
Bana ulaşmak için / http://english.10tl.net

MybbPHPVB.NETHTMLCSS MySQL
                                     

‘Biz hala buradayız , ölmedik...

Bir sürü örnek insan var burada onları örnek alın , başarılı olun pes etmeyin.

Cevapla PGM
Teşekkür verenler:
#3
(26-05-2019 Saat: 16:59)Muratbaykam Nickli Kullanıcıdan Alıntı: Bu dönüş değil başka bir şey olmalı :=}

Ne gibi? @Muratbaykam
"İki yüzlüler de atılmalıydı."

1pAza1.png
HTML CSS jQuery Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#4
Eline sağlık css bilgini geliştirmişsin baya, adamsın sen :D
Cevapla PGM
Teşekkür verenler: mehmetext
#5
(26-05-2019 Saat: 18:06)Codeless Nickli Kullanıcıdan Alıntı: Eline sağlık css bilgini geliştirmişsin baya, adamsın sen :D

Önümü açanlar sağolsun <3 :)
"İki yüzlüler de atılmalıydı."

1pAza1.png
HTML CSS jQuery Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#6
Çok güzel olmuş eline sağlık.
Ara
Cevapla PGM
Teşekkür verenler:
#7
(26-05-2019 Saat: 19:51)Helper Nickli Kullanıcıdan Alıntı: Çok güzel olmuş eline sağlık.

Beğenmene sevindim Erman hocam :)
"İki yüzlüler de atılmalıydı."

1pAza1.png
HTML CSS jQuery Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#8
ellerine sağlık güzel olmuşlar.
Ara
Cevapla PGM
Teşekkür verenler:
#9
Js ile bunlara açılır kapanır efektide verilir. Eline sağlık.
developer

tenor.gif?itemid=10833506
Cevapla PGM
Teşekkür verenler:
#10
Elinize sağlık , renk konusunda pastel tonlar kullanılırsa daha hoş olacaktır :)
Edep ile gelen lütuf ile gider...
(------ keyifsizm.10tl.net ------)
  >>>>>          >  Bağışta bulunmak için Tıklayınız... :)
Cevapla PGM
Teşekkür verenler:
#11
(27-05-2019 Saat: 03:23)NextWorld Nickli Kullanıcıdan Alıntı: Elinize sağlık , renk konusunda pastel tonlar kullanılırsa daha hoş olacaktır :)

O da size kalmış bir şey :)
"İki yüzlüler de atılmalıydı."

1pAza1.png
HTML CSS jQuery Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#12
(27-05-2019 Saat: 01:38)Thekinq Nickli Kullanıcıdan Alıntı: ellerine sağlık güzel olmuşlar.

Teşekkürler.

(27-05-2019 Saat: 01:39)Aisha* Nickli Kullanıcıdan Alıntı: Js ile bunlara açılır kapanır efektide verilir. Eline sağlık.

Ne tarz açılır kapanır efekti? @Aisha*
"İki yüzlüler de atılmalıydı."

1pAza1.png
HTML CSS jQuery Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#13
Sayfa açılınca bir efekt ile bir anda ortaya çıkabilir.
developer

tenor.gif?itemid=10833506
Cevapla PGM
Teşekkür verenler:
#14
Hoşuma gitti, eline sağlık Mehmet.
Ara
Cevapla PGM
Teşekkür verenler:
#15
(27-05-2019 Saat: 21:29)Escobar Nickli Kullanıcıdan Alıntı: Hoşuma gitti, eline sağlık Mehmet.

Beğenmene sevindim Yusuf :)
"İki yüzlüler de atılmalıydı."

1pAza1.png
HTML CSS jQuery Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#16
Bazı temalar da kullanırım bunu, baya iyi olmuş mehmet eline sağlık.
Ara
Cevapla PGM
Teşekkür verenler:
#17
eline sağık sade güzel bir tasarım olmuş
Ara
Cevapla PGM
Teşekkür verenler:
#18
(27-05-2019 Saat: 23:59)bilsoft Nickli Kullanıcıdan Alıntı: Bazı temalar da kullanırım bunu, baya iyi olmuş mehmet eline sağlık.

Kullan abi, yardımcı olurum :)

(28-05-2019 Saat: 00:42)TexLİeMeD Nickli Kullanıcıdan Alıntı: eline sağık sade güzel bir tasarım olmuş

Beğenmene sevindim :)

---

5000. mesaj hayırlı olsun :))
"İki yüzlüler de atılmalıydı."

1pAza1.png
HTML CSS jQuery Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***