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
» Citação não aparece nome de usuário
Hoje à(s) 12:09 pm por iScroll

» Informações dos ultimos assuntos
Hoje à(s) 12:08 pm por iScroll

» Slide no index
Hoje à(s) 12:08 pm por iScroll

» Naruto Survival RPG
Hoje à(s) 11:48 am por BichodoMato

» Brilho nos anúncios
Hoje à(s) 11:48 am por Ketholy123

» Caixa de login ao clicar na barra de ferramentas
Hoje à(s) 11:46 am por MatiasReis123

» Limitações numéricas na barra
Hoje à(s) 11:42 am por Kyo Panda

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Kyo Panda
 
AlexG
 
iScroll
 
MatiasReis123
 
LeoziN_WallkeR
 
Try
 
Ketholy123
 
BichodoMato
 

Quem está conectado
275 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 265 Visitantes :: 1 Motor de busca

AlexG, BichodoMato, EDU2010, iPrompt, iScroll, Ketholy123, Kyo Panda, LeoziN_WallkeR, MatiasReis123, Try

[ Ver toda a lista ]


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

Como por barra de rolagem nos tópicos recentes?

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

Resolvido Como por barra de rolagem nos tópicos recentes?

Mensagem por Shaman em 19/02/15, 02:19 am

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Opera
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://familiabourne.forumbrasil.net

Descrição do problema

Então como o título ja diz, tem como modificar meu widget de tópicos recentes e por uma barra de rolagem igual a da imagem? Grato!


Última edição por LucaS Carvalho em 20/02/15, 11:27 am, editado 1 vez(es)
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Como por barra de rolagem nos tópicos recentes?

Mensagem por Gaaratsu em 19/02/15, 03:08 am

Saudações LucaS!

O widget com barra de rolagem é o de "Os Últimos Tutoriais" e não o de "Últimos Assuntos".

Até! Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Como por barra de rolagem nos tópicos recentes?

Mensagem por Shaman em 19/02/15, 02:27 pm

Hakuouki escreveu:Saudações LucaS!

O widget com barra de rolagem é o de "Os Últimos Tutoriais" e não o de "Últimos Assuntos".

Até! Muito feliz

Sim eu sei, por isso perguntei se existe algum meio de colocar ele em tópicos recentes com algum código!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Como por barra de rolagem nos tópicos recentes?

Mensagem por Kyo Panda em 19/02/15, 02:40 pm

Olá,

Teria como liberar o fórum para darmos uma olhada? Feliz


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4355
Pontos Ativos : 5650

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como por barra de rolagem nos tópicos recentes?

Mensagem por Gaaratsu em 19/02/15, 06:17 pm

Saudações!

Aceda à: Painel de Controle >> Visualização >> Templates >> Portal >>> Procure por "mod_recent_topics" > Clique no botão Editar > Copie todo o conteúdo lá presente e envie-me por gentileza!

Até! Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Como por barra de rolagem nos tópicos recentes?

Mensagem por Shaman em 19/02/15, 06:42 pm

Código:
<!-- BEGIN scrolling_row -->
<div class="module main">
   <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
   <div class="main-content" id="comments_scroll_div">
      <!-- BEGIN recent_topic_row -->
      »&nbsp;<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
      <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

      <!-- BEGIN switch_poster -->
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
      <!-- END switch_poster_guest -->

      <!--
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
      -->
      <!-- END recent_topic_row -->
   </div>
</div>

<script type="text/javascript">
//<![CDATA[
$(function(){
   div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

<!-- BEGIN classical_row -->
<div class="module main">
   <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
   <div class="main-content">
      <!-- BEGIN recent_topic_row -->
      » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br />{BY}&nbsp;

      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->
   </div>
</div>
<!-- END classical_row -->
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Como por barra de rolagem nos tópicos recentes?

Mensagem por Shek em 20/02/15, 05:33 am

Bom dia!

Troque por este:
Código:
<!-- BEGIN scrolling_row -->
<div class="module main">
  <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
  <div class="main-content" id="comments_scroll_div" style="height:86px;overflow:scroll;">
      <!-- BEGIN recent_topic_row -->
      »&nbsp;<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
      <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

      <!-- BEGIN switch_poster -->
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
      <!-- END switch_poster_guest -->

      <!--
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
      -->
      <!-- END recent_topic_row -->
  </div>
</div>

<script type="text/javascript">
//<![CDATA[
$(function(){
  div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

<!-- BEGIN classical_row -->
<div class="module main">
  <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
  <div class="main-content">
      <!-- BEGIN recent_topic_row -->
      » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br />{BY}&nbsp;

      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->
  </div>
</div>
<!-- END classical_row -->
Salve e publique.

Tópico movido de 'Outras questões' para 'Questões sobre a aparência do fórum'


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16856
Pontos Ativos : 21217

Ver perfil do usuário http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como por barra de rolagem nos tópicos recentes?

Mensagem por Shaman em 20/02/15, 11:22 am

Shek escreveu:Bom dia!

Troque por este:
Código:
<!-- BEGIN scrolling_row -->
<div class="module main">
   <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
   <div class="main-content" id="comments_scroll_div" style="height:86px;overflow:scroll;">
      <!-- BEGIN recent_topic_row -->
      »&nbsp;<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
      <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

      <!-- BEGIN switch_poster -->
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
      <!-- END switch_poster_guest -->

      <!--
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
      -->
      <!-- END recent_topic_row -->
   </div>
</div>

<script type="text/javascript">
//<![CDATA[
$(function(){
   div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

<!-- BEGIN classical_row -->
<div class="module main">
   <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
   <div class="main-content">
      <!-- BEGIN recent_topic_row -->
      » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br />{BY}&nbsp;

      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->
   </div>
</div>
<!-- END classical_row -->
Salve e publique.

Tópico movido de 'Outras questões' para 'Questões sobre a aparência do fórum'

Sem resultados :/

#EDIT

Funcionou mas, não tem como essa barra de rolagem ficar sem ter que os tópicos recentes fiquem com o scrolling? Tipo, ele ficar parado mas com a barra. igual os ultimos tutoriais daqui do FdF, la eu testei e ele só fica se o scrolling tiver ativado.

#EDIT

Ja consegui ^^, obrigado Shek!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Como por barra de rolagem nos tópicos recentes?

Mensagem por Kyo Panda em 20/02/15, 11:33 am

Tente adicionar ao CSS:

Código:
#comments_scroll_div {
    height: 200px;
    overflow-y: scroll;
}

Eu tenho a impressão que o código do Shek deveria funfar. Pensativo

---

EDIT: Como pensei. Muito feliz
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4355
Pontos Ativos : 5650

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como por barra de rolagem nos tópicos recentes?

Mensagem por Shek em 20/02/15, 11:44 am

Thumbleft De nada meu amigo!

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16856
Pontos Ativos : 21217

Ver perfil do usuário http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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