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.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
71 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 71 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Personalização do spoiler

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

Em curso Personalização do spoiler

Mensagem por hellzebio em Ter 29 Nov 2016 - 4:17

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;
    }

hellzebio
Nível 3

Masculino
Inscrito dia : 18/11/2016
Mensagens : 17
Pontos Ativos : 45

http://narutorpgwinner.forumeiros.com/

Em curso Re: Personalização do spoiler

Mensagem por Luiz~ em Qua 30 Nov 2016 - 11:43

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.

Luiz~
Usuário avançado

Masculino
Inscrito dia : 23/04/2016
Mensagens : 421
Pontos Ativos : 893

http://ajuda.forumeiros.com

Em curso Re: Personalização do spoiler

Mensagem por virus em Qua 30 Nov 2016 - 16:37

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

virus
Nível 7

Masculino
Inscrito dia : 03/03/2013
Mensagens : 96
Pontos Ativos : 1530

http://maze.forumbrasil.net/

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5