Editar o spoiler

Item: Editar o spoiler
Rating: 1

por Thoth 11.12.11 2:21 · **Thoth** Hiper Membro Membro desde : 01/11/2011 Mensagens : 2197 Pontos : 2820

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

por Convidad 11.12.11 2:42

Re: Editar o spoiler

Mensagem por Convidad 11.12.11 2:42

Olá,

Vamos fazer tal modificação indo a:
Painel de controle Visualização Cores "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.

por Thoth 11.12.11 3:00 · **Thoth** Hiper Membro Membro desde : 01/11/2011 Mensagens : 2197 Pontos : 2820

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.