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.
-
Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
Daha fazla bilgi!
Nasıl yapılır ? Xenforo'da arkaplan resmi değiştirme
- Konbuyu başlatan Eraykurt27
- Başlangıç tarihi
-
- Etiketler
- tema xenforo full arkaplan nasıl yapılır?
resim degiştirmeyi yaptim lakin karalma ve aydınlanma olmadı tam sayfayi karaltip aydınlatiyor.
gerçi bir karalti yokmuş kodu yaptim hocam. o zaman bir kaç aşama var yani ben ancak öyle yapabildim şimdi ilk olarak
CSS kodlari extra.less eklemelisin.
CSS:
.p-pageWrapper[data-id="1"] {
background: url(https://tasam.org/Files/Images/Manset/a427_jpg_2021_24_2_7c8b9fe9-a885-483f-9e46-78ebb30268fb.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.p-pageWrapper[data-id="2"] {
background: url(https://cdnuploads.aa.com.tr/uploads/Contents/2020/08/19/thumbs_b_c_83b7ed5d49c78e338a681063242ae301.jpg
) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}Şimdide PAGE_CONTAİNER girip .p-pageWrappe bulup ona data-id="1" eklemelisin.
HTML:
<div class="p-pageWrapper" data-id="1" id="top">şimdide helper_js_global girip
HTML:
<xf:macro name="body" arg-app="!" arg-jsState="{{ null }}">
<xf:corejs />
<!--XF:JS-->bu kısmın altına
HTML:
<script type="text/javascript">
$(document).ready(function(){
var sayi=1;
setInterval(function() {
$('.p-pageWrapper').attr("data-id",sayi++);
if(sayi==3){
sayi=1;
}
},5000);
});
</script>bu kodu eklemelisin.
MustafaseveR hocam verdiğiniz kod ile bir resim eklemesi sağladım.Fakat 1 den fazla resim çıkıyor bunun çözümü nedir acaba ?Ekli dosyayı görüntüle 20465
bu kodu kullanıdğınızda öyle bir sorun olmaması gerekir no-repat var sitenizde görmeden bişey diyemem.
Kod:
.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;
}