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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Daemon
 
William_iHarDz
 
Child
 
Holkis
 
iScroll
 
R. Rinehardt
 
Sr.Oliveira
 

Quem está conectado
191 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 188 Visitantes :: 2 Motores de busca

ruystguerra, tabarra, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Ter 1 Mar 2016 - 3:48

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 Qui 3 Mar 2016 - 0:54, editado 1 vez(es)

Lobs
Nível 4

Masculino
Inscrito dia : 02/06/2013
Mensagens : 34
Pontos Ativos : 1421

http://www.forumnarutoshippuuden.com

Resolvido Re: Mudar o rodapé do fórum

Mensagem por Noiadofuk em Ter 1 Mar 2016 - 3:56

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

Noiadofuk
Nível 7

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

http://brasilplaylife-samp.forumeiros.com/

Resolvido Re: Mudar o rodapé do fórum

Mensagem por Lobs em Ter 1 Mar 2016 - 9:58

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.

Lobs
Nível 4

Masculino
Inscrito dia : 02/06/2013
Mensagens : 34
Pontos Ativos : 1421

http://www.forumnarutoshippuuden.com

Resolvido Re: Mudar o rodapé do fórum

Mensagem por Lobs em Qua 2 Mar 2016 - 6:12

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

Lobs
Nível 4

Masculino
Inscrito dia : 02/06/2013
Mensagens : 34
Pontos Ativos : 1421

http://www.forumnarutoshippuuden.com

Resolvido Re: Mudar o rodapé do fórum

Mensagem por Lobs em Qua 2 Mar 2016 - 22:18

...

Lobs
Nível 4

Masculino
Inscrito dia : 02/06/2013
Mensagens : 34
Pontos Ativos : 1421

http://www.forumnarutoshippuuden.com

Resolvido Re: Mudar o rodapé do fórum

Mensagem por Hancki em Qua 2 Mar 2016 - 22:32

@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

Hancki
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8037
Pontos Ativos : 14709

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