• 12-07-2021, 22:59:47
    #1
    bu basit görünümlü scripti mobil uyumlu yapmak istiyorum nasıl yaparım https://www.tekno50.com/backlink/


    css kodları budur

    .display-table-row-group
    {
        display: table-row-group !important;
    }
    
    .display-none
    {
        display: none !important;
    }
    
    .well-top-bar
    {
        min-height: 93px;
        margin-bottom: 0;
        border-bottom-right-radius: 0;
    }
    
    .websites-row
    {
        margin-left: -14px;
        margin-right: -14px;
    }
    
    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th
    {
        border-bottom-width: 1px;
    }
    
    .table > tbody + tbody
    {
        border-top: 1px solid;
    }
    
    .table-bordered
    {
        border: 0;
    }
    
    .no-border-top
    {
        border-top: 0 !important;
    }
    
    .no-border-left
    {
        border-left: 0 !important;
    }
    
    .col-rank
    {
        width: 5%;
    }
    
    .col-change
    {
        width: 4%;
    }
    
    .col-website
    {
        width: 52%;
    }
    
    .col-online
    {
        width: 6%;
        font-weight: bold;
    }
    
    .col-unique
    {
        width: 7%;
    }
    
    .col-total
    {
        width: 7%;
    }
    
    .div-website
    {
        width: 100%;
        height: 20px;
        overflow: hidden;
    }
    
    .div-website a
    {
        color: black;
    }
    
    .statistics
    {
        margin-bottom: 5px;
    }
    
    .share-box
    {
        margin-top: 10px;
    }
    
    .alert, .progress
    {
        display: none;
    }
  • 12-07-2021, 23:03:24
    #2
    Üyeliği durduruldu
    Merhabalar,
    Tek tek yazamam ama bu kodları @media kodları içine alıp sayfayı 500 px boyutuna getirdiğinizde neyin nerde durmasını istiyorsanız o şekilde dizayn edebilirsiniz. Vaktim olsaydı yazardım. Mobil uyumlu kodları yazdıktan sonra da buradan kontrol edebilirsiniz.