Первоапрельские прибамбасы для форума

[martini]

Как рассмешить или развести юзеров на 1 апреля?

Делимся приколами или их идеями для ксенфоро!

 

[Hope]

Karat7, это в случае использования спрайтов.

 

[Karat7]

Hope Возможно, а тот код смайлы у меня не крутил. Остальное работало.

Если набор смайлов стандартный (Спрайт) то вот полный код чтоб все работало.

​

/* April fools theme */
/* Rotate avatars, smilies and thread statistics 180 degrees */
.avatarScaler img,
.avatar .img,
.avatar img,
.mceSmilie,
img.mceSmilieSprite.mceSmilie12,
img.mceSmilieSprite.mceSmilie11,
img.mceSmilieSprite.mceSmilie10,
img.mceSmilieSprite.mceSmilie9,
img.mceSmilieSprite.mceSmilie8,
img.mceSmilieSprite.mceSmilie7,
img.mceSmilieSprite.mceSmilie6,
img.mceSmilieSprite.mceSmilie5,
img.mceSmilieSprite.mceSmilie4,
img.mceSmilieSprite.mceSmilie3,
img.mceSmilieSprite.mceSmilie2,
img.mceSmilieSprite.mceSmilie1,
.listBlock.stats dd {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-khtml-transform: rotate(180deg);
}

При необходимости просто добавить еще строчек : img.mceSmilieSprite.mceSmilie1, с разными числами на конце которых еще нет.

 

[martini]

я у себя вот так сделал

/* April fools theme */
/* Rotate avatars, smilies and thread statistics 180 degrees */
.username,
li a.username,
.avatarScaler img,
.avatar .img,
.avatar img,
.mceSmilie,
.listBlock.stats dd {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-khtml-transform: rotate(180deg);
}



/* April fools theme */
/* Rotate avatars, smilies and thread statistics 180 degrees */
.username:hover,
.avatarScaler img:hover,
.avatar .img:hover,
.avatar img:hover,
.mceSmilie:hover,
.listBlock.stats dd:hover  {
animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: rotate;
    transition-timing-function: linear;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transition-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: infinite;
    -moz-transition-timing-function: linear;
transform: rotate(360deg);
-webkit-transform: rotate(3600deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-khtml-transform: rotate(360deg);
}


   
@keyframes rotate {
0% {
    transform: rotate(0deg);
}
25% {
    transform: rotate(360deg);
}
50% {
    transform: rotate(0deg);
}
75% {
    transform: rotate(-360deg);
}
100% {
    transform: rotate(0deg);
}
}





@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(360deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  25% {
    -moz-transform: rotate(360deg);
  }
  50% {
    -moz-transform: rotate(0deg);
  }
  75% {
    -moz-transform: rotate(-360deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}

там получается кроме аватара еще и ник перевернут, а при наведении объект с плавной анимацией переворачивается с головы на ноги :)

Так, ну муха зачетная, у меня на бабском форуме несколько мониторов разбили :)

Есть еще идеи?

Я вот помню был такой скрипт в нете, что в текстовом поле набираешь текст и что бы ты не набирал, получается что-то вроде "я хочу секса, очень хочу секса....." и так далее

Интересно, можно эту щтуку прикрутить к форме быстрого ответа? :)

гугль шутит

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация