Quadro widget

3 participantes

Ir para baixo

Tópico resolvido Quadro widget

Mensagem por PrisoN†BreaK 13.09.17 15:18

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
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por Luiz 13.09.17 19:03

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/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK 13.09.17 21:34

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
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por Luiz 13.09.17 21:37

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

Tinha um pequeno erro no seu CSS.

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK 13.09.17 23:41

Sem resultado, e ainda bugou o botão de retrátil da categoria que não aparece +;
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por Luiz 13.09.17 23:43

Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK 14.09.17 0:14

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.
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por Luiz 14.09.17 0:20

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.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK 14.09.17 3:04

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.
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por Luiz 14.09.17 17:28

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.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK 15.09.17 1:25

Mudou apenas a cor da barra do widgets
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por Kyo Panda 15.09.17 13:16

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

Quadro widget 8Qnhxqg
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK 15.09.17 15:49

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.
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK 18.09.17 14:38

UP
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por Kyo Panda 20.09.17 12:30

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.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por PrisoN†BreaK 20.09.17 12:43

No navegador anonimo resultou, muito obrigado.
PrisoN†BreaK
PrisoN†BreaK
Super Membro

Membro desde : 23/10/2015
Mensagens : 1243
Pontos : 1753

http://brasilplayfreedomofc.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Quadro widget

Mensagem por Kyo Panda 20.09.17 12:56

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

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos