Nasıl yapılır ? Xenforo'da arkaplan resmi değiştirme

MustafaseveR' Alıntı:

CSS:

.p-pageWrapper {
  background: url(images/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

böyle denermisiniz.

Genişletmek için tıkla ...

metalgear' Alıntı:

hocam bu kodu iki tane resim slide şeklinde geçişli yapsın olarak düzenleyebilir misin

Genişletmek için tıkla ...

MustafaseveR' Alıntı:

Hocam sadece css ile slider yapılıyormu bilgim yok. bulabilirsem yorum olarak ekleaşağıdaki kodu buldum ama fixleme

Genişletmek için tıkla ...

body{
    background:url("images/1.jpg");
    animation:image 5s infinite alternate;
    -webkit-animation:image 5s infinite alternate;
    -moz-animation:image 5s infinite alternate;
}
@keyframes image{
    0%{
        background:url("images/1.jpg");
    }

    25%{
        background:url("images/2.jpg");
    }

    50%{
        background:url("images/3.jpg");
    }

    75%{
        background:url("images/4.jpg");
    }

    100%{
        background:url("images/5.jpg");
    }
}

.p-body{
    background:url("styles/arkaplan/1.jpg") no-repeat center center fixed;
    animation:image 25s infinite alternate;
    -webkit-animation:image 25s infinite alternate;
    -moz-animation:image 25s infinite alternate;
      -webkit-animation:image-size: cover;
      -moz-animation:image-size: cover;
      -o-animation:image-size: cover;
      animation:image-size: cover;
}
@keyframes image{
    0%{
        background:url("styles/arkaplan/2.jpg");
    }

    25%{
        background:url("styles/arkaplan/3.jpg");
    }

    50%{
        background:url("styles/arkaplan/4.jpg");
    }

    75%{
        background:url("styles/arkaplan/5.jpg");
    }

    100%{
        background:url("styles/arkaplan/6.jpg");
    }
}

metalgear' Alıntı:

aşağıdaki kodu buldum

Kod:

body{
    background:url("images/1.jpg");
    animation:image 5s infinite alternate;
    -webkit-animation:image 5s infinite alternate;
    -moz-animation:image 5s infinite alternate;
}
@keyframes image{
    0%{
        background:url("images/1.jpg");
    }

    25%{
        background:url("images/2.jpg");
    }

    50%{
        background:url("images/3.jpg");
    }

    75%{
        background:url("images/4.jpg");
    }

    100%{
        background:url("images/5.jpg");
    }
}

Buna fixleme kodunuzu ve cover kodunuzu ekledim ama hata nerede

Kod:

.p-body{
    background:url("styles/arkaplan/1.jpg") no-repeat center center fixed;
    animation:image 25s infinite alternate;
    -webkit-animation:image 25s infinite alternate;
    -moz-animation:image 25s infinite alternate;
      -webkit-animation:image-size: cover;
      -moz-animation:image-size: cover;
      -o-animation:image-size: cover;
      animation:image-size: cover;
}
@keyframes image{
    0%{
        background:url("styles/arkaplan/2.jpg");
    }

    25%{
        background:url("styles/arkaplan/3.jpg");
    }

    50%{
        background:url("styles/arkaplan/4.jpg");
    }

    75%{
        background:url("styles/arkaplan/5.jpg");
    }

    100%{
        background:url("styles/arkaplan/6.jpg");
    }
}

Genişletmek için tıkla ...

.p-body {
    background:url("") no-repeat center center fixed !important;
    animation:image 25s infinite alternate !important;
    -webkit-animation:image 25s infinite alternate !important;
    -moz-animation:image 25s infinite alternate !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
    
}

metalgear' Alıntı:

MustafaseveR url kısmını boş bırakınca hiçbişey gelmiyor. url hedefini verirsem de sadece o görsel fix ve cover olarak çalışıyor animasyon çalışmıyor. tek jpeg kalıyor arkada.

Genişletmek için tıkla ...

MustafaseveR' Alıntı:

Ben oraya resmi eklersınız diye düşündüm kod sonunda important eklemiştim

Genişletmek için tıkla ...

metalgear' Alıntı:

resim ekledim. ama sadece o resim sabit kalıyor

Genişletmek için tıkla ...