Editar o spoiler

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

Resolvido Editar o spoiler

Mensagem por Thoth em 11/12/11, 12:21 am

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

Estive a ler e acompanhar o seguinte tópico: http://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:



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:




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
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Editar o spoiler

Mensagem por Convidad em 11/12/11, 12:42 am

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.

Convidad
Convidado


Resolvido Re: Editar o spoiler

Mensagem por Thoth em 11/12/11, 01:00 am

Muito obrigado, Touks.
Ficou como eu queria.

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

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

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

- Tópicos similares

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