Banner düzenleme

20-07-2024, 23:04:25

Merhaba, wordpress sitem mevcut. 468x60 boyutu için elimde hazır kod var, fakat kodu girdiğimde iPhone cihazlarda banner gözükmüyor (Android ve web-mobile versiyonda problem yok). Ne yapsam beceremedim. Ücretiyle birlikte yardımcı olabilecek arkadaşlar PM atarsa sevinirim.

20-07-2024, 23:07:31

#2

mavericksoft

Diziworld adlı üyeden alıntı: mesajı görüntüle

Merhaba, wordpress sitem mevcut. 468x60 boyutu için elimde hazır kod var, fakat kodu girdiğimde iPhone cihazlarda banner gözükmüyor (Android ve web-mobile versiyonda problem yok). Ne yapsam beceremedim. Ücretiyle birlikte yardımcı olabilecek arkadaşlar PM atarsa sevinirim.

css kodları ile bu sorunu çözebilirsin media query class'larını kontrol edin

20-07-2024, 23:10:08

#3

Diziworld

mavericksoft adlı üyeden alıntı: mesajı görüntüle

css kodları ile bu sorunu çözebilirsin media query class'larını kontrol edin

CSS kısmından çok fazla anlamıyorum, aşağıdaki gibi şuanda, görsel webm formatında gerçi gif ile denedim onunla da açılmadı:

.video-container {
display: block;
margin: 0 auto;
width: 100%;
max-width: 468px;
height: auto;
}

.video-container video {
width: 100%;
height: auto;
}

@media (max-width: 468px) {
.video-container {
width: 100%;
}
}

20-07-2024, 23:11:04

#4

mavericksoft

[QUOTE=Diziworld;1087714843]CSS kısmından çok fazla anlamıyorum, aşağıdaki gibi şuanda, görsel webm formatında gerçi gif ile denedim onunla da açılmadı:

.video-container {
display: block;
margin: 0 auto;
width: 100%;
max-width: 468px;
height: auto;
}

.video-container video {
width: 100%;
height: auto;
}

@media (max-width: 468px) {
.video-container {
width: 100%;
}
}

<div class="video-container">
<video autoplay loop muted>
<source src="your-banner-file.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
bu kodu dener misin

20-07-2024, 23:16:38

#5

Diziworld

mavericksoft adlı üyeden alıntı: mesajı görüntüle

.product-banner-container-bc {
display: grid;
grid-gap: 10px;
background-image: url("https://xxxxxxxxxxxxxxxxx.jpeg") !important;
background-position: center top !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}

.video-container {
display: block;
margin: 0 auto;
width: 100%;
max-width: 468px;
height: auto;
}

.video-container video {
width: 100%;
height: auto;
}

@media (max-width: 468px) {
.video-container {
width: 100%;
}
}

al bakalım

Malesef işe yaramadı, tam kodu ileteyim.

<div data-gets="" data-type="hdr">
  <center>
    <a rel="nofollow" href="https://r10.net" target="_blank" class="mobile-only high-priority video-container">
      <video autoplay loop muted>
        <source src="https://r10.net/test.webm" type="video/webm">
      </video>
    </a>
    <hr style="margin: 5px 0; border-color: #db1b1b;">
    <a rel="nofollow" href="https://r10.net" target="_blank" class="mobile-only high-priority video-container">
      <video autoplay loop muted>
        <source src="https://r10.net/test.webm" type="video/webm">
      </video>
    </a>
  </center>
</div>

<style>
  .video-container {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 468px;
    height: auto;
  }
  
  .video-container video {
    width: 100%;
    height: auto;
  }

  @media (max-width: 468px) {
    .video-container {
      width: 100%;
    }
  }
</style>

20-07-2024, 23:17:49

#6

mavericksoft

Diziworld adlı üyeden alıntı: mesajı görüntüle

Malesef video işe yaramadı, tam kodu ileteyim.

<div data-gets="" data-type="hdr">
  <center>
    <a rel="nofollow" href="https://r10.net" target="_blank" class="mobile-only high-priority video-container">
      <video autoplay loop muted>
        <source src="https://r10.net/test.webm" type="video/webm">
      </video>
    </a>
    <hr style="margin: 5px 0; border-color: #db1b1b;">
    <a rel="nofollow" href="https://r10.net" target="_blank" class="mobile-only high-priority video-container">
      <video autoplay loop muted>
        <source src="https://r10.net/test.webm" type="video/webm">
      </video>
    </a>
  </center>
</div>

<style>
  .video-container {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 468px;
    height: auto;
  }
  
  .video-container video {
    width: 100%;
    height: auto;
  }

  @media (max-width: 468px) {
    .video-container {
      width: 100%;
    }
  }
</style>

<div data-gets="" data-type="hdr">
  <div class="video-wrapper">
    <a rel="nofollow" href="https://r10.net" target="_blank" class="video-container">
      <video autoplay loop muted>
        <source src="https://r10.net/test.mp4" type="video/mp4">
        Your browser does not support the video tag.
      </video>
    </a>
    <hr style="margin: 5px 0; border-color: #db1b1b;">
    <a rel="nofollow" href="https://r10.net" target="_blank" class="video-container">
      <video autoplay loop muted>
        <source src="https://r10.net/test.mp4" type="video/mp4">
        Your browser does not support the video tag.
      </video>
    </a>
  </div>
</div>

<style>
  .video-wrapper {
    text-align: center;
  }

  .video-container {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    max-width: 468px;
    height: auto;
  }

  .video-container video {
    width: 100%;
    height: auto;
  }

  @media (max-width: 768px) {
    .video-container {
      width: 100%;
    }
  }
</style>

bu kodu dene olmazsa anydesk at dostum