XenForo MaxiForumFooter

wikislo · Mar 11, 2024

Güncel Footer'de taşma sorunu

HTML:

<xf:css src="MaxiForumFooter.less"/>
<div class="MaxiForumFooter">
    <div class="p-footer-inner">
        <ul class="footerColumnContainer">

            <li class="footerColumn footer_col1">
                <div class="block">
                    <div class="block-container">
                        <h3 class="block-minorHeader"><i class="fas fa-bullhorn"></i>MaxiForum.Net İnfo</h3>
                        <div class="divider fw"></div>
                        <div class="footer-content">
                            
Platform; Tamamen gönüllü ve onaylı üyelerden oluşur. Forumdaki kategoriler, üye talepleri ve analizler sonucunda
foruma entegre edilir. MaxiForum.Net kendine özgü, spesifik bir webmaster forumu'dur.
                            
<br><br>
                            
İstek, Öneri, Talep ve Şikayetleriniz için<a href="https://www.maxiforum.net/misc/contact/" target="_blank" rel="dofollow"> Buradan</a>
iletişime geçebilirsiniz.                            <br>
                        </div>
                    </div>
                </div>

            </li>

            <li class="footerColumn footer_col2" style="color:#fff;">
                <xf:widget key="forum_overview_forum_statistics" />
            </li>
            <li class="footerColumn footer_col3" style="color:#fff;">
                <xf:widget key="online_list_online_statistics" />

            </li>
            <li class="footerColumn footer_col4">
                <div class="block">
                    <div class="block-container">
                        <h3 class="block-minorHeader"><i class="fas fa-exclamation-triangle" style="color:white;"></i>Bilgilendirme</h3>
                        <div class="divider fw"></div>
                        <ul class="footerList">
    
                                    <li class="mail"><a href="https://www.maxiforum.net/misc/contact/"><i class="fas fa-exclamation"></i>
                                    İletişim</a></li>
                                    
                                    <li class="mail"><a href="https://www.maxiforum.net/yardim/privacy-policy/"><i class="fas fa-exclamation"></i>
                                    KVKK Metni</a></li>
                                    
                                    <li class="mail"><a href="https://www.maxiforum.net/yardim/"><i class="fas fa-exclamation"></i>
                                    Teslimat ve İade</a></li>
                                    
                                    <li class="mail"><a href="https://www.maxiforum.net/yardim/terms/"><i class="fas fa-exclamation"></i>
                                    Kullanım ve Şartlar</a></li>                       
                              
                        </ul>
                    </div>
                </div>
            </li>
        </ul>

            
        
        <div class="maxiforumshare">Web sitemizde T.C.K Hüküm ve Yönetmeliklerine göre TÜM ÜYELERİMİZ Yaptıkları paylaşımdan kendileri <u>sorumludur!</u> Copyright© 2021-2022 <u>MaxiForum.Net</u> Tüm Hakları Saklıdır,
    <br>   
            MaxiForum.Net "<u>Veridyen Bilişim</u>" VDS Sunucularında Güvenle Barınır!
</div>
</div>
</div>

wikislo · Mar 11, 2024

MaxiForumFooter.less

CSS:

.MaxiForumFooter {
    font-size: 15px;
    color: #fff;
    border-top: 3px solid #0f63c4;
    overflow: hidden;
    line-height: 1.7;
    background:#185480;
    border-bottom: 3px solid #0f63c4;
}

.maxiforumshare a:link {
  color: green;
}

.MaxiForumFooter .footerColumnContainer {
    display: table;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0;
}

.MaxiForumFooter .footerColumn {
    padding-top: 0;
    padding-right: 15px;
    padding-bottom: 0;
    padding-left: 15px;
    display: table-cell;
    box-sizing: border-box;
}

.MaxiForumFooter .footerColumn .footer-content {
    font-size: 15px;
    color: rgba(255,255,255,0.8);
    padding-top: 8px;
    padding-right: 0;
    padding-bottom: 8px;
    padding-left: 0;
    line-height: 1.4;
    display: block;
    margin: 0;
}

.MaxiForumFooter .footerColumn .footer-content h1 .footer-content h2,.MaxiForumFooter .footerColumn .footer-content h3,.MaxiForumFooter .footerColumn .footer-content h4 {
    margin: 0;
    float: none;
}

.MaxiForumFooter .footerColumn ul.footerList {
    margin: 0;
    padding: 0;
}

.MaxiForumFooter .footerColumn ul.footerList li a {
    color: rgba(255,255,255,0.7);
    border-top: 1px solid #5a5e76;
    padding-top: 6px;
    padding-right: 0;
    padding-bottom: 6px;
    padding-left: 0;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.7);
    display: block;
}

.MaxiForumFooter .footerColumn ul.footerList li a:hover {
    color: #fff;
    text-decoration: none;
}

.MaxiForumFooter .footerColumn ul.footerList li:first-child a {
    border-top-width: 0px;
}

.MaxiForumFooter .footerColumn ul.footerList li:last-child a {
    border-bottom-width: 0px;
}

.MaxiForumFooter .footerColumn ul.footerList li .fa {
    color: #fff;
    font-size: 12px;
}

.MaxiForumFooter .footerColumn ul.footerList li i {
    color: #fff;
    background-color: #4983b3;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: repeat;
    background-attachment: fixed;
    border-radius: 2px;
    padding: 10px;
    margin-right: 10px;
    display: inline-table;
    position: relative;
}

.MaxiForumFooter .footerColumn ul.footerList li i:after {
    top: 50%;
    right: -12px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    border-left-color: #4983b3;
    border-width: 6px;
    margin: -6px 0 0 0;
}

.MaxiForumFooter .footer_col1 {
    width: 25%;
}

.MaxiForumFooter .footer_col2 {
    width: 25%;
}

.MaxiForumFooter .footer_col3 {
    width: 25%;
}

.MaxiForumFooter .footer_col4 {
    width: 25%;
}

.MaxiForumFooter h3 {
    font-size: 15px;
    color: rgba(255,255,255,0.7);
    font-weight: 300;
    padding-bottom: 10px;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.7);
    float: left;
    margin: 0px auto;
}

.MaxiForumFooter .divider {
    border: 1px solid rgba(255,255,255,0.3);
    margin: 0 0 8px;
    display: inline-block;
    width: 100%;
}

.MaxiForumFooter .divider:after {
    border-top: 1px solid #0f63c4;
    width: 7%;
    margin-top: -1px;
    position: absolute;
    display: inline;
    content: "";
    z-index: 9;
}

.MaxiForumFooter .footerList li {
    list-style: none;
}

.MaxiForumFooter .block-container {
    background: transparent;
    box-shadow: none;
    border: none;
}

.MaxiForumFooter .block-container .block-footer {
    background: transparent;
    box-shadow: none;
    border: none;
    color: #6b8799;
}

.MaxiForumFooter .block-container dd {
    color:#fff !important;
}
@media (max-width:650px) {
.MaxiForumFooter .block-container .pairs>dt {
    color: #fff !important;
}
    }

.MaxiForumFooter .block-container .pairs>dt {
    color: #fff !important; }

.MaxiForumFooter .block-container a {
    color: #fff !important;
}

.MaxiForumFooter .block-container a:hover {
    color: #fff !important;
}

.MaxiForumFooter .block-minorHeader {
    background: transparent;
    box-shadow: none;
    border: none;
}

.MaxiForumFooter h3 i {
    margin-right: 5px;
    padding: 3px 0;
}

@media (min-width: 900px) {
    .MaxiForumFooter .block-container .block-body {
        position:relative;
        max-height: inherit;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.MaxiForumFooter .footerColumn ul.footerList li a,.MaxiForumFooter .block-container .block-body dl {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-top: 1px solid rgba(255,255,255,0.08);
}

.MaxiForumFooter .block-container .block-body dl {
    padding: 9px 0 !important;
}

.MaxiForumFooter .footer_col3 .block-row {
    padding: 2px 10px;
}

.MaxiForumFooter .block-container .block-body dl:first-child {
    border-top: 0px;
}

.MaxiForumFooter .block-container .block-body dl:last-child {
    border-bottom: 0px;
}

@media (max-width: 900px) {
    .MaxiForumFooter .footerColumn {
        width:50%;
        display: block;
        float: left;
    }

    .MaxiForumFooter h3 {
        padding-top: 10px;
    }
}

@media (max-width: 650px) {
    .MaxiForumFooter .footerColumn {
        width:100% !important;
        display: block;
        float: none;
    }
}

@media (max-width: 480px) {
    .MaxiForumFooter .footerColumn {
        width:100% !important;
        display: block;
        float: none;
        text-align: left;
    }
}

wikislo · Mar 11, 2024

CSS:

MaxiForumFooter h3 {
font-size: 15px;
color: rgba(255,255,255,0.7);
font-weight: 300;
padding-bottom: 10px;
text-transform: uppercase;
text-shadow: 0px 1px 0px rgba(0,0,0,0.7);
float: left;
margin: 0px auto;
}
burdan float: left; i silip deneyin olması lazım böyle

Pegassus · Apr 22, 2024

Eline sağlık

XenForo MaxiForumFooter

wikislo

wikislo

wikislo

Attachments

Pegassus