• 23-01-2020, 20:49:49
    #1
    Arkadaşlar selamun aleyküm, dün gece kafama takıldı.

    Üstteki görselde turuncuları tarayıcı penceresi olarak düşünün.
    Siyah da herhangi bir div olabilir yada background olarak düşünün siyah çubuğu.
    Bu backgroundun çubuğun üzerinde 2 adet ayrı çubuk var, o kısımlarında bir belirteç olduğunu düşünün, mesela buraya gelecek yazıyor olsun.
    Biliyorsunuz bu tarayıcı responsive olduğu için çubuk da, yani background da tarayıcıya göre stretch olacak. Haliyle pozisyon da değişecek.

    Şimdi gelelim asıl kısma.
    Bu background ordan oraya gerilir, büzüşürken biz herşeyin üzerinde, normal bir DİV koyduk diyelim. Bu divde buraya tıklayın yazan bir buton olsun ve çapraz bir buton olsun. (Kırmızı çizgiyle koyduğum yer)

    Bu kırmızı çizgiyi, ekran boyutları ne olursa olsun, background her nereye gerdirilmiş olursa olsun, o iki çubuğun arasına tam bir şekilde tutmak ne kadar mümkündür? nasıl yapılır?

    Teşekkür ederim.
  • 23-01-2020, 21:26:47
    #2
    Web Tasarım ve Yazılım
    caylakgirisimci adlı üyeden alıntı: mesajı görüntüle
    Arkadaşlar selamun aleyküm, dün gece kafama takıldı.

    Üstteki görselde turuncuları tarayıcı penceresi olarak düşünün.
    Siyah da herhangi bir div olabilir yada background olarak düşünün siyah çubuğu.
    Bu backgroundun çubuğun üzerinde 2 adet ayrı çubuk var, o kısımlarında bir belirteç olduğunu düşünün, mesela buraya gelecek yazıyor olsun.
    Biliyorsunuz bu tarayıcı responsive olduğu için çubuk da, yani background da tarayıcıya göre stretch olacak. Haliyle pozisyon da değişecek.

    Şimdi gelelim asıl kısma.
    Bu background ordan oraya gerilir, büzüşürken biz herşeyin üzerinde, normal bir DİV koyduk diyelim. Bu divde buraya tıklayın yazan bir buton olsun ve çapraz bir buton olsun. (Kırmızı çizgiyle koyduğum yer)

    Bu kırmızı çizgiyi, ekran boyutları ne olursa olsun, background her nereye gerdirilmiş olursa olsun, o iki çubuğun arasına tam bir şekilde tutmak ne kadar mümkündür? nasıl yapılır?

    Teşekkür ederim.
    Hocam tam olarak istediğinizi anladım da sanırım benzerleri var. Mesela tam orta olmasada sağ veya solda yapışılı reklam görselleri veya whatsapp butonları oluyor. Ortası için de denemek lazım
  • 23-01-2020, 21:35:57
    #3
    bostanci96 adlı üyeden alıntı: mesajı görüntüle
    Hocam tam olarak istediğinizi anladım da sanırım benzerleri var. Mesela tam orta olmasada sağ veya solda yapışılı reklam görselleri veya whatsapp butonları oluyor. Ortası için de denemek lazım
    Sağ sol bir şekilde absolute ile yapılabilir hocam belki sağ köşeyi yada sol köşeyi merkez noktası alıp % ile yapılır belki ama orta düşündürücü geldi bana da
  • 23-01-2020, 21:39:34
    #4
    Web Tasarım ve Yazılım
    caylakgirisimci adlı üyeden alıntı: mesajı görüntüle
    Sağ sol bir şekilde absolute ile yapılabilir hocam belki sağ köşeyi yada sol köşeyi merkez noktası alıp % ile yapılır belki ama orta düşündürücü geldi bana da
    Hocam normalde mesela bir formu ekran ortasında tutabiliyoruz ekran boyuna göre kendini o konumlandırıyor sonuçta örnek olarak login formları ekranın tam ortasında sabit kalıyor ama burda bir etken daha var ki arka deseninde ortasında istiyorsunuz 😅 Orda işler biraz karışıyor 😂
  • 23-01-2020, 22:34:35
    #5
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Aşağıdaki urlye örnek hazırladım bir tane codepen kısa yolunu kullanamadım url den inceleyebilirsin
    https://codepen.io/pnslib/pen/YzPBdwP