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
» Formulário de Registo personalizado
Hoje à(s) 3:34 por juleic1123

» Personalizar Chatbox
Hoje à(s) 3:23 por YouTube3

» Caixa de Login
Hoje à(s) 3:07 por YouTube3

» Ultimos assuntos
Hoje à(s) 3:01 por Biel_Staff

» Ajustar aspeto de formulário
Hoje à(s) 2:53 por IsmaelS.

» Problema de resolução de tela dos usuários
Hoje à(s) 2:25 por Luiz~

» Banner edição no texto e mais efeito.
Hoje à(s) 2:21 por Sr.Oliveira

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
iScroll
 
YouTube3
 
Tiger
 
IsmaelS.
 
juleic1123
 
Sr.Oliveira
 
Biel_Staff
 

Quem está conectado
191 usuários online :: 10 usuários cadastrados, 1 Invisível e 180 Visitantes :: 2 Motores de busca

Biel_Staff, Daemon, Expecty, Francine_Campos, IsmaelS., juleic1123, ranzatti, Tiago Jackson, ViniZiNN, YouTube3

[ 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 : 156

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

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 989
Pontos Ativos : 1860

http://ajuda.forumeiros.com/forum

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

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

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