Halloween Hexe

Auf die Anfrage von Just-Me Hexe

habe ich mal was gebastelt was ohne Plugin geht, also auch für Woltlab Cloud User umsetzbar.

Ihr müsst das Template header bearbeiten. Wer nicht weiß wie es geht einfach hier Template bearbeiten schauen.

sucht

{event name='beforePageHeader'}

darüber fügt ihr ein

<div class="witch"></div>

abspeichern.

Ladet euch das Bild aus dem Anhang in euren Stil.

abspeichern.

Jetzt setzt ihr diesen CSS Code in Individuelles CSS und SCSS eures Stiles.

@keyframes move {
  0%{
    transform:translateX(2000px);
  }
  100%{
    transform:translateX(-2000px);
  }
}
.witch{
  background-image: url(#{$style_image_path}custom/witch.png);
  background-repeat:no-repeat;
  height: 200px;
  width:200px;
  animation:move 40s infinite;
  position: absolute;
  top: 100px;
  z-index: 400;
}

abspeichern.

Sollte dann so aussehen.

witch.mp4