Editar o rodapé

Detalhes da questão

Endereço do fórum: http://empregasaojoao.forumeiros.com/?pid=2
Versão do fórum: ModernBB

Descrição

Esta parte

Olá @CANAL INTERATIVO,
O Senhor quando diz editar é esteticamente ou mudar via template?

Aguardo uma resposta sua,
pedxz.

Pode ser via Template sim , mudar completamente !

E o Senhor têm alguma ideia de como o quer? ou algum exemplo?

Parecido ao do FDF , parecido não igual !

Senhor não fiz igual, fiz semelhante veja se lhe agrada:
https://prnt.sc/lpcyva
Simples, elegante e único

Sim ficou bom , gostei

Na sua folha de estilo adicione:

Código:

.cont_footer {
     display: flex;
}
 .credits_ppf {
     padding: 10px;
     height: 10px;
     border-top: 1px solid #cadff7;
     text-align: center;
     padding-bottom: 25px;
}
 .footer-col {
     float: left;
     width: 25%;
}
 .footer-title {
     display: block;
     font-size: 17px;
     text-transform: uppercase;
     color: #3793ff;
}
 .footer-list {
     list-style: none;
     margin: 7px 0 10px;
     padding-left: 0;
}
 .footer-list li a {
     color: #3793ff!important;
}
 .footer-text p {
     word-wrap: break-word;
     width: 80%!important;
}
 .statistics {
     background-color: #3793ff;
}
 #page-footer {
     background-color: white;
     font-family: Roboto, sans-serif;
     font-size: 11px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .copyright-body {
     border: 0;
}
 .copyright-body a[href^="/admin/"] {
     box-shadow: 0 1px 6px rgba(0,0,0,0.06);
     position: fixed;
     bottom: 2%;
     right: 5%;
     background-color: #36b;
     color: white;
     z-index: 999;
     width: 10%;
     text-align: center;
     height: 30px;
     padding: 7px;
     border-radius: 2em;
}
 #page-footer .h3, #page-footer .h3 a {
     color: #3793ff;
     font-weight: 700;
     border: none;
     padding-top: 20px;
}
 .group b:last-child:after {
     content: none;
}
 .group b:after {
     content: ', ';
}
 .group strong, .group b {
     font-size: 12px;
}
 .group:before {
     font-size: 11px;
     content: 'Staff: ';
     font-weight: 700;
}
 .group {
     font-size: 0;
     padding-bottom: 50px;
}


Nos templates
index_body - mude para:

Código:

{JAVASCRIPT}

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
 <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
 <br />
 <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
 {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_social_login -->
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
            <!-- END switch_social_login -->
 </div>
 </form>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
 <div class="panel introduction">
 <!-- BEGIN message_admin_titre -->
 <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
 <!-- END message_admin_titre -->

 <!-- BEGIN message_admin_txt -->
 <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
 <!-- END message_admin_txt -->
 </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}

{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->

 <!-- BEGIN switch_chatbox_activate -->
 <div class="block">
 <div class="h3">
 <a href="{S_JOIN_CHAT}" target="ChatBox"><i class="ion-ios-chatboxes-outline"></i>{CHATBOX_NAME}</a>
 <!-- BEGIN switch_chatbox_popup -->
 <div id="chatbox_popup"></div>
 <script type="text/javascript">
 insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
 </script>
 <!-- END switch_chatbox_popup -->
 </div>
 {TOTAL_CHATTERS_ONLINE}:&nbsp;{CHATTERS_LIST}
 </div>
 <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
 <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <div class="user_login_form center">
 <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
 <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
 <br />
 <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
 {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
 <!-- BEGIN switch_social_login -->
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
            <!-- END switch_social_login -->
 </div>
 </form>
</div>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
 <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
 <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
 <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

overall_footer_begin - mude para:

Código:

<!-- BEGIN html_validation -->
<div>
 <div>
 <div>
 <div>

<div>
 <div>
 <div>
 <div>
 <div>
 <div>
 <div>
 <div>
<!-- END html_validation -->
 </div>
 </div>
 </div>
 </div>

 <div id="{ID_RIGHT}">
 <!-- BEGIN giefmod_index2 -->
 {giefmod_index2.MODVAR}
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index2 -->
 </div>
 </div>
 </div>
 </div>
</div>
 </div>
 </div>
 </div>
</div>

<div class="statistics">
 <div class="wrap">
 <div class="statistics-item">
 {TOTAL_POSTS}
 </div>
 <div class="statistics-item">
 {TOTAL_USERS}
 </div>
 <div class="statistics-item">
 {NEWEST_USER}
 </div>
 </div>
</div>

<div id="page-footer">
 <div class="wrap">
          <!-- BEGIN disable_viewonline -->
 <!-- BEGIN switch_viewonline_link -->
 <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</a></div>
 <!-- END switch_viewonline_link -->

 <!-- BEGIN switch_viewonline_nolink -->
 <div class="h3"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</div>
 <!-- END switch_viewonline_nolink -->

 {TOTAL_USERS_ONLINE}<br />
 {RECORD_USERS}

 {LOGGED_IN_USER_LIST}

 {L_ONLINE_USERS}
 {L_CONNECTED_MEMBERS}<br />

 {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

 <div class="group">{GROUP_LEGEND}</div>

<!-- END disable_viewonline -->
          <div class="cont_footer">
                                    <div class="footer-col">
                                      <strong class="footer-title">Quem Somos</strong>
                                      <div class="footer-text">
                                        <!-- BEGIN switch_desc -->
 <p>{switch_desc.SITE_DESCRIPTION}</p>
 <!-- END switch_desc -->
                                      </div>
                                  </div>
                                    <div class="footer-col">
                                      <strong class="footer-title">Link rápidos</strong>
                                      <ul class="footer-list">
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                      </ul>
                                  </div>
                                     <div class="footer-col">
                                      <strong class="footer-title">Redes Sociais</strong>
                                      <ul class="footer-list">
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                      </ul>
                                  </div>
                                    <div class="footer-col">
                                      <strong class="footer-title">Informações</strong>
                                      <ul class="footer-list">
 <li class="rightside">
<!-- BEGIN html_validation -->
 </li>
                                        
                                      </ul>
                                  </div>
 </div>
</div>
  </div>
<!-- END html_validation -->

overall_footer_end - mude para:

Código:

<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
 <div>
        <ul class="footer-list">
            <li>
<!-- END html_validation -->
            </li>
        </ul>
        <!-- BEGIN switch_footer_links -->
 <ul class="footer-list">
            <!-- BEGIN footer_link -->
 <li class="rightside">
 <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">
 {switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}
 </a>
 </li>
            <!-- END footer_link -->
        </ul>
        <!-- END switch_footer_links -->
    </div>
                                
 <div class="copyright-body">
 {ADMIN_LINK}
    </div>
</div>
{PROTECT_FOOTER}
  <br />
<div class="credits_ppf"> 2018 {SITENAME} • Todos os direitos reservados.</div>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
 $(window).scroll(function() {
 var header_top = $('#headerbar-top');

 if (header_top.hasClass('w-toolbar')) {
 if ($(window).scrollTop() >= 42) {
 header_top.addClass('is-sticky');
 } else {
 header_top.removeClass('is-sticky');
 }
 } else {
 if ($(window).scrollTop() >= 1) {
 header_top.addClass('is-sticky');
 } else {
 header_top.removeClass('is-sticky');
 }
 }
 });
});
//]]>
</script>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
    $(document).ready( function() {
        $('div.fb-login-button, span.fb-login-button').attr({
            "data-scope": "{switch_facebook_login.FB_SCOPE}",
            "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
            "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
            "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
            "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
        });
        $('div.fb-login-button, span.fb-login-button').each(function() {
            if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
            }
            if($(this).html() == '') {
                $(this).html('{switch_facebook_login.FB_LABEL}');
            }
        });
        
        FB.init({
            "appId"   : "{switch_facebook_login.FB_APP_ID}",
            "cookie"  : {switch_facebook_login.FB_COOKIE},
            "xfbml"   : {switch_facebook_login.FB_XFBML},
            "oauth"   : {switch_facebook_login.FB_OAUTH},
            "version" : "{switch_facebook_login.FB_VERSION}"
        });
        
        (function(d, s, id){
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {return;}
            js = d.createElement(s); js.id = id;
            js.src = "https://connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    });
    function onLoginFB() {
        window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
    }
</script>
<!-- END switch_facebook_login -->
<!-- BEGIN switch_topicit_connect -->
<script type="text/javascript">
    $(document).ready( function() {
        $('div.ti-connect, span.ti-connect').attr({
            "data-loc": "{switch_topicit_connect.TOPICIT_URL}",
            "data-login": "{switch_topicit_connect.BOARD_LOGIN}",
            "data-version": "{switch_topicit_connect.TOPICIT_VERSION}",
            "data-lang": "{switch_topicit_connect.BOARD_LANG}"
        });

        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "{switch_topicit_connect.TOPICIT_ENDPOINT}";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'topicit-connect'));
    });
</script>
<!-- END switch_topicit_connect -->
<script type="text/javascript">
//<![CDATA[
 fa_endpage();
//]]>
</script>
</body>
</html>

Para editar o: Quem Somos, entre no Painel de controle > Geral > Fórum > Configuração, e mude o campo: Descrição do Site

Detalhes da questão

Endereço do fórum: http://empregasaojoao.forumeiros.com/forum
Versão do fórum: ModernBB

Descrição

Tem como retirar isso do Fórum

Legal e como edito os links para ser redirecionado , e queria com fundo cinza como o do FDF e os escritos cor letra branca !

Mude o overall_footer_begin para:

Código:

<!-- BEGIN html_validation -->
<div>
 <div>
 <div>
 <div>
 
<div>
 <div>
 <div>
 <div>
 <div>
 <div>
 <div>
 <div>
<!-- END html_validation -->
 </div>
 </div>
 </div>
 </div>
 
 <div id="{ID_RIGHT}">
 <!-- BEGIN giefmod_index2 -->
 {giefmod_index2.MODVAR}
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index2 -->
 </div>
 </div>
 </div>
 </div>
</div>
 </div>
 </div>
 </div>
</div>
 
<div id="page-footer">
 <div class="wrap">
          <!-- BEGIN disable_viewonline -->
 <!-- BEGIN switch_viewonline_link -->
 <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</a></div>
 <!-- END switch_viewonline_link -->
 
 <!-- BEGIN switch_viewonline_nolink -->
 <div class="h3"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</div>
 <!-- END switch_viewonline_nolink -->
 
 {TOTAL_USERS_ONLINE}<br />
 {RECORD_USERS}
 
 {LOGGED_IN_USER_LIST}
 
 {L_ONLINE_USERS}
 {L_CONNECTED_MEMBERS}<br />
 
 {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
 
 <div class="group">{GROUP_LEGEND}</div>
 
<!-- END disable_viewonline -->
          <div class="cont_footer">
                                    <div class="footer-col">
                                      <strong class="footer-title">Quem Somos</strong>
                                      <div class="footer-text">
                                        <!-- BEGIN switch_desc -->
 <p>{switch_desc.SITE_DESCRIPTION}</p>
 <!-- END switch_desc -->
                                      </div>
                                  </div>
                                    <div class="footer-col">
                                      <strong class="footer-title">Link rápidos</strong>
                                      <ul class="footer-list">
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                      </ul>
                                  </div>
                                    <div class="footer-col">
                                      <strong class="footer-title">Redes Sociais</strong>
                                      <ul class="footer-list">
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                        <li><a href="#" target="_blank">Item</a></li>
                                      </ul>
                                  </div>
                                    <div class="footer-col">
                                      <strong class="footer-title">Informações</strong>
                                      <ul class="footer-list">
 <li class="rightside">
<!-- BEGIN html_validation -->
 </li>
                                       
                                      </ul>
                                  </div>
 </div>
</div>
  </div>
<!-- END html_validation -->

Para editar os links procure:

Código:

<li><a href="#" target="_blank">Item</a></li>

e mude para o que o Senhor quer!

Mude o código passado em cima, adicionado da folha de estilo para:

Código:

.cont_footer {
    display: flex;
}
 .credits_ppf {
    padding: 10px;
    height: 10px;
    border-top: 1px solid #eee;
    text-align: center;
    padding-bottom: 25px;
}
 .footer-col {
    float: left;
    width: 25%;
}
 .footer-title {
    display: block;
    font-size: 17px;
    text-transform: uppercase;
    color: #eee;
}
 .footer-list {
    list-style: none;
    margin: 7px 0 10px;
    padding-left: 0;
}
 .footer-list li a {
    color: #eee!important;
}
 .footer-text p {
    word-wrap: break-word;
    width: 80%!important;
}
 #page-footer {
    color: #d6d5d3;
    font-family: Roboto, sans-serif;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 .copyright-body {
    border: 0;
}
 .copyright-body a[href^="/admin/"] {
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    position: fixed;
    bottom: 2%;
    right: 5%;
    background-color: #36b;
    color: white;
    z-index: 999;
    width: 10%;
    text-align: center;
    height: 30px;
    padding: 7px;
    border-radius: 2em;
}
 #page-footer .h3, #page-footer .h3 a {
    color: #3793ff;
    font-weight: 700;
    border: none;
    padding-top: 20px;
}
 .group b:last-child:after {
    content: none;
}
 .group b:after {
    content: ', ';
}
 .group strong, .group b {
    font-size: 12px;
}
 .group:before {
    font-size: 11px;
    content: 'Staff: ';
    font-weight: 700;
}
 .group {
    font-size: 0;
    padding-bottom: 50px;
}

Tópico "Retirar isso fo Fórum" unido com "Editar o rodapé".

Resolveu valeu