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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Criação de portal com link
Hoje à(s) 21:13 por Luiz~

» Modificar campo de avatar
Hoje à(s) 21:12 por Luiz~

» Botões VIPS & Avatar e Assinatura
Hoje à(s) 20:32 por ranzatti

» Diminuir largura dentro das categorias
Hoje à(s) 19:59 por Luiz~

» parte code do ModernBB bugado
Hoje à(s) 19:46 por Luiz~

» Degradê em cima dos botão ModernBB
Hoje à(s) 19:33 por Luiz~

» formulário de postagem
Hoje à(s) 19:08 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
267 usuários online :: 10 usuários cadastrados, 2 Invisíveis e 255 Visitantes :: 2 Motores de busca

Fernanda Nunes, Fou-Lu, GustavoDM11, Holkis, juleic1123, Luiz~, MateusV., ranzatti, Rhuanzinho Pjl, Weder M. T. N.

[ 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

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

hellzebio
Nível 3

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

http://narutorpgwinner.forumeiros.com/

Resolvido 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~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1872
Pontos Ativos : 3107

http://1forum1.forumeiros.com/

Resolvido 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
avatar

virus
Nível 7

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

http://maze.forumbrasil.net/

Resolvido Re: Personalização do spoiler

Mensagem por Cream em Ter 6 Dez 2016 - 14:29

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 : 13963

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