Personalizar o "spoiler"
Fórum dos Fóruns :: Atendimento e Suporte Mútuo :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Personalizar o "spoiler"
Detalhes da questão
Endereço do fórum: http://brasilplayhard-rpg.forumeiros.com/forum
Versão do fórum: ModernBB
Descrição
Olá pessoal,
Queria chegar nesse design de spoiler aqui: http://prntscr.com/p6a5nl / http://prntscr.com/p6a5s5
Caso precisem de algum template, é só informar.
Re: Personalizar o "spoiler"
Olá @TED_Junnior,
Adicione na sua folha de estilo, o seguinte código:
Cordialmente,
pedxz.
Adicione na sua folha de estilo, o seguinte código:
- Código:
.codebox.spoiler > dt[style="cursor: pointer;"],
.codebox.spoiler dd > .spoiler_content {
width: max-content;
padding: 1em;
font-size: 1.25rem;
border: 1px solid #e1e1e1;
color: #666;
}
.codebox.spoiler > dt[style="cursor: pointer;"] {
font-weight: 900;
}
.codebox.spoiler dd > .spoiler_content {
min-width: 100%;
word-wrap: break-word;
width: 100%;
}
.codebox.spoiler {
-moz-box-sizing: border-box;
box-sizing: border-box;
background: transparent!important;
border: 0!important;
}
.codebox.spoiler::before { content: none; }
Cordialmente,
pedxz.
pedxz- Moderadeiro
- Inscrito dia : 13/01/2017
Mensagens : 5839
Pontos Ativos : 6947
Re: Personalizar o "spoiler"
O design funcionou, porém ao colocar uma imagem ele excede os limites e invade a área da assinatura.
Olhe só: http://prntscr.com/p6h7q4
Olhe só: http://prntscr.com/p6h7q4
Re: Personalizar o "spoiler"
Encontre na sua folha de estilo:
adicione também:
- Código:
dl.codebox {
background-color: #232323;
border-radius: 3px;
max-height: 2in;
padding: 18px 10px 30px
}
- Código:
dl.codebox:not(.spoiler) {
background-color: #232323;
border-radius: 3px;
max-height: 2in;
padding: 18px 10px 30px
}
adicione também:
- Código:
.codebox.spoiler dd .spoiler_content > img {
max-width: 100%!important;
height: auto;
}

Boas-vindas 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 editando a sua primeira postagem. |
Pedxz - Moderadeiro |
pedxz- Moderadeiro
- Inscrito dia : 13/01/2017
Mensagens : 5839
Pontos Ativos : 6947
Re: Personalizar o "spoiler"
Perfeito, funcionou direitinho.
Obrigado novamente, Pedxz.
Obrigado novamente, Pedxz.
Re: Personalizar o "spoiler"
Questão resolvidaEsta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área. |

Boas-vindas 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 editando a sua primeira postagem. |
Pedxz - Moderadeiro |
pedxz- Moderadeiro
- Inscrito dia : 13/01/2017
Mensagens : 5839
Pontos Ativos : 6947
Fórum dos Fóruns :: Atendimento e Suporte Mútuo :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum