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.
5bo0ov6.png
HTML CSS Javascript jQuery PHP 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                                    

Eğer eleştiriden korkuyorsanız, dünyadan hiçbir şey yapmadan geçip gideceksiniz demektir. 
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
5bo0ov6.png
HTML CSS Javascript jQuery PHP 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
Ara
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 :)
5bo0ov6.png
HTML CSS Javascript jQuery PHP 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 :)
5bo0ov6.png
HTML CSS Javascript jQuery PHP 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.
Ara
Cevapla PGM
Teşekkür verenler:
#10
Elinize sağlık , renk konusunda pastel tonlar kullanılırsa daha hoş olacaktır :)
-ARCH
Lütfen "Rep Verbutonuna tıklayarak bizi değerlendirin.
Forum Organizatörü
Ara
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 :)
5bo0ov6.png
HTML CSS Javascript jQuery PHP 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*
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

"Son Tema Ekibi Lideri"
Cevapla PGM
Teşekkür verenler:
#13
Sayfa açılınca bir efekt ile bir anda ortaya çıkabilir.
Ara
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 :)
5bo0ov6.png
HTML CSS Javascript jQuery PHP 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 :))
5bo0ov6.png
HTML CSS Javascript jQuery PHP Dart Flutter

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


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



Reklam yaziniz bostur. ayarlardan duzenleyiniz:dest -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping