0
Kayıt Ol

Kısa Kod Yan Yana Koyabilmek

7

●

146

  • 03-10-2024, 17:44:21
    #1
    BayanHobileri
    BayanHobileri
    [bafg id="1363"] böyle bir kısakodum var sayfaya eklediğimde tam sayfa ve büyük çıkıyor. Ben bu kısa kodu yan yana koymak istiyorum ve aralarında küçük bir boşluk bırakmak istiyorum. Alt alta bir çok kısa kod ekleyeceğim.

    Bunun için nasıl bir yapı kullanmam lazım.
  • 03-10-2024, 17:45:28
    #2
    chemochan
    chemochan
    wordpress site sanırım col ile böleceksin editor kullanıyorsan col-6 col-6 yap birine bi kodu birine bi kodu yazacaksın
  • 03-10-2024, 17:49:49
    #3
    barisdogansutcu
    barisdogansutcu
    <div class="code-blocks">
    <span class="code-block-item">[bafg id="1363"]</span>
    <span class="code-block-item">[bafg id="1363"]</span>
    <span class="code-block-item">[bafg id="1363"]</span>
    <span class="code-block-item">[bafg id="1363"]</span>
    </div>


    .code-blocks {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    }
    @media (max-width: 768px) {
    .code-blocks {
    grid-template-columns: repeat(2, 1fr);
    }
    }
  • 03-10-2024, 17:53:54
    #4
    BayanHobileri
    BayanHobileri
    barisdogansutcu adlı üyeden alıntı: mesajı görüntüle
    <div class="code-blocks">
    <span class="code-block-item">[bafg id="1363"]</span>
    <span class="code-block-item">[bafg id="1363"]</span>
    <span class="code-block-item">[bafg id="1363"]</span>
    <span class="code-block-item">[bafg id="1363"]</span>
    </div>


    .code-blocks {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    }
    @media (max-width: 768px) {
    .code-blocks {
    grid-template-columns: repeat(2, 1fr);
    }
    }

    Wordpress ama olmadı. div sayfaya ekledim css ekledim ama olmadı
  • 03-10-2024, 17:56:42
    #5
    barisdogansutcu
    barisdogansutcu
    WhatsApp'tan yazın ücretli yardımcı olalım.

    BayanHobileri adlı üyeden alıntı: mesajı görüntüle
    Wordpress ama olmadı. div sayfaya ekledim css ekledim ama olmadı
  • 03-10-2024, 18:38:17
    #6
    Onur89TR
    Onur89TR
    barisdogansutcu adlı üyeden alıntı: mesajı görüntüle
    <div class="code-blocks">
    <span class="code-block-item">[bafg id="1363"]</span>
    <span class="code-block-item">[bafg id="1363"]</span>
    <span class="code-block-item">[bafg id="1363"]</span>
    <span class="code-block-item">[bafg id="1363"]</span>
    </div>


    .code-blocks {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    }
    @media (max-width: 768px) {
    .code-blocks {
    grid-template-columns: repeat(2, 1fr);
    }
    }
    @BayanHobileri; sanıyorum ki @barisdogansutcu; arkadaşımız code-block-item kısmının tagını span olarak belirlediği için olmadı... div olarak deneyin
  • 03-10-2024, 18:45:05
    #7
    barisdogansutcu
    barisdogansutcu
    span inline iken div block olduğu için bu yorumu yaptınız. ama flexbox'ta span genişliği otomatik olarak block'a dönüşür.
    Onur89TR adlı üyeden alıntı: mesajı görüntüle
    @BayanHobileri; sanıyorum ki @barisdogansutcu; arkadaşımız code-block-item kısmının tagını span olarak belirlediği için olmadı... div olarak deneyin
  • 04-10-2024, 09:23:08
    #8
    BayanHobileri
    BayanHobileri
    Div ile denediğimdede olmadı