Editar o spoiler

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

Tópico resolvido Editar o spoiler

Mensagem por Thoth 11.12.11 2:21

Qual é minha questão:
Olá, eu gostaria de editar o spoiler de meu fórum.

Estive a ler e acompanhar o seguinte tópico: https://ajuda.forumeiros.com/t35499-tutorial-personalizacao-de-cores-do-spoiler

Contudo, ele não me deu um resultado satisfatório.

Eu gostaria de deixá-lo como o spoiler abaixo mas com as alterações necessárias para adequar-se ao tema de meu fórum:

Editar o spoiler 4kchc

As modificações que gostaria de fazer são:

  • Em vez da faixa superior ser vermelha, deveria ser de um tom azul claro.
  • O contorno ao invés de branco deveria ser de um tom cinza claro.
  • O efeito Glow da borda deveria ser de um tom azul claro.



Atualmente meu spoiler está assim:

Editar o spoiler 23ifqmo


Gostaria que alguém me ajudasse com o código para arrumar o meu spoiler como indicado acima.


O fórum do qual vi o spoiler é o seguinte: http://webcheats.forumn.org/t2689-mudanca-de-forum-sky-cheats-vbulletin-413

Desde já agradeço sua resposta, Convidado

Medidas que eu tomei para corrigir o problema:


Imagens do meu problema:


Endereço do meu fórum:
http://masterexp.forumeiro.com/

Versão do meu fórum:
PHPBB3
Thoth

Thoth
Hiper Membro

Membro desde : 01/11/2011
Mensagens : 2197
Pontos : 2820

https://testefdd.forumeiros.com/ https://www.youtube.com/@LMCanalTech/featured

Ir para o topo Ir para baixo

Tópico resolvido Re: Editar o spoiler

Mensagem por Convidad 11.12.11 2:42

Olá,

Vamos fazer tal modificação indo a:
Painel de controle Seta Visualização Seta Cores Seta "Aba" Folha CSS.

Coloque em seu conteúdo, tal código:
.spoiler{-moz-border-radius-bottomleft:9px;-moz-border-radius-bottomright:25px;-moz-border-radius-topleft:5px;-moz-box-shadow:1px 1px 5px #27C2D6;-webkit-border-bottom-left-radius:9px;-webkit-border-bottom-rightright-radius:25px;-webkit-border-top-left-radius:5px;-webkit-box-shadow:1px 1px 5px #27C2D6;background:url() no-repeat top right;background-color:#FFF;border-bottom:3px solid #27C2D6;border-left:5px solid #27C2D6;border-right:2px solid #27C2D6;border-top:1px solid #27C2D6;box-shadow:1px 1px 5px #27C2D6;min-height:30px}.spoiler dt{background-image:url(LINKIMAGEM);background-position:top right;background-repeat:repeat-x;display:block;font-size:13px;font-style:normal;margin:-0;padding:3px}

A área em vermelho, é o link da imagem da barra vermelha, altere pela imagem desejada e salve.

Atenciosamente.
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Editar o spoiler

Mensagem por Thoth 11.12.11 3:00

Muito obrigado, Touks.
Ficou como eu queria.

Recebeu meu obrigado.
Pode fechar o tópico.
Thoth

Thoth
Hiper Membro

Membro desde : 01/11/2011
Mensagens : 2197
Pontos : 2820

https://testefdd.forumeiros.com/ https://www.youtube.com/@LMCanalTech/featured

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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