Internet Ve Bilisim Hizmetleri Zamanhost.com
 
Bu hastalik sizde de olabilir mi? Guatr Hastaligi ve Belirtileri
   
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.
Eyvallah eleştirirsin de, geliştirir misin?

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
                                     

1457590093210.jpeg

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
Eyvallah eleştirirsin de, geliştirir misin?

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
source.gif
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 :)
Eyvallah eleştirirsin de, geliştirir misin?

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 :)
Eyvallah eleştirirsin de, geliştirir misin?

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
İletişim: james@10tl.net

OEJZ.gif



(geliştirme çabaları.)
Cevapla PGM
Teşekkür verenler:
#10
Elinize sağlık , renk konusunda pastel tonlar kullanılırsa daha hoş olacaktır :)
-NEXTWORLD
Lütfen "Rep Verbutonuna tıklayarak bizi değerlendirin.
Forum Organizatörü
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 :)
Eyvallah eleştirirsin de, geliştirir misin?

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*
Eyvallah eleştirirsin de, geliştirir misin?

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
İletişim: james@10tl.net

OEJZ.gif



(geliştirme çabaları.)
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 :)
Eyvallah eleştirirsin de, geliştirir misin?

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 :))
Eyvallah eleştirirsin de, geliştirir misin?

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



***