Help XenForo Custom Footer v.1.0.0

[Serialc0de]

Is there anyone willing to share this add-on?

XenForo Custom Footer

This plugin is set through the default theme, it adds a special footer area to the XenForo Default theme.

xenforo.com

 

[justone]

Is there anyone willing to share this add-on?

XenForo Custom Footer

This plugin is set through the default theme, it adds a special footer area to the XenForo Default theme.

xenforo.com

my suggestion is this bro manual code, because too many add ons the site becomes heavy and every time xenforo changes to a new engine the add on often errors or clashes with other add ons, try this bro, later you can edit as you like, put it in its proper place in page_container or you can create a new template or you can create a new widget with html and call it <xf:widget key="your_key_as_you_want_it" />

this is my footer to replicate the footer like Xenforo Official you can change the url address

<style>
/* Xenforo footer Style By www.id.shopengineers.com */
.footer {
    background-color: #0b4168;
    padding: 40px 0 20px;
    border-top: 1px solid #24618c;
    margin-top: 40px;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.footer-left {
    flex: 0 0 30%;
    text-align: left;
}

.footer-logo img {
    max-width: 150px;
    height: auto;
    margin-bottom: 20px;
}

.footer-buttons {
    display: flex;
    gap: 10px;
}

.footer-button-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.footer-button {
    display: inline-block;
    padding: 8px 16px;
    background-color: #24618c;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.footer-button:hover {
    background-color: #1e90ff;
}

.footer-links {
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: center;
}

.footer-links a {
    color: #999;
    text-decoration: none;
    font-size: 12px;
}

.footer-links a:hover {
    color: #1e90ff;
    text-decoration: underline;
}

.footer-description {
    color: #999;
    font-size: 12px;
    text-align: center;
    margin: 0;
}

.footer-right {
    flex: 0 0 65%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
}

.footer-column {
    flex: 1;
    text-align: center;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    width: 100%;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.footer-links li {
    margin-bottom: 8px;
}

.footer-links a {
    color: #999;
    text-decoration: none;
}

.footer-links a:hover {
    color: #1e90ff;
    text-decoration: underline;
}

.footer-copyright {
    text-align: center;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #444;
    color: #999;
    font-size: 14px;
}

.footer-copyright a {
    color: #999;
    text-decoration: none;
}

.footer-copyright a:hover {
    color: #1e90ff;
    text-decoration: underline;
}
</style>
<div class="footer">
    <div class="footer-content">
        <!-- Bagian Kiri: Logo, Tombol, dan Deskripsi -->
        <div class="footer-left">
            <div class="footer-logo">
                <img src="https://xenforo.com/styles/default/xenforo/xenforo-logo.png" alt="XenForo Logo" width="150">
            </div>
            <div class="footer-buttons">
                <div class="footer-button-container">
                    <a href="https://www.mitrafastener.com/" class="footer-button">Mfs</a>
                    <div class="footer-links">
                        <a href="https://www.mitrafastener.com/about">Tentang Kami</a>
                        <a href="https://www.mitrafastener.com/contact">Hubungi Kami</a>
                    </div>
                   
                </div>
                <div class="footer-button-container">
                    <a href="https://id.shopengineers.com/" class="footer-button">ISE</a>
                    <div class="footer-links">
                        <a href="https://shopengineers.com/features">Fitur</a>
                        <a href="https://shopengineers.com/support">Dukungan</a>
                    </div>
                   
                </div>
            </div>
        </div>

        <!-- Bagian Kanan: 4 Kolom Tautan -->
        <div class="footer-right">
            <div class="footer-column">
                <h4 class="footer-title">My Pages</h4>
                <ul class="footer-links">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Featured</a></li>
                    <li><a href="#">Support Ticket</a></li>
                    <li><a href="#">News</a></li>
                </ul>
            </div>
            <div class="footer-column">
                <h4 class="footer-title">Community</h4>
                <ul class="footer-links">
                    <li><a href="#">Group</a></li>
                    <li><a href="#">Project</a></li>
                    <li><a href="#">Storie</a></li>
                    <li><a href="#">Blogs</a></li>
                   
                </ul>
            </div>
            <div class="footer-column">
                <h4 class="footer-title">Product</h4>
                <ul class="footer-links">
                    <li><a href="#">Market Place</a></li>
                    <li><a href="#">Download Pages</a></li>
                    <li><a href="#">Credits</a></li>
                    <li><a href="#">Upgrade Accounts</a></li>
                </ul>
            </div>
            <div class="footer-column">
                <h4 class="footer-title">Official</h4>
                <ul class="footer-links">
                    <li><a href="#">Shop Engineers</a></li>
                    <li><a href="#">Mitra Fastener</a></li>
                    <li><a href="#">Jual Baut Mur</a></li>
                    <li><a href="#">Baut Baja</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- Hak Cipta -->
    <div class="footer-copyright">
        <p>© 2016 - 2025. <a href="#">Shop Engineers ™</a>. All rights reserved.</p>
    </div>
</div>