Novo Modelo do "Spoiler"
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Novo Modelo do "Spoiler"
Detalhes da questão
Endereço do fórum: http://lostscavenge.forumeiros.com/
Versão do fórum: ModernBB
Descrição
Olá, espero que quem me atenda esteja bem
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
A Opção de "Spoiler" no meu fórum, atualmente é ASSIM.
Eu gostaria de deixar mais simples e compacto, pois ocupa muito espaço e muitas das vezes atrapalha.
Editei uma imagem para deixar como supostamente eu gostaria que fosse, EXEMPLO AQUI.
Já aproveitei e peguei algumas informações sobre o modelo editado para ajudar.
Código da Cor: #3793ff ou em RGB (55, 147, 255).
Transparência: 55%.
Gostaria também, se for possível, colocar algum efeito estilo "Mouse Houver" que torne o botão mais claro ao passar o Mouse por cima.
Eu realmente não sei se é possível fazer tudo isso no modelo do meu fórum, se não for irei entender
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Re: Novo Modelo do "Spoiler"
Sim, criei um para teste: http://lostscavenge.forumeiros.com/t1084-teste#2675
Outros exemplos: http://lostscavenge.forumeiros.com/t781-tutorial-mercado-negro
Outros exemplos: http://lostscavenge.forumeiros.com/t781-tutorial-mercado-negro
Re: Novo Modelo do "Spoiler"
Olá novamente!
Obrigado pelos tópicos.
Adicione à sua folha de estilos (CSS):
Até mais.![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Obrigado pelos tópicos.
Adicione à sua folha de estilos (CSS):
- Código:
dl.codebox.spoiler:before {
content: none;
}
dl.codebox.spoiler {
background: none;
border: none;
}
dl.codebox.spoiler dt {
font-weight: 600;
text-transform: uppercase;
color: white;
font-size: 0px;
margin: 0;
padding-top: 5px;
background: #3793ff75;
border-radius: 4px;
border: 1px solid #65a9f8;
width: 14%;
}
dl.codebox.spoiler dt:before {
content: 'MOSTRAR';
font-size: 15px;
}
.spoiler_content.hidden {
margin: 5px;
border: 1px dashed #a3cbfd;
padding: 5px;
}
Até mais.
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Re: Novo Modelo do "Spoiler"
@ApolloCoder,
Só faltou o efeito a passar o mouse. É só adicionar mais esse código:
Até mais.![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Só faltou o efeito a passar o mouse. É só adicionar mais esse código:
- Código:
dl.codebox.spoiler dt:hover {
background: #a3cbfdba;
transition: 0.2s ease;
}
Até mais.
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Re: Novo Modelo do "Spoiler"
Tópico resolvidoTópico marcado como resolvido pela equipe por abandono do autor. |
Convidado- Convidado
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Deixar a borda de code, spoiler e quote de acordo com a modificação do spoiler
» Novo modelo - noticias
» Novo modelo para abrir MPs
» Conheça o novo modelo de tema para a versão Móvel de seu fórum em Smartphones e Tablets
» Novo modelo para perfil avançado dos fóruns com foto de capa para Forumeiros
» Novo modelo - noticias
» Novo modelo para abrir MPs
» Conheça o novo modelo de tema para a versão Móvel de seu fórum em Smartphones e Tablets
» Novo modelo para perfil avançado dos fóruns com foto de capa para Forumeiros
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: 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ões neste sub-fórum
Não podes responder a tópicos