Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Kit avatar e assinatura.
Hoje à(s) 01:37 am por ranzatti

» Efeito nos grupos
Hoje à(s) 12:17 am por Matt Shultz

» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
204 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 202 Visitantes :: 2 Motores de busca

Pedxz, soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Personalização do spoiler

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

Resolvido Personalização do spoiler

Mensagem por hellzebio em 29/11/16, 02:17 am

Detalhes da questão


Endereço do fórum: http://narutorpgwinner.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição




Coloquei a imagem primeiro para maior compreensão. Vi aqui no fórum alguém que criou esse código e eu achei incrível, tentei adaptações, mas ainda assim não deu certo no meu fórum e já passou do meu limite de compreensão do CSS que não é muito, ainda. Eu preciso de ajuda em:

  • É possível colocar o título do spoiler (no caso força, em azul) centralizado? Bem no meio da área de texto, ou seja, mais para cima e direita.
  • Ali no circulo em vermelho, eu quero tirar essa linha que é visualmente horrível
  • O principal, o texto do spoiler ficou totalmente errado e fora da imagem, tem alguma solução?

Desde já agradeço a atenção. Abaixo o código usado:

Código:
dl.codebox.spoiler {
    background: url(https://ap.imagensbrasil.org/images/2016/11/29/perg.png);
    background-repeat: no-repeat;
    padding: 39px 5px 0 60px;
    }
    .spoiler_content {
    position: relative;
    background-position-x: 10px;
    top: -1px;
    right: 70px;
    }
    .spoiler_content {
    background-image: url(https://ap.imagensbrasil.org/images/2016/11/29/perg2.png);
    background-repeat: repeat-y;
    color: #10pt;
    padding: 40px 78px 40px 63px;
    text-align: justify;
    }
avatar

hellzebio
Nível 3

Masculino
Inscrito dia : 18/11/2016
Mensagens : 20
Pontos Ativos : 34

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

Resolvido Re: Personalização do spoiler

Mensagem por Luiz em 30/11/16, 09:43 am

Olá. Antes de tudo poderia retirar o seu fórum da manutenção e já conferir se tem um tópico com o spoiler disponível para membros sem conta?

No mais, ficaremos no aguardo.
Até mais.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5037
Pontos Ativos : 5829

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalização do spoiler

Mensagem por virus em 30/11/16, 02:37 pm

Código:
/*Código para personalizar o spoiler*/
dl.codebox.spoiler {
    background: url(https://ap.imagensbrasil.org/images/2016/11/29/perg.png);
    background-repeat: no-repeat;
    padding: 39px 5px 0 60px;
}
.codebox {
      border: 1px hidden;
}
.codebox dd {
      background-color: transparent;
}
.codebox dt {
      border: 1px hidden;
      color: blue;
      font-weight: bold;
      text-indent: 10%;
      text-transform: uppercase;
}
dl.codebox.spoiler dt {
    margin-top: -1em;
    margin-bottom: 10px;
}
.spoiler_content {
    position: relative;
    background-position-x: 10px;
    top: -1px;
    right: 70px;
    background-image: url(https://ap.imagensbrasil.org/images/2016/11/29/perg2.png);
    background-repeat: repeat-y;
    color: #10pt;
    padding: 40px 78px 40px 63px;
    text-align: justify;
}
.spoiler_content.hidden {
    display: block;
    margin-right: 54%;
}

Troque o seu código por este acima ^;

https://gyazo.com/8b0abe17a6da55ed940d9805bb0d786a 

Veja se funciona, e se é este o resultado que procura..
Piscada
avatar

virus
Nível 9

Masculino
Inscrito dia : 03/03/2013
Mensagens : 171
Pontos Ativos : 287

Ver perfil do usuário http://maze.forumbrasil.net/

Resolvido Re: Personalização do spoiler

Mensagem por Cream em 06/12/16, 12:29 pm

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11633

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

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