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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
198 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 196 Visitantes :: 3 Motores de busca

CesarWatsom2, Railison Ramon

[ Ver toda a lista ]


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

Wigget com uma certa area especifica do fórum

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

Resolvido Wigget com uma certa area especifica do fórum

Mensagem por EDU2010 em 08/06/17, 02:18 pm

Detalhes da questão


Endereço do fórum: http://criadoresdepassaros.com
Versão do fórum: phpBB3

Descrição


Gostaria que criasse um Widget ou algo como se fosse de ultimos assuntos ou novidades do Fórum que tivesse o efeito seguinte , o que posto em uma certa categoria criada no fórum fique listado neste Wigdet automatico , exemplo eu estou criando esta categoria com especies de pássaros e gostaria que elas ficassem em um widget para que as pessoas vistes todas especies que contem o site , a categoria é esta do link :

https://www.criadoresdepassaros.com/f72-passaros-e-pesquisa-descubra-outras-especies-aqui-acesse


Até mais
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1674
Pontos Ativos : 2575

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Wigget com uma certa area especifica do fórum

Mensagem por Luiz em 08/06/17, 02:41 pm

Você deseja que todos os tópicos neste subfórum apareçam no widget?


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Wigget com uma certa area especifica do fórum

Mensagem por EDU2010 em 08/06/17, 02:47 pm

Não todos especificos ou aleatorios conforme atualização da pagina ...
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1674
Pontos Ativos : 2575

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Wigget com uma certa area especifica do fórum

Mensagem por Luiz em 08/06/17, 03:58 pm

Crie um novo widget com o código:
Código:
<div class="fa-topics">
   <h4>Espécies em Destaque</h4>
   <a href="/t45189-beija-flores">Beija-flores</a>
   <a href="/t44144-saiba-tudo-sobre-o-sanhaco-de-fogo">Sanhaço de Fogo</a>
   <a href="/t45183-gaviao-de-cauda-curta">Gavião de cauda-curta</a>
   <a href="/t45175-tucano-tucanucu">Tucano Tucanucu</a>
   <a href="/t45172-tangara-dancarino">Tangará Dançarino</a>
</div>

<style type="text/css">
   .fa-topics {
      width: 100%;
   }
   
   .fa-topics,
   .fa-topics * {
      box-sizing: border-box;
   }
   
   .fa-topics a {
      display: table;
      margin: 10px 15px;
      width: 100%;
      color: #1775bd;
      text-decoration: none;
      border: solid 1px #1775bd;
      padding: 6px 10px;
      border-radius: 2px;
      box-shadow: inset 0 0 6px rgba(26, 117, 187, 0.55);
      -webkit-transition: all linear 200ms;
      transition: all linear 200ms;
   }
   
   .fa-topics a:hover {
      background-color: rgba(26, 117, 187, 0.55);
      color: #104a77;
   }
   
   .fa-topics h4 {
      color: #1775bd;
      border-bottom: solid 1px #1775bd;
      margin: 10px 15px;
      width: 100%;
      margin-right: 0px;
      padding-right: 20px;
   }
</style>

O senhor pode adicionar mais links dentro dessa
<div>
, conforme como fora feito acima:
Código:
<div class="fa-topics">
   <h4>Espécies em Destaque</h4>
   <a href="/t45189-beija-flores">Beija-flores</a>
   <a href="/t44144-saiba-tudo-sobre-o-sanhaco-de-fogo">Sanhaço de Fogo</a>
   <a href="/t45183-gaviao-de-cauda-curta">Gavião de cauda-curta</a>
   <a href="/t45175-tucano-tucanucu">Tucano Tucanucu</a>
   <a href="/t45172-tangara-dancarino">Tangará Dançarino</a>
</div>

Os links já ficaram no estilo correto automaticamente.

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Wigget com uma certa area especifica do fórum

Mensagem por EDU2010 em 08/06/17, 07:02 pm

Legal , apenas ficou muito largo o contorna azul que o nome da especie fica dentro como diminuir
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1674
Pontos Ativos : 2575

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Wigget com uma certa area especifica do fórum

Mensagem por Luiz em 08/06/17, 07:09 pm

Troque todo o código por:
Código:
<div class="fa-topics">
  <h4>Espécies em Destaque</h4>
  <a href="/t45189-beija-flores">Beija-flores</a>
  <a href="/t44144-saiba-tudo-sobre-o-sanhaco-de-fogo">Sanhaço de Fogo</a>
  <a href="/t45183-gaviao-de-cauda-curta">Gavião de cauda-curta</a>
  <a href="/t45175-tucano-tucanucu">Tucano Tucanucu</a>
  <a href="/t45172-tangara-dancarino">Tangará Dançarino</a>
</div>
 
<style type="text/css">
  .fa-topics {
      width: 100%;
      max-width: 300px;
  }
 
  .fa-topics,
  .fa-topics * {
      box-sizing: border-box;
  }
 
  .fa-topics a {
      display: table;
      margin: 10px 15px;
      width: 100%;
      color: #1775bd;
      text-decoration: none;
      border: solid 1px #1775bd;
      padding: 6px 10px;
      border-radius: 2px;
      box-shadow: inset 0 0 6px rgba(26, 117, 187, 0.55);
      -webkit-transition: all linear 200ms;
      transition: all linear 200ms;
  }
 
  .fa-topics a:hover {
      background-color: rgba(26, 117, 187, 0.55);
      color: #104a77;
  }
 
  .fa-topics h4 {
      color: #1775bd;
      border-bottom: solid 1px #1775bd;
      margin: 10px 15px;
      width: 100%;
      margin-right: 0px;
      padding-right: 20px;
  }
</style>


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Wigget com uma certa area especifica do fórum

Mensagem por EDU2010 em 09/06/17, 09:17 am

Legal .. Estou querendo colocar onde coloquei no exemplo e que ficasse um ao lado do outro , pois se repito dois codigos iguais fica um abaixo do outro , veja exemplo :




quero que fique lado a lado .. obrigado
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1674
Pontos Ativos : 2575

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Wigget com uma certa area especifica do fórum

Mensagem por Shek em 09/06/17, 09:25 am

Bom dia!

Acessa seu CSS passado por Luiz, e troca a primeira linha:
Código:
  .fa-topics {
      width: 100%;
  }
Por esta nova:
Código:
.fa-topics {
    float: left;
    width: 50%;
    padding: 5px;
}
Atenciosamente,
Shek King

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


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 : 17002
Pontos Ativos : 21301

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Wigget com uma certa area especifica do fórum

Mensagem por EDU2010 em 09/06/17, 12:20 pm

Ficou bugado da uam olhada , segue:








avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1674
Pontos Ativos : 2575

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Wigget com uma certa area especifica do fórum

Mensagem por Shek em 09/06/17, 12:28 pm

Olá!

Desfaça a mudança do CSS que orientei, e troca o seu HTML por este:
Código:
<table>
   <tr>
      <td style="padding: 5px;">
         <div class="fa-topics">
           <h4>Espécies em Destaque</h4>
           <a href="/t45189-beija-flores">Beija-flores</a>
           <a href="/t44144-saiba-tudo-sobre-o-sanhaco-de-fogo">Sanhaço de Fogo</a>
           <a href="/t45183-gaviao-de-cauda-curta">Gavião de cauda-curta</a>
           <a href="/t45175-tucano-tucanucu">Tucano Tucanucu</a>
           <a href="/t45172-tangara-dancarino">Tangará Dançarino</a>
         </div>
      </td>
      <td style="padding: 5px;">
         <div class="fa-topics">
           <h4>Espécies em Destaque</h4>
           <a href="/t45189-beija-flores">Beija-flores</a>
           <a href="/t44144-saiba-tudo-sobre-o-sanhaco-de-fogo">Sanhaço de Fogo</a>
           <a href="/t45183-gaviao-de-cauda-curta">Gavião de cauda-curta</a>
           <a href="/t45175-tucano-tucanucu">Tucano Tucanucu</a>
           <a href="/t45172-tangara-dancarino">Tangará Dançarino</a>
         </div>
      </td>
   </tr>
</table>
Muito feliz


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 : 17002
Pontos Ativos : 21301

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif
  • 0

Resolvido Re: Wigget com uma certa area especifica do fórum

Mensagem por Rafael em 09/06/17, 12:29 pm

Olá @EDU2010 !

Apague o código passado pelo @Shek, e coloque antes este na sua folha de estilos:

Código:
.fa-topics {
    display: inline-block;
    padding: 5px;
}

Até mais. Café
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Wigget com uma certa area especifica do fórum

Mensagem por Shek em 09/06/17, 12:31 pm

inline-block? Nossa... Eu não sabia da existência dessa propriedade @RafaelS.... Obrigado!! Positivo


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 : 17002
Pontos Ativos : 21301

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif
  • 0

Resolvido Re: Wigget com uma certa area especifica do fórum

Mensagem por Rafael em 09/06/17, 12:33 pm

Olá!

Ora essa @Shek ! Irritado
Vivemos aprendendo não é mesmo?

Sim realmente existe essa propriedade, e como o nome diz "os blocos ficam em linha" Feliz

Obrigado eu, até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Wigget com uma certa area especifica do fórum

Mensagem por EDU2010 em 09/06/17, 02:08 pm

RafaelS. escreveu:Olá @EDU2010 !

Apague o código passado pelo @Shek, e coloque antes este na sua folha de estilos:

Código:
.fa-topics {
    display: inline-block;
    padding: 5px;
}

Até mais. Café

Resultou , obrigado !
avatar

EDU2010
Membro do Fórum

Masculino
Inscrito dia : 09/12/2010
Mensagens : 1674
Pontos Ativos : 2575

Ver perfil do usuário http://passarinhos.forumeiros.com/forum.htm

Resolvido Re: Wigget com uma certa area especifica do fórum

Mensagem por Luiz em 09/06/17, 02:18 pm

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

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


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