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
» Botão enviar e pré-visualizar
Hoje à(s) 01:46 am por Baki

» [Pedido] Banner ®
Hoje à(s) 01:37 am por -xGabriel..

» (PEDIDO) Ranks
Hoje à(s) 01:00 am por APOllO

» Botões padrões tema pokemon
Hoje à(s) 12:54 am por APOllO

» Fim do rodapé
Ontem à(s) 11:34 pm por PrisoN†BreaK

» Overall_Header
Ontem à(s) 10:26 pm por iScroll

» Bug na mensagem em citação?
Ontem à(s) 09:40 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
226 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 223 Visitantes :: 2 Motores de busca

-xGabriel.., agswebdesign, GSCode

[ Ver toda a lista ]


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

Adicionar últimos assuntos no footer

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

Resolvido Adicionar últimos assuntos no footer

Mensagem por Harleen em 08/02/17, 07:10 pm

Detalhes da questão


Endereço do fórum: https://soulfulbrmusic.forumeiros.com/
Versão do fórum: PunBB

Descrição


Boa noite à todos.

Gostaria de uma ajuda com a personalização do footer, que é adicionar o wiget de últimos assuntos nessa parte do fórum



Códigos que estou usando no overall_footer_begin.
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>
                    <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 id="pun-foot">
  <div id='subscribers'>
<div class="num1" id='catalog1'>
<h3>&nbsp;SOBRE NÓS</h3>
  <p><font color="#A3AAAE">
    Texto,Texto,Texto,Texto,Texto,Texto,<br/>
    Texto,Texto,Texto,Texto,Texto,Texto,<br/>
    Texto,Texto,Texto,Texto,Texto,Texto,<br/>
  Texto,Texto,Texto,Texto,Texto,Texto,</font>
  </p>
</div>
<div class="num2" id='catalog2'>
<h3>&nbsp;Últimas do Fórum</h3>
  <div id="micontenedor">
 
  </div>
</div>
<div class="num3" id='catalog3'>
<h3>&nbsp;LINKS ÚTEIS</h3>
  <font color="#A3AAAE">Regulamento Geral<br/>Equipa de Modearação<br/>Notícias e Anúncios<br/>Apresentações</font>
</div>
<div class="num4" id='catalog2'>
<h3>&nbsp;CRÉDITOS</h3>
  <font color="#A3AAAE">
  <p>Tema do fórum Bestweb<br/>
    com a utilização de alguns utilitários dos<br/>
    fóruns Bestskins, WASD e tópicos de ajuda do FDF.<br/>
    Todos os direitos ao seus autores.</p></font>
</div>
  <style>
  .num1 h3::before {
    content: "\f129 ";
    font-family: "fontawesome";
font-weight: 100;
}
.num2 h3::before {
    content: "\f1e0 ";
    font-family: "fontawesome";
font-weight: 100;
}
.num3 h3::before {
    content: "\f0c1 ";
    font-family: "fontawesome";
font-weight: 100;
}
.num4 h3::before {
    content: "\f1f9 ";
    font-family: "fontawesome";
font-weight: 100;
}
#subscribers {padding-left: 170px !important;}
#subscribers h3 {
    padding: 10px 10px 0px 0px;
    color: #C3C3C3;
    display: block;
    font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    border-bottom: 1px solid;
    margin-bottom: 5px;
}
 
#catalog3 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;}
#catalog2 {
float: left;
margin-left: 20px;
padding-right: 50px;
height: 100px;
}
#catalog1 {
float: left;
padding-right: 50px;
height: 100px;
}
#subscribers {
    height: 100px;
    width: auto;
    padding: 20px;
    background: #2e2e2e;
    border-top: 3px solid #3091c1;
}
#subbox {
padding: 10px;
border: 1px solid #D2D2D3;
color: #d2d2d2;
}
#subbutton {
padding: 10px;
color: #fff;
font-weight: 800;
background: #0091d6;
}
    div#catalog2 img {
  width: 241px;
  height: 100px;
    }
  .teammembers { padding: 0px; margin: 0px; }
    ul.teammembers li img { height: 60px;
width: 63px;
border-radius: 50%;
-moz-border-radius: 50%;}
ul.teammembers li {
display: block;
padding: 0px;
margin: 0px;
float: left;
margin-right: 22px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
ul.teammembers li img:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);}
.post-body h2 {
font-size: 30px;
font-weight: 600;
color: #0091d6;
margin: 0px;
line-height: 35px;
}
</style>
    <a id="pun-return" href="#"><i class="fa fa-angle-up"></i></a>
    <ul id="pun-social">
        <li><a href="javascript:void(0)" target="_blank"><i class="fa fa-spotify" aria-hidden="true"></i></a></li>
        <li><a href="javascript:void(0)" target="_blank"><i class="fa fa-play" aria-hidden="true"></i></a></li>
        <li><a href="javascript:void(0)" target="_blank"><i class="fa fa-podcast" aria-hidden="true"></i></a></li>
    </ul>
  <div id="pun-about" class="clearfix">
      <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"
        id="qjump">
        <fieldset>
            <p><label>{L_JUMP_TO}:&nbsp;</label></p>
            {S_JUMPBOX_SELECT}&nbsp;<input type="submit" value="{L_GO}" />
        </fieldset>
      </form>
      <ul>
        <li>
            <!-- BEGIN html_validation -->
        </li>
      </ul>
  </div>
</div>
<!-- END html_validation -->
<script>
 
jQuery("#micontenedor").replaceWith(jQuery("#comments_scroll_div"));
 
</script>

Quero que funcione com o scroll desligado, pois com o código atual, só funciona com a ativação da rolagem.

Agradeço desde já.


Última edição por Harleen em 09/02/17, 09:13 pm, editado 1 vez(es)
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1438
Pontos Ativos : 1864

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Adicionar últimos assuntos no footer

Mensagem por Kyo Panda em 08/02/17, 10:19 pm

Olá,

Tente trocar essa última linha de código:

Código:
jQuery("#micontenedor").replaceWith(jQuery("#comments_scroll_div"));

Por:

Código:
var elem = jQuery(".main-head:contains('Últimos assuntos') + div");
var module = elem.closest('.module');
elem.appendTo('#catalog2');
module.remove();

A senhora vai precisar dar um tapa no CSS para acertar as colunas do rodapé.

o/

---
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3819
Pontos Ativos : 5044

http://ajuda.forumeiros.com

Resolvido Re: Adicionar últimos assuntos no footer

Mensagem por Harleen em 08/02/17, 11:34 pm

@Kyo Panda escreveu:A senhora vai precisar dar um tapa no CSS para acertar as colunas do rodapé.

o/

Muito obrigada pela ajuda Rosa , agora que "dei uma surra" no CSS Rindo, seria possível conter apenas o título?
Eu tentei mexer no template, mas ficou tudo bagunçado, mais uma vez agradeço.

Editado 12:56

Consegui personalizar com o título, agora estou tentando retirar a data da postagem...

Editado 2

A questão da data e hora da postagem está resolvido, só para finalizar o tópico, teria como remover o espaço que ficou no lugar do widget?

avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1438
Pontos Ativos : 1864

https://soulfulbrmusic.forumeiros.com/
  • 0

Resolvido Re: Adicionar últimos assuntos no footer

Mensagem por Kyo Panda em 09/02/17, 08:59 pm

Tenho a impressão que se deixasse o tópico rolando mais um pouco, a senhora resolveria o problema da margem. Rindo

Adicione ao CSS:

Código:
#content-container div#left {
  display: none;
}

Se a senhora quiser colocar algum Widget na barra lateral esquerda no futuro, é só remover essa regra.

o/
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3819
Pontos Ativos : 5044

http://ajuda.forumeiros.com

Resolvido Re: Adicionar últimos assuntos no footer

Mensagem por Harleen em 09/02/17, 09:12 pm

@Kyo Panda escreveu:Tenho a impressão que se deixasse o tópico rolando mais um pouco, a senhora resolveria o problema da margem. Rindo

Tá lindo, se melhorar estraga Rindo , mais uma vez muito obrigada pela ajuda.

Até a próxima
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1438
Pontos Ativos : 1864

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Adicionar últimos assuntos no footer

Mensagem por Kyo Panda em 09/02/17, 09:28 pm

o/

---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3819
Pontos Ativos : 5044

http://ajuda.forumeiros.com

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