Novo Modelo do "Spoiler"

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

Atendido / Resolvido Novo Modelo do "Spoiler"

Mensagem por ApolloCoder em 03.01.19 20:36

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 e já agradeço pelo tempo dedicado a ler este tópico, vamos lá.

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, mas caso seja já disponibilizei as informações necessárias, obrigado desde já.
ApolloCoder

ApolloCoder
Nível 2

Masculino
Inscrito dia : 27/12/2018
Mensagens : 8
Pontos Ativos : 14

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

Atendido / Resolvido Re: Novo Modelo do "Spoiler"

Mensagem por RafaelS. em 03.01.19 23:40

Olá @ApolloCoder,

Poderia nos indicar um tópico do seu fórum onde haja um "spoiler"?

Fico no aguardo. Feliz




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"


RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4659
Pontos Ativos : 5722

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

Atendido / Resolvido Re: Novo Modelo do "Spoiler"

Mensagem por ApolloCoder em 04.01.19 0:01

ApolloCoder

ApolloCoder
Nível 2

Masculino
Inscrito dia : 27/12/2018
Mensagens : 8
Pontos Ativos : 14

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

Atendido / Resolvido Re: Novo Modelo do "Spoiler"

Mensagem por RafaelS. em 04.01.19 0:27

Olá novamente!

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




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"


RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4659
Pontos Ativos : 5722

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

Atendido / Resolvido Re: Novo Modelo do "Spoiler"

Mensagem por ApolloCoder em 04.01.19 0:40

Funcionou, ficou ótimo, obrigado pela ajuda Feliz
ApolloCoder

ApolloCoder
Nível 2

Masculino
Inscrito dia : 27/12/2018
Mensagens : 8
Pontos Ativos : 14

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

Atendido / Resolvido Re: Novo Modelo do "Spoiler"

Mensagem por RafaelS. em 04.01.19 0:44

@ApolloCoder,

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

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"


RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4659
Pontos Ativos : 5722

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

Atendido / Resolvido Re: Novo Modelo do "Spoiler"

Mensagem por Roger123 em 09.01.19 13:50

Tópico resolvido


Tópico marcado como resolvido pela equipe por abandono do autor.


Seja bem-vindo ao Fórum dos Fóruns!
Veja aqui alguns links importantes a saber:



Roger123 - Ajudeiro

Roger123

Roger123
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 30/06/2018
Mensagens : 822
Pontos Ativos : 989

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum