Quadro widget

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

Resolvido Quadro widget

Mensagem por PrisoN†BreaK em 13/09/17, 11:18 am

Detalhes da questão


Endereço do fórum: http://testadordetemas.forumeiro.com
Versão do fórum: phpBB2

Descrição


É possível fazer o quadro do widget assim? https://imgur.com/a/CiT1j
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Quadro widget

Mensagem por Luiz em 13/09/17, 03:03 pm

Assim?
-> http://prntscr.com/gkrhjt

Se sim, adicione à sua CSS:
Código:
#right * {
  box-sizing: border-box;
}

#right .module {
  border: solid 1px #ddd;
  border-radius: 3px;
  overflow: hidden;
}

#right .module > .main-head {
  background-color: #b32222 !important;
  text-shadow: none;
  padding: 0 10px;
  margin: -2px -2px 15px -2px !important;
  position: relative;
}

#right .module > .main-head::before {
  content: "";
  border: solid 10px transparent;
  border-top-color: #b32222;
  position: absolute;
  top: 100%;
}

#right .module > .main-head > .h3 {
  color: #fff;
}

#right .module > .main-head > .h3::before {
  content: none;
}

#right .module > .main-content {
  border: none;
}

o/
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

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

Resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK em 13/09/17, 05:34 pm

Sem resultado, e ainda bugou a barra da categoria.

Tem um código do widget antigo do meu fórum, ainda na folha CSS, talvez seja isso que não deu resultado, tem como você retira esse código, e por o seu?
CSS:
https://hastebin.com/uxahicubax.php
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Quadro widget

Mensagem por Luiz em 13/09/17, 05:37 pm

Veja se trocando por essa resolve:
-> https://hastebin.com/denaruxica.php

Tinha um pequeno erro no seu CSS.

o/
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

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

Resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK em 13/09/17, 07:41 pm

Sem resultado, e ainda bugou o botão de retrátil da categoria que não aparece +;
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Quadro widget

Mensagem por Luiz em 13/09/17, 07:43 pm

avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

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

Resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK em 13/09/17, 08:14 pm

sem resultado ainda, como falei, deve ser porque no meu css, tem o código do widget atual ainda. E o retrátil categoria ainda tá bugado.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Quadro widget

Mensagem por Luiz em 13/09/17, 08:20 pm

Não é isso.
Veja com é o CSS correto:
-> http://prntscr.com/gkv6n2

Mas veja como ele fica na sua folha:
-> http://prntscr.com/gkv6vh

Copie o código daqui e cole:
-> https://raw.githubusercontent.com/files-assets/junk/master/archives/fdf/css/002.css

Veja também se a opção "Melhorar seu CSS" esteja ativada.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

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

Resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK em 13/09/17, 11:04 pm

Sim, a opção ''Melhorar seu CSS" está ativa.

Coloquei esse css que me mandou denovo, e continua sem resultado.


Para mim, o à não aparece não.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Quadro widget

Mensagem por Luiz em 14/09/17, 01:28 pm

Tente remover o código abaixo do seu CSS:
Código:
#right * {
  box-sizing: border-box;
}
 
#right .module {
  border: solid 1px #ddd;
  border-radius: 3px;
  overflow: hidden;
}
 
#right .module > .main-head {
  background-color: #b32222 !important;
  text-shadow: none;
  padding: 0 10px;
  margin: -2px -2px 15px -2px !important;
  position: relative;
}
 
#right .module > .main-head::before {
  content: "";
  border: solid 10px transparent;
  border-top-color: #b32222;
  position: absolute;
  top: 100%;
}
 
#right .module > .main-head > .h3 {
  color: #fff;
}
 
#right .module > .main-head > .h3::before {
  content: none;
}
 
#right .module > .main-content {
  border: none;
}

Agora, escreva, manualmente, ao final do CSS, sem copiar, os mesmos estilos colocados acima.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

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

Resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK em 14/09/17, 09:25 pm

Mudou apenas a cor da barra do widgets
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Quadro widget

Mensagem por Kyo Panda em 15/09/17, 09:16 am

O código do Luiz não parece estar aplicado. Apliquei ele diretamente e:

avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK em 15/09/17, 11:49 am

Eu apliquei, e quero esse efeito, porém quando eu aplico pelo Copair e colar, ele buga e fica um Monte desse "Ã"

Apliquei escrevendo, e só mudou a cor.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK em 18/09/17, 10:38 am

UP
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

Ver perfil do usuário http://brasilplayfreedomofc.forumeiros.com/forum
  • 0

Resolvido Re: Quadro widget

Mensagem por Kyo Panda em 20/09/17, 08:30 am

Isso quer dizer que algo deve estar afetando o encoding do seu navegador. Tente logar no seu fórum em uma aba anônima do Chrome (CTRL+SHIFT+N) e veja se isso ocorre. Abra o FdF também na aba anônima antes de copiar o código dele.
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK em 20/09/17, 08:43 am

No navegador anonimo resultou, muito obrigado.
avatar

PrisoN†BreaK
Membro do Fórum

Masculino
Inscrito dia : 23/10/2015
Mensagens : 1236
Pontos Ativos : 1740

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

Resolvido Re: Quadro widget

Mensagem por Kyo Panda em 20/09/17, 08:56 am

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
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário 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