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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Messagem de tópico restrito a usuários especiais
Hoje à(s) 09:52 am por Kyo Panda

» Personalizar barra de ferramentas
Hoje à(s) 08:37 am por Kyo Panda

» Template quebra ao ser editado
Hoje à(s) 08:30 am por Kyo Panda

» Aparecer pop-up de login ao clicar em Conectar-se
Hoje à(s) 05:52 am por Flames

» Colocar link do perfil no menu
Hoje à(s) 05:51 am por Luiz

» Logo do fórum
Hoje à(s) 05:04 am por Luiz

» Cor do fundos dos tópicos
Hoje à(s) 05:02 am por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
Fatalisss
 
Holkis
 
Flames
 
JulioPais
 
Shek
 
APOllO
 
Forumpw
 

Quem está conectado
255 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 249 Visitantes :: 2 Motores de busca

'Dante, Ana Beatriz Do Vale, Dr. Dree, Kyo Panda, PrisoN†BreaK, Shek

[ 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

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

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

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

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

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 : 8041
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/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