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

» Personalizar barra de ferramentas
Hoje à(s) 05:25 am por Flames

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

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

» Como adicionar um Painel de Usuário no fórum?
Hoje à(s) 04:59 am por Luiz

» Categoria do fórum
Hoje à(s) 12:06 am por PrisoN†BreaK

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
227 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 227 Visitantes :: 2 Motores de busca

Nenhum

[ 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 : 1572
Pontos Ativos : 2413

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

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 : 1572
Pontos Ativos : 2413

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

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 : 1572
Pontos Ativos : 2413

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

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 : 1572
Pontos Ativos : 2413

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


ShekAdmineiro - 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 : 16488
Pontos Ativos : 20869

http://www.shiftactif.com 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 : 1572
Pontos Ativos : 2413

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


ShekAdmineiro - 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 : 16488
Pontos Ativos : 20869

http://www.shiftactif.com 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 RafaelS. 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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3109
Pontos Ativos : 4016

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


ShekAdmineiro - 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 : 16488
Pontos Ativos : 20869

http://www.shiftactif.com 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 RafaelS. 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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3109
Pontos Ativos : 4016

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 : 1572
Pontos Ativos : 2413

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

https://github.com/lffg/

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