Neler yeni
Kullanıcı:
Filtreler

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.

Giriş yap Şimdi kayıt ol

Code to make a vibration movement in one of the sections of the forum

Binkaddas
Binkaddas

Binkaddas

Sabit kullanıcı
XGT Kullanıcı
Kullanıcı
Dear Support,

Please note that the below code to do same the below screenshot, but while i past the code to Extra.less not working.
Recording 2024-07-27 220135.gif
so maybe it need for update or check. please any one can help? Also i change node number but not working.

Kod: 
$0
/************************************************************************** Whole Category Color (Premium) */
.block.block--category.block--category20 {
    border: 2px solid orange!important;
    padding: 3px !important;
    border-radius: 2px !important;
    box-shadow: 0 3px 2px rgba(0,0,0,.1)!important;
}
.block.block--category.block--category20 .block-header {
background: orange!important;
border-bottom: 3px solid orange!important;
border-left: 1px solid orange!important;
border-right: 1px solid orange!important;
border-top: 1px solid orange!important;
}
.block--category20 .node--id968 { color: orange!important; }
.block--category20 .node--id206{ color: orange; }
.block--category20 .node--id27 { color: orange!important; }
.block--category20 .node--id158 { color: orange!important; }
.block--category20 .node-title a { color: orange!important; }
.block--category20 .node-stats .pairs > dt { color: orange!important; }
.block--category20 a.node-extra-title { color: orange!important; }
.block--category20 .u-dt[title] { color: orange!important; }
.block--category20 .node-extra-user .username { color: orange!important; }
.block--category20 .node-subNodeMenu .menuTrigger { color: orange!important; }
.block--category20 .node--unread .node-icon i::before { color: orange!important; }

.block.block--category.block--category20:hover {
    animation:shakeGavel 1.20s;
}
@keyframes shakeGavel{0{
-webkit-transform:translate(0, 0) rotate(0);
-ms-transform:translate(0, 0) rotate(0);
-webkit-transform: translate(0, 0) rotate(0);
 -ms-transform: translate(0, 0) rotate(0);
 -webkit-transform: translate(0, 0) rotate(0);
  -ms-transform: translate(0, 0) rotate(0);
  transform:translate(0, 0) rotate(0)}20%{
  -webkit-transform:translate(-3px, 0) rotate(-25deg);
  -ms-transform:translate(-3px, 0) rotate(-25deg);
  -webkit-transform: translate(-3px, 0) rotate(-25deg);
   -ms-transform: translate(-3px, 0) rotate(-25deg);
   -webkit-transform: translate(-3px, 0) rotate(-25deg);
    -ms-transform: translate(-3px, 0) rotate(-25deg);
    transform:translate(-3px, 0) rotate(-25deg)}30%{
    -webkit-transform:translate(3px, 0) rotate(25deg);
    -ms-transform:translate(3px, 0) rotate(25deg);
    -webkit-transform: translate(3px, 0) rotate(25deg);
     -ms-transform: translate(3px, 0) rotate(25deg);
     -webkit-transform: translate(3px, 0) rotate(25deg);
      -ms-transform: translate(3px, 0) rotate(25deg);
      transform:translate(3px, 0) rotate(25deg)}50%{
      -webkit-transform:translate(-3px, 0) rotate(-15deg);
      -ms-transform:translate(-3px, 0) rotate(-15deg);
      -webkit-transform: translate(-3px, 0) rotate(-15deg);
       -ms-transform: translate(-3px, 0) rotate(-15deg);
       -webkit-transform: translate(-3px, 0) rotate(-15deg);
        -ms-transform: translate(-3px, 0) rotate(-15deg);
        transform:translate(-3px, 0) rotate(-15deg)}60%{
        -webkit-transform:translate(3px, 0) rotate(15deg);
        -ms-transform:translate(3px, 0) rotate(15deg);
        -webkit-transform: translate(3px, 0) rotate(15deg);
         -ms-transform: translate(3px, 0) rotate(15deg);
         -webkit-transform: translate(3px, 0) rotate(15deg);
          -ms-transform: translate(3px, 0) rotate(15deg);
          transform:translate(3px, 0) rotate(15deg)}100%{
          -webkit-transform:translate(0, 0) rotate(0);
          -ms-transform:translate(0, 0) rotate(0);
          -webkit-transform: translate(0, 0) rotate(0);
           -ms-transform: translate(0, 0) rotate(0);
           -webkit-transform: translate(0, 0) rotate(0);
            -ms-transform: translate(0, 0) rotate(0);
            transform:translate(0, 0) rotate(0)}
}
/***********************************************************************************************************/
 
gecitli
Binkaddas' Alıntı:
Dear Support,

Please note that the below code to do same the below screenshot, but while i past the code to Extra.less not working.
Ekli dosyayı görüntüle 27198
so maybe it need for update or check. please any one can help? Also i change node number but not working.

Kod: 
$0
/************************************************************************** Whole Category Color (Premium) */
.block.block--category.block--category20 {
    border: 2px solid orange!important;
    padding: 3px !important;
    border-radius: 2px !important;
    box-shadow: 0 3px 2px rgba(0,0,0,.1)!important;
}
.block.block--category.block--category20 .block-header {
background: orange!important;
border-bottom: 3px solid orange!important;
border-left: 1px solid orange!important...
Genişletmek için tıkla ...
Tarihe göre sırala Oylara göre sırala
Binkaddas' Alıntı:
Dear Support,

Please note that the below code to do same the below screenshot, but while i past the code to Extra.less not working.
Ekli dosyayı görüntüle 27198
so maybe it need for update or check. please any one can help? Also i change node number but not working.

Kod: 
$0
/************************************************************************** Whole Category Color (Premium) */
.block.block--category.block--category20 {
    border: 2px solid orange!important;
    padding: 3px !important;
    border-radius: 2px !important;
    box-shadow: 0 3px 2px rgba(0,0,0,.1)!important;
}
.block.block--category.block--category20 .block-header {
background: orange!important;
border-bottom: 3px solid orange!important;
border-left: 1px solid orange!important;
border-right: 1px solid orange!important;
border-top: 1px solid orange!important;
}
.block--category20 .node--id968 { color: orange!important; }
.block--category20 .node--id206{ color: orange; }
.block--category20 .node--id27 { color: orange!important; }
.block--category20 .node--id158 { color: orange!important; }
.block--category20 .node-title a { color: orange!important; }
.block--category20 .node-stats .pairs > dt { color: orange!important; }
.block--category20 a.node-extra-title { color: orange!important; }
.block--category20 .u-dt[title] { color: orange!important; }
.block--category20 .node-extra-user .username { color: orange!important; }
.block--category20 .node-subNodeMenu .menuTrigger { color: orange!important; }
.block--category20 .node--unread .node-icon i::before { color: orange!important; }

.block.block--category.block--category20:hover {
    animation:shakeGavel 1.20s;
}
@keyframes shakeGavel{0{
-webkit-transform:translate(0, 0) rotate(0);
-ms-transform:translate(0, 0) rotate(0);
-webkit-transform: translate(0, 0) rotate(0);
 -ms-transform: translate(0, 0) rotate(0);
 -webkit-transform: translate(0, 0) rotate(0);
  -ms-transform: translate(0, 0) rotate(0);
  transform:translate(0, 0) rotate(0)}20%{
  -webkit-transform:translate(-3px, 0) rotate(-25deg);
  -ms-transform:translate(-3px, 0) rotate(-25deg);
  -webkit-transform: translate(-3px, 0) rotate(-25deg);
   -ms-transform: translate(-3px, 0) rotate(-25deg);
   -webkit-transform: translate(-3px, 0) rotate(-25deg);
    -ms-transform: translate(-3px, 0) rotate(-25deg);
    transform:translate(-3px, 0) rotate(-25deg)}30%{
    -webkit-transform:translate(3px, 0) rotate(25deg);
    -ms-transform:translate(3px, 0) rotate(25deg);
    -webkit-transform: translate(3px, 0) rotate(25deg);
     -ms-transform: translate(3px, 0) rotate(25deg);
     -webkit-transform: translate(3px, 0) rotate(25deg);
      -ms-transform: translate(3px, 0) rotate(25deg);
      transform:translate(3px, 0) rotate(25deg)}50%{
      -webkit-transform:translate(-3px, 0) rotate(-15deg);
      -ms-transform:translate(-3px, 0) rotate(-15deg);
      -webkit-transform: translate(-3px, 0) rotate(-15deg);
       -ms-transform: translate(-3px, 0) rotate(-15deg);
       -webkit-transform: translate(-3px, 0) rotate(-15deg);
        -ms-transform: translate(-3px, 0) rotate(-15deg);
        transform:translate(-3px, 0) rotate(-15deg)}60%{
        -webkit-transform:translate(3px, 0) rotate(15deg);
        -ms-transform:translate(3px, 0) rotate(15deg);
        -webkit-transform: translate(3px, 0) rotate(15deg);
         -ms-transform: translate(3px, 0) rotate(15deg);
         -webkit-transform: translate(3px, 0) rotate(15deg);
          -ms-transform: translate(3px, 0) rotate(15deg);
          transform:translate(3px, 0) rotate(15deg)}100%{
          -webkit-transform:translate(0, 0) rotate(0);
          -ms-transform:translate(0, 0) rotate(0);
          -webkit-transform: translate(0, 0) rotate(0);
           -ms-transform: translate(0, 0) rotate(0);
           -webkit-transform: translate(0, 0) rotate(0);
            -ms-transform: translate(0, 0) rotate(0);
            transform:translate(0, 0) rotate(0)}
}
/***********************************************************************************************************/
Genişletmek için tıkla ...
Try it like this

CSS: 
.block.block--category.block--category1 {
    &:hover {
        animation:shakeGavel 1.20s;
   }
}
@keyframes shakeGavel{0{
-webkit-transform:translate(0, 0) rotate(0);
-ms-transform:translate(0, 0) rotate(0);
-webkit-transform: translate(0, 0) rotate(0);
 -ms-transform: translate(0, 0) rotate(0);
 -webkit-transform: translate(0, 0) rotate(0);
  -ms-transform: translate(0, 0) rotate(0);
  transform:translate(0, 0) rotate(0)}20%{
  -webkit-transform:translate(-3px, 0) rotate(-25deg);
  -ms-transform:translate(-3px, 0) rotate(-25deg);
  -webkit-transform: translate(-3px, 0) rotate(-25deg);
   -ms-transform: translate(-3px, 0) rotate(-25deg);
   -webkit-transform: translate(-3px, 0) rotate(-25deg);
    -ms-transform: translate(-3px, 0) rotate(-25deg);
    transform:translate(-3px, 0) rotate(-25deg)}30%{
    -webkit-transform:translate(3px, 0) rotate(25deg);
    -ms-transform:translate(3px, 0) rotate(25deg);
    -webkit-transform: translate(3px, 0) rotate(25deg);
     -ms-transform: translate(3px, 0) rotate(25deg);
     -webkit-transform: translate(3px, 0) rotate(25deg);
      -ms-transform: translate(3px, 0) rotate(25deg);
      transform:translate(3px, 0) rotate(25deg)}50%{
      -webkit-transform:translate(-3px, 0) rotate(-15deg);
      -ms-transform:translate(-3px, 0) rotate(-15deg);
      -webkit-transform: translate(-3px, 0) rotate(-15deg);
       -ms-transform: translate(-3px, 0) rotate(-15deg);
       -webkit-transform: translate(-3px, 0) rotate(-15deg);
        -ms-transform: translate(-3px, 0) rotate(-15deg);
        transform:translate(-3px, 0) rotate(-15deg)}60%{
        -webkit-transform:translate(3px, 0) rotate(15deg);
        -ms-transform:translate(3px, 0) rotate(15deg);
        -webkit-transform: translate(3px, 0) rotate(15deg);
         -ms-transform: translate(3px, 0) rotate(15deg);
         -webkit-transform: translate(3px, 0) rotate(15deg);
          -ms-transform: translate(3px, 0) rotate(15deg);
          transform:translate(3px, 0) rotate(15deg)}100%{
          -webkit-transform:translate(0, 0) rotate(0);
          -ms-transform:translate(0, 0) rotate(0);
          -webkit-transform: translate(0, 0) rotate(0);
           -ms-transform: translate(0, 0) rotate(0);
           -webkit-transform: translate(0, 0) rotate(0);
            -ms-transform: translate(0, 0) rotate(0);
            transform:translate(0, 0) rotate(0)}
}
 
Oyla 1 Downvote
Çözüm
gecitli' Alıntı:
Try it like this

CSS: 
.block.block--category.block--category1 {
    &:hover {
        animation:shakeGavel 1.20s;
   }
}
@keyframes shakeGavel{0{
-webkit-transform:translate(0, 0) rotate(0);
-ms-transform:translate(0, 0) rotate(0);
-webkit-transform: translate(0, 0) rotate(0);
 -ms-transform: translate(0, 0) rotate(0);
 -webkit-transform: translate(0, 0) rotate(0);
  -ms-transform: translate(0, 0) rotate(0);
  transform:translate(0, 0) rotate(0)}20%{
  -webkit-transform:translate(-3px, 0) rotate(-25deg);
  -ms-transform:translate(-3px, 0) rotate(-25deg);
  -webkit-transform: translate(-3px, 0) rotate(-25deg);
   -ms-transform: translate(-3px, 0) rotate(-25deg);
   -webkit-transform: translate(-3px, 0) rotate(-25deg);
    -ms-transform: translate(-3px, 0) rotate(-25deg);
    transform:translate(-3px, 0) rotate(-25deg)}30%{
    -webkit-transform:translate(3px, 0) rotate(25deg);
    -ms-transform:translate(3px, 0) rotate(25deg);
    -webkit-transform: translate(3px, 0) rotate(25deg);
     -ms-transform: translate(3px, 0) rotate(25deg);
     -webkit-transform: translate(3px, 0) rotate(25deg);
      -ms-transform: translate(3px, 0) rotate(25deg);
      transform:translate(3px, 0) rotate(25deg)}50%{
      -webkit-transform:translate(-3px, 0) rotate(-15deg);
      -ms-transform:translate(-3px, 0) rotate(-15deg);
      -webkit-transform: translate(-3px, 0) rotate(-15deg);
       -ms-transform: translate(-3px, 0) rotate(-15deg);
       -webkit-transform: translate(-3px, 0) rotate(-15deg);
        -ms-transform: translate(-3px, 0) rotate(-15deg);
        transform:translate(-3px, 0) rotate(-15deg)}60%{
        -webkit-transform:translate(3px, 0) rotate(15deg);
        -ms-transform:translate(3px, 0) rotate(15deg);
        -webkit-transform: translate(3px, 0) rotate(15deg);
         -ms-transform: translate(3px, 0) rotate(15deg);
         -webkit-transform: translate(3px, 0) rotate(15deg);
          -ms-transform: translate(3px, 0) rotate(15deg);
          transform:translate(3px, 0) rotate(15deg)}100%{
          -webkit-transform:translate(0, 0) rotate(0);
          -ms-transform:translate(0, 0) rotate(0);
          -webkit-transform: translate(0, 0) rotate(0);
           -ms-transform: translate(0, 0) rotate(0);
           -webkit-transform: translate(0, 0) rotate(0);
            -ms-transform: translate(0, 0) rotate(0);
            transform:translate(0, 0) rotate(0)}
}
Genişletmek için tıkla ...
Yes it works, thank you for your kind support

Recording 2024-07-27 224710222222.gif
 
Son düzenleme:
Oyla 0 Downvote
Cevap yazmak için giriş yap yada kayıt ol.
  • M

    Konu 'server error'

    Hey guys, I'm not sure if this is related to you guys, but one of your addons were mentioned in my server error and was wondering if you wouldn't mind helping me solve the issue. This started popping up recently. Any help is appreciated...
  • H

    Konu 'Reaction scores went down'

    Sorry again about having to type in English. You all have been more helpful than any American support board haha. Suddenly, everyone’s reaction score went down. For example mine seems to have lost 10k or so. Does anyone know why this would...
  • Els3atY

    Konu 'how to make postbit like here'

    how to make postbit like here what template should modify regards
    • Els3atY
    • Cevaplar: 6
  • Wikislo

    Konu '[XenGenTr] Style V4 - Templates'

    merhab arkadaşlar i am using v4 theme on my forum I have a problem with voting, up and down doesn't work, it doesn't show up post_macros the problem is in post_macros originally it doesn't work revert so it works see pictures below...
    • Wikislo
    • Cevaplar: 1
  • Binkaddas

    Konu 'Code to make a vibration movement in one of the sections of the forum'

    Dear Support, Please note that the below code to do same the below screenshot, but while i past the code to Extra.less not working. so maybe it need for update or check. please any one can help? Also i change node number but not working. $0...
  • Wikislo

    Konu 'Left and right images for themes add extra.less?'

    Mehaba arkadaşlar yardımınıza ihtiyacım var how to add left and right image to my theme please see your screenshot
    • Wikislo
    • Cevaplar: 1
  • Wikislo

    Konu 'Template public:xfrm_overview_macros'

    This error literally spams my error log. How do I fix that? Template public:xfrm_overview_macros: [E_USER_WARNING] Macro public:xfrm_overview_macros:featured_carousel is unknown (src/XF/Template/Templater.php:660) ErrorException: Template...
    • Wikislo
    • Cevaplar: 1

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
Zevkini yansıtan rengi seç

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.

Geri