Neler yeni

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!

Footer'da Tabloları Ortalama Konusunda Yardım

MeM_04

Aktif kullanıcı
XGT Kullanıcı
Kullanıcı
Katılım
6 Şub 2020
Mesajlar
29
İyi günlerarkadaşlar;

Footer üstünde görünmesi için bir istatistik şablonu tasarladım ama bir türlü bu tabloları yan yana alamadım. Bu konuda yardımcı olursanız sevinirim...

Foruma eklediğimde oluşan görüntü
hatali.png



Ama benim yapmak istediğim görüntü
istediğim.png

Şimdiden herkese teşekkür ederim...
 
HTML ve CSS kodlarını eklemeyi unuttuğım
 

Ekli dosyalar

  • html-css.txt
    1.7 KB · Görüntüleme: 4
Kod:
<div class="istatik-tables">
<div class="istatistik-table konular">
            <span class="table-head">
                Rakam
            </span>
            <span class="istatistik">
                <i class="fad fa-chart-line"></i> Konular
            </span>
        </div>

        <div class="istatistik-table mesajlar">
            <span class="table-head">
                Rakam
            </span>
            <span class="istatistik">
                <i class="fad fa-comments"></i> Mesajlar
            </span>
        </div>

        <div class="istatistik-table uyeler">
            <span class="table-head">
                Rakam
            </span>
            <span class="istatistik">
                <i class="far fa-user-check"></i> Üyelerimiz
            </span>
        </div>
        <div class="istatistik-table sonuye">
            <span class="table-head">
                Üye Adı
            </span>
            <span class="istatistik">
                <i class="fas fa-user-clock"></i> Son kayıt olan üyemiz
            </span>
        </div>
 
</div>
        




<xf:css>
.istatik-tables {
    margin: 0 auto;
}

.istatistik-table {
    position: relative;
    display: block;
    margin: 5px;
    float: left;
    width: 300px;
    background: #242424;
    font-family: Roboto, Helvetica, sans-serif;
    text-align: center;
}

.konular {
    border-top: 3px solid #0e83cd;
    border-bottom: 3px solid #0e83cd;
}

.mesajlar {
    border-top: 3px solid #0e83cd;
    border-bottom: 3px solid #0e83cd;
}

.uyeler {
    border-top: 3px solid #0e83cd;
    border-bottom: 3px solid #0e83cd;
}

.sonuye {
    border-top: 3px solid #0e83cd;
    border-bottom: 3px solid #0e83cd;
}

.istatistik-table span {
    display: block;
}

.table-head {
    padding: 5px 0;
    font-size: 44px;
    font-weight: bold;
    color: #5f5fa7;
}

.istatistik {
    padding: 8px 0;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    background: #0e83cd;
}
@media (max-width:650px) {
.istatistik-table {
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    position: relative;
    border-radius: 4px;
    }
}
</xf:css>

ektedir. İyi Günler.
 

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.