şablon değişikleri Darbeli Kayıt Düğmesi

şablon değişikleri

İnfo112

Administrator
Registered
Katılım
14 May 2022
Mesajlar
1,590
Çözümler
53
T. puanı
2,757
CF-Coin
3,357₺
Forumu ziyaret eden ziyaretçilerin dikkatini çekmek ister misiniz?

Aşağıdaki kod işleminden sonra, kalp atışı etrafında "Kayıt Ol" butonu görünecektir.

SONUÇ:
pulsing-register-button.gif

NASIL YAPILIR:
1-) Extra.less şablonuna ekleyin
Less:
/* PULSE ANIMATION */
.pulse {
    position: relative;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse:hover {
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
2-) "P age_container" içinde şunu bulun :
Kod:
<span class="p-navgroup-linkText">{{ phrase('register') }}</span>
Bunun gibi yeni sınıf ekleyin:
Kod:
<span class="p-navgroup-linkText"><span class="pulse">{{ phrase('register') }}</span></span>
 
SPAM YAPMAK YASAKTIR!
  • Örneğin: teşekkürler, sağol, çok iyi, asdqwe, çalışıyor, ty ve benzeri!
  • Örneğin: Aynı mesajı sürekli olarak yazmak. teşekkürler, tşk ve benzeri!
  • Bir başkasının mesajını kopyalayıp aynısını yazmak yasaktır.
  • Bilginiz olmadığı konulara yorum sayınız artsın diye mesaj atmak yasaktır.
  • Yorum yaparken kendi fikrinizi yazınız!
  • Spam mesaj atan görürseniz RAPOR tuşu ile bize bildirmeniz önem ve rica olunur!
Geri
Üst