Neler yeni

Foruma hoşgeldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Şimdi kayıt ol Giriş yap

Nasıl yapılır ? Rank'da renk geçişi nasıl yapılır ?

ForumKolik

ForumKolik

Sabit kullanıcı
Aktif Lisans
SMS onaylı
Kullanıcı
Katılım
20 Kasım 2021
Mesajlar
61
Çözümler
1
Tepkime puanı
14
Merhaba X bir forumda gördüğüm rank çok hoşuma gitti ve kendi forum sitemede yapmak istiyorum. aşağıda göstereceğim.



rank1.gif

bu şekilde hareketli rank nasıl yapabilirim ?
 
Çözüm
Onurhan T.
ForumKolik' Alıntı:
Ziyaretçiler için gizlenmiş link, görmek için Giriş yap veya üye ol.
Genişletmek için tıkla ...

Less: 
.uye_rank{
background: linear-gradient(-45deg, oklab(0.3 -0.03 -0.04) 0%, oklab(0.54 -0.08 0) 13%, oklab(0.82 -0.13 0.08) 25%, oklab(0.11 -0.13 0) 38%, oklab(0.3 -0.03 -0.04) 50%, oklab(0.54 -0.08 0) 62%, oklab(0.82 -0.13 0.08) 75%, oklab(0.11 -0.13 0) 87%, oklab(0.3 -0.03 -0.04) 100%);
  background-size: 400% 400%;
  position: relative;
  animation: arkaPlanaHareketKat 7.5s ease-in-out infinite;
  color:white;
  font-weight:bolder;
}

@keyframes arkaPlanaHareketKat{
  0%{
    background-position: 0 50%;
  }
  50%{
    background-position: 100% 50%;
  }
  100%{
    background-position: 0 50%;
  }
}

Eksik yazmışım, şunu bi denermisin.
Tarihe göre sırala Oylara göre sırala
ForumKolik' Alıntı:
Ziyaretçiler için gizlenmiş link, görmek için Giriş yap veya üye ol.


umarım reklam olmaz ^^
Genişletmek için tıkla ...

Yok canım ne reklamı olsun :) ne için yazıştığımız belli.

extra.less ekle :

Kod: 
.uye_rank{
background: linear-gradient(-45deg, oklab(0.3 -0.03 -0.04) 0%, oklab(0.54 -0.08 0) 13%, oklab(0.82 -0.13 0.08) 25%, oklab(0.11 -0.13 0) 38%, oklab(0.3 -0.03 -0.04) 50%, oklab(0.54 -0.08 0) 62%, oklab(0.82 -0.13 0.08) 75%, oklab(0.11 -0.13 0) 87%, oklab(0.3 -0.03 -0.04) 100%);
  background-size: 400% 400%;
  position: relative;
  animation: arkaPlanaHareketKat 7.5s ease-in-out infinite;
  color:white;
  font-weight:bolder;
}

@keyframes arkaPlanaHareketKat{
  0%{
    background-position: 0 50%;
  }
  50%{
    background-position: 100% 50%;
  }
  100%{
    background-position: 0 50%;
  }
}

Kullanıcı gruplarında bulunan "Kullanıcı Rank Tasarımı" bölümünden Diğer, özel CSS sınıfı adı kullanarak seçeneğini işaretleyin ve altına "uye.rank" olarak yaz. İsimleri kullanıcı grubuna göre kendin adlandırır, belirteceğin kullanıcı grubuna göre renkleride değiştirsin. Örnek olarak ben bir tane yaptım.

1.webp
 
Son düzenleme:
Oyla 0 Downvote
Onurhan T.' Alıntı:
Yok canım ne reklamı olsun :) ne için yazıştığımız belli.

extra.less ekle :

Kod: 
.uye_rank {
    background: linear-gradient(-45deg, oklab(.3 -0.03 -0.04) 0%, oklab(.54 -0.08 0) 13%, oklab(.82 -0.13 .08) 25%, oklab(.11 -0.13 0) 38%, oklab(.3 -0.03 -0.04) 50%, oklab(.54 -0.08 0) 62%, oklab(.82 -0.13 .08) 75%, oklab(.11 -0.13 0) 87%, oklab(.3 -0.03 -0.04) 100%);
    background-size: 400% 400%;
    position: relative;
    animation: arkaPlanaHareketKat 7.5s ease-in-out infinite;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    font-weight: bolder;
    color: white;
}

Kullanıcı gruplarında bulunan "Kullanıcı Rank Tasarımı" bölümünden Diğer, özel CSS sınıfı adı kullanarak seçeneğini işaretleyin ve altına "uye.rank" olarak yaz. İsimleri kullanıcı grubuna göre kendin adlandırır, belirteceğin kullanıcı grubuna göre renkleride değiştirsin. Örnek olarak ben bir tane yaptım.

Ekli dosyayı görüntüle 27195
Genişletmek için tıkla ...
ekledim ama hareket etmiyor arka plan :D
 
Oyla 0 Downvote
ForumKolik' Alıntı:
Ziyaretçiler için gizlenmiş link, görmek için Giriş yap veya üye ol.
Genişletmek için tıkla ...

Less: 
.uye_rank{
background: linear-gradient(-45deg, oklab(0.3 -0.03 -0.04) 0%, oklab(0.54 -0.08 0) 13%, oklab(0.82 -0.13 0.08) 25%, oklab(0.11 -0.13 0) 38%, oklab(0.3 -0.03 -0.04) 50%, oklab(0.54 -0.08 0) 62%, oklab(0.82 -0.13 0.08) 75%, oklab(0.11 -0.13 0) 87%, oklab(0.3 -0.03 -0.04) 100%);
  background-size: 400% 400%;
  position: relative;
  animation: arkaPlanaHareketKat 7.5s ease-in-out infinite;
  color:white;
  font-weight:bolder;
}

@keyframes arkaPlanaHareketKat{
  0%{
    background-position: 0 50%;
  }
  50%{
    background-position: 100% 50%;
  }
  100%{
    background-position: 0 50%;
  }
}

Eksik yazmışım, şunu bi denermisin.
 
Oyla 0 Downvote
Çözüm
Cevap yazmak için giriş yap yada kayıt ol.
  • D

    Konu 'Forum software by XenForo™ ♥ © 2010-2018 XenForo Ltd. NASIL KALDIRILIR ?'

    Uygunsuz içerikten dolayı konu kilitlenmiştir. XenForo.Gen.Tr Yönetim.
  • createx

    Konu 'Robot.text Nasıl yapılır ?'

    https://xenforo.gen.tr/konular/xenforo-icin-ornek-robots-txt-dosyasi-ve-bilinmesi-gerekenler.308/ Buradaki Konuyu inceledim ama nasıl yapıalcağını anlayamadım. https://sroloji.com web site adresime Robot.text yapmak istiyorum adımları...
    • createx
    • Cevaplar: 11
  • webbilgiler

    Konu 'Mobil Logo Görünümü Nasıl Düzeltilir?'

    Masaüstünde istediğim boyutta bir logom var. Fakat mobil logo görünümü aşırı küçük Xenforo mobil logo görünümü nasıl düzeltilir?
  • M

    Konu 'Default Temaya Tam Boyutlu Footer Gorseli Nasil Eklenir?'

    Merhabalar, Xenforo'nun default temasinin footer kismina koyacagimin herhangi bir gorselin tam boyutlu ve kalitesi bozulmamis halini koymak istiyorum. Footer kismina panel uzerinden hangi boyutta gorsel eklersem, otomatik olarak Xenforo'nun...
    • Masso
    • Cevaplar: 6
  • createx

    Konu 'Konu Görüldü Sayısı Detaylı Görünüm'

    Arkadaşlar benim sitede üstte 5K gibi görünen görüntülenmeyi alttaki gibi küsüratınıda göstermek istiyorum nasıl yaparım ?
    • createx
    • Cevaplar: 5
  • Binkaddas

    Konu 'How to do like this, photo in the top of post'

    it's really so beautiful, how to do like this? it's code or add-on?
  • Garfield

    Konu 'XenForo 2.3 dark mode ayarı'

    XenForo 2,3 te dark mode varsayılan mode olarak sistem seçili olarak geliyor, yani telefonunuz karanlık moda ayarlı ıse benım forum sitem sizleri dark mode de karsılıyor, bunu varsayılan açık tema olarak nasıl değişebilirim? ilk ziyarette sistem...
  • webbilgiler

    Konu 'Forum Kategori İlişkisi Sizce Nasıl Olmalıdır?'

    Merhaba Aşağıda gördüğünüz forum ve kategoriler mevcut. Burada bu yapı sizce nasıl olmalıdır? Genel = Kategori Duyurular = Forum Genel = Forum Duyurular = Kategori Bunun haricinde aşağıda farklı bir sorum var buna benzer yanıtlarsanız...
  • W

    Konu '2 resim arasını boşlukla nasıl ayırabilirim ?'

    merhaba arkadaslar forumdaki resimleri küçültmek için bu kodu kullanıyorum .message-body img { max-width: 300px !important; max-height: 250px !important; } ve yüklediğimiz resimler yan yana bitişik oluyor bunların arasına nasıl boşlukla...
  • IExlusive

    Konu 'Konuya Müzik Ekleme ?'

    Herkese iyi akşamlar bir forum da gördüğüm özellik aşırı hoşuma gitti ve bende eklemek istiyorum nasıl yapabilirim ? Konuyu açmadan önce Konu Müziği diye bir alan olup şarkıyı oraya koymak istiyorum bunu nasıl yapabilirim ? Birde Konu Müziği...
  • alemextra

    Konu 'Konuyu Yukarı Çıkar (Jump Topic) 2.3.3'

    Arkadaşlar Ben xenforo Hakkında Çok Bilgili Deilim.. Ama Php Üzerine Biraz Bilgim Var.. Xenforo 2.2 versiyonunda Konuyu Yukarı Çıkaran Eklenti Vardı... Ama 2.3.3 Versiyonuna Güncellenmedi Henüz.. Benim Çok İşime Yaraya Bir Eklenti Olduğu İçin Php...
  • Garfield

    Konu 'Neden cloudflare kullanan yok?'

    Neden forum sitelerınde cloudflare kullanan yok dıkkatımı cektı acıkcası, hem guvenlık spam hemde sunucu yukunu azaltma acısından ucretsiz bir fırsat gibi dururken tercih eden yok pek kafama takıldı acıkcası.
  • F

    Konu 'Xenforo Saat Problemi Hk.'

    Merhabalar, Belki problem çok basit biliyorum ama gerçekten bulamadığım için yazıyorum. Ziyaretçilerin saat dilimi +3 Moskow olarak ayarlı problem yok ama giriş yapanlar 2 saat geriden görüyor saati bunu nasıl düzeltebilirim. Şimdiden teşekkürler.
    • fudrain
    • Cevaplar: 1
  • W

    Konu 'Push bildirim etkinleştirmeyi nasıl yapabilirim?'

    En alttaki 'ni nasıl yapabilirim XenForo Türkçe destek, XenForo eklenti ve tema topluluğu push bildirimlerini etkinleştirmek için izninizi istiyor.
  • C

    Konu 'Xenforo alt kategori nasıl yapılır?'

    Merhaba, ben kategorimin alt kısmına yine kategori eklemek istiyorum. Nasıl yaparım? Örnek : Detaylı bir şekilde anlatabilirseniz, çok sevinirim.
  • murat7878

    Konu 'bu 404 sayfasını nerden bulup ekleyebilirim'

    merhaba bugün siteme 404 sayfası eklemek istiyorum ve bi tane buldum ama nasıl ekliyeceğimi bilmiyorum yardım edermisiniz beğendiğim 404 sayfası : 404 not found | paulfosterdesign.co.uk
  • rizatiryaki

    Konu 'Xenforo İçin Ödeme Profili'

    Merhaba Arkadaşlar xenforo için ödeme profili oluşturmak istiyorum ancak mevcut profiller hakkında cok bilgi sahibi değilim.. Bi vergi levhası ( kuruluş ) olmadan bunu yapmak mümkün'mü evet ise yolları nedir Fiyatları nedir detaylı olarak...
  • D

    Konu 'Logo ekleme'

    Merhabalar Forum sitemin Logosunu değiştirmeye çalıştım fakat çok küçük görünüyor /: ayrıca google chromdan giriş yapıldığında yeni logo ama diğer tarayicilardan girildiginde hala eski logo görünüyor. Yardımcı olabilirseniz çok sevinirim.
    • Didoli
    • Cevaplar: 42
  • by__emrah

    Konu 'Xenforo Custom Postbit'

    Xenforo Ultimate kullanıyorum fakat avatar kucuk yuvarlak onun yerıne bu sekılde buna benzer daha iyi nasıl yaparız
  • lazenes

    Konu 'Discord Sunucunuz İçin JSON Son konular Botu Yapın'

    Çok sevdiğim bir abim Gönüllü Oyun Türkçeleştirme yapıyor Discord Kanallarında da son yayınladıkları yamaların konu bağlantılarını yayınlamak istediklerini söyledi ben PHP kısmını yaptım burada da XenForo 2 Sürümü Forumu için Discord Sunucusu...
    • lazenes
    • Cevaplar: 28

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz

Sisteme duyarlı
Gündüz modu
Gece modu

Tema seçeneklerini yönet Tema renklerini yönet

  • Geniş / Dar görünüm

    Temanızı geniş yada dar olarak kullanmak için kullanabileceğiniz bir yapıyı kontrolünü sağlayabilirsiniz.

    Izgara görünümlü forum listesi

    Forum listesindeki düzeni ızgara yada sıradan listeleme tarzındaki yapının kontrolünü sağlayabilirsiniz.

    Resimli ızgara modu

    Izgara forum listesinde resimleri açıp/kapatabileceğiniz yapının kontrolünü sağlayabilirsiniz.

    Kenar çubuğunu kapat

    Kenar çubuğunu kapatarak forumdaki kalabalık görünümde kurtulabilirsiniz.

    Sabit kenar çubuğu

    Kenar çubuğunu sabitleyerek daha kullanışlı ve erişiminizi kolaylaştırabilirsiniz.

    Köşe kıvrımlarını kapat

    Blokların köşelerinde bulunan kıvrımları kapatıp/açarak zevkinize göre kullanabilirsiniz.

  • Zevkini yansıtan renk kombinasyonunu seç
    Arkaplan resimleri
    Renk geçişli arkaplanlar
Geri