Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como mudar a cor e imagem desta caixinha?
Hoje à(s) 12:20 am por soldado

» Mudar cor da fonte/letra do perfil
Ontem à(s) 10:13 pm por Ketholy123

» Notificação de novas mensagens
Ontem à(s) 08:18 pm por Luiz

» Questão sobre aspeto de blog
Ontem à(s) 08:14 pm por Luiz

» Como fixa a mensagem
Ontem à(s) 06:37 pm por Luiz

» Como remover as mensagens de informação do chatbox
Ontem à(s) 06:36 pm por Luiz

» Slides bugado
Ontem à(s) 06:24 pm por iScroll

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Matt Shultz
 
Harleen
 
Ketholy123
 
T1ag0
 
zHugh
 
PlayWillian
 
ranzatti
 
soldado
 

Quem está conectado
212 usuários online :: 4 usuários cadastrados, 1 Invisível e 207 Visitantes :: 2 Motores de busca

luan13.09, ranzatti, soldado, uvmyyvpew

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Mudar o rodapé do fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Mudar o rodapé do fórum

Mensagem por Lobs em 01/03/16, 12:48 am

Detalhes da questão


Endereço do fórum: http://www.forumnarutoshippuuden.com
Versão do fórum: PhpBB3

Descrição


Gostaria de ter um rodapé igual ao do FdF, com esse "Quem está conectado" e estatísticas na barra preta. Achei muito bonito! Também gostaria dos membros abaixo desse rodapé, igual está aqui, e aquela barra no chatbox.

Como posso fazer isso no meu fórum?


Última edição por Lobs em 02/03/16, 09:54 pm, editado 1 vez(es)
avatar

Lobs
Nível 5

Masculino
Inscrito dia : 01/06/2013
Mensagens : 37
Pontos Ativos : 61

Ver perfil do usuário http://nsanimes.forumeiro.net/

Resolvido Re: Mudar o rodapé do fórum

Mensagem por Noiadofuk em 01/03/16, 12:56 am

troque seu index_body por este:
Código:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
        </div>
      </form>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
  <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
  <!-- 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 -->
      <span class="corners-bottom"><span></span></span></div>
  </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}


{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
        </div>
      </form>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- 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}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (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 = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

adicione esse codigo na sua folha de estilo css:
Código:
/* Início - Widgets Final do Fórum */
.widgetsbottom {
  display: block !important;
    background-color: #fff;
    clear: both;
    width:100%;
  margin: 15px 0px;
}
#fa_stats {
    background: #2E3133 none repeat scroll 0% 0%;
    color: #FFF;
    font-family: Arial,Verdana,sans-serif;
    padding: 15px 0px;
    text-align: center;
    font-size: 10px;
}
.stat_label {
    background: #F2F2F2 none repeat scroll 0% 0%;
    border-radius: 3px;
    color: #2E3133;
    display: inline-block;
    font-size: 0px;
    margin: 0px 12px 0px 3%;
    padding: 6px 12px;
    vertical-align: middle;
}
.stat_label strong {
    display: inline-block;
    font-size: 14px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text_label {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7.5%;
    text-transform: uppercase;
}
.qeel_title {
    background: #369FCF none repeat scroll 0% 0%;
    color: #FFF;
    font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 6px;
    text-transform: uppercase;
}
.qeel_title a {
    color: #FFF;
}
.qeel_section {
    background: #FAFAFA none repeat scroll 0% 0%;
    color: #333;
    font-size: 11px;
    padding: 8px 6px;
}
/* Fim - Widgets Final do Fórum */

e troque seu overall_footer_begin por este:

Código:
<!-- BEGIN html_validation -->
<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 class="widgetsbottom"><div id="fa_stats">
<span class="stat_label">{TOTAL_POSTS} {TOTAL_TOPICS}</span><span class="text_label">Mensagens</span>
<span class="stat_label">{TOTAL_USERS}</span><span class="text_label">Usuários registrados</span>
<span class="stat_label">{NEWEST_USER}</span><span class="text_label">É o novo membro</span>
</div>
<!-- BEGIN disable_viewonline -->

  <!-- BEGIN switch_viewonline_link -->
  <div class="qeel_title"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
  <!-- END switch_viewonline_link -->

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

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<div class="qeel_section">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</div>
<div class="clear"></div>

 
  <!-- BEGIN switch_chatbox_activate -->
  <div class="qeel_title"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
  <div class="qeel_section"><div class="page-bottom">
  {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
  {CHATTERS_LIST}<br />
  </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div></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 -->
  <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline --></div>
<div id="page-footer">
  <div class="navbar">
      <div class="inner">
        <span class="corners-top"><span></span></span>
        <ul class="linklist clearfix">
            <li class="footer-home">
              <a class="icon-home" href="{U_INDEX}" accesskey="h">{L_HOME}</a>
            </li>
            <li class="rightside">
<!-- BEGIN html_validation -->
            </li>
        </ul>
      </div>
  </div>
</div>
<!-- END html_validation -->
avatar

Noiadofuk
Nível 7

Masculino
Inscrito dia : 07/01/2016
Mensagens : 90
Pontos Ativos : 137

Ver perfil do usuário http://brasilplaylife-samp.forumeiros.com/

Resolvido Re: Mudar o rodapé do fórum

Mensagem por Lobs em 01/03/16, 06:58 am

Deu certo, mas tem alguns bugs. :/

Primeiramente, a barra não está tocando a borda do fórum... enquanto a desse aqui, toca a borda da caixa do fórum.

Segundamente, o rodapé de mensagens, membros e etc. está aparecendo em todas as páginas, e não apenas na inicial.
avatar

Lobs
Nível 5

Masculino
Inscrito dia : 01/06/2013
Mensagens : 37
Pontos Ativos : 61

Ver perfil do usuário http://nsanimes.forumeiro.net/

Resolvido Re: Mudar o rodapé do fórum

Mensagem por Lobs em 02/03/16, 03:12 am

Help? Tbm queria criar um rodapé preto, igual tem aqui com esses "Serviços para usuarios" etc.
avatar

Lobs
Nível 5

Masculino
Inscrito dia : 01/06/2013
Mensagens : 37
Pontos Ativos : 61

Ver perfil do usuário http://nsanimes.forumeiro.net/

Resolvido Re: Mudar o rodapé do fórum

Mensagem por Lobs em 02/03/16, 07:18 pm

...
avatar

Lobs
Nível 5

Masculino
Inscrito dia : 01/06/2013
Mensagens : 37
Pontos Ativos : 61

Ver perfil do usuário http://nsanimes.forumeiro.net/

Resolvido Re: Mudar o rodapé do fórum

Mensagem por Hancki em 02/03/16, 07:32 pm

Lobs escreveu:Deu certo, mas tem alguns bugs. :/

Primeiramente, a barra não está tocando a borda do fórum... enquanto a desse aqui, toca a borda da caixa do fórum.

Segundamente, o rodapé de mensagens, membros e etc. está aparecendo em todas as páginas, e não apenas na inicial.

Olá!

Para corrigir estes 2 problemas, crie uma nova página Javascript, investida em todas as páginas com o seguinte código:
Código:
$(function() {
    var site = window.location.hostname;
    if (window.location.pathname == '/') {
        $('head').append('<style>#fa_stats { margin-left: -5px !important; margin-right: -5px !important; }</style>');
    } else {
        $('#fa_stats').remove();
    }
});
Deve resolver.

Em relação ao outro rodapé que deseja fazer, abra outro tópico.

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum