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
» Mudar cor dos widgets do portal
Hoje à(s) 02:56 pm por odelgado

» Texturas Fórum
Hoje à(s) 02:03 pm por Kyko

» [Pedido] Banner TWD
Hoje à(s) 01:49 pm por APOllO

» Novas Categorias
Hoje à(s) 01:44 pm por APOllO

» #10596 Comprar domínio antigo
Hoje à(s) 01:24 pm por dxmar74

» (PEDIDO) Ranks
Hoje à(s) 01:17 pm por APOllO

» Nova opção de login
Hoje à(s) 01:13 pm por Shek

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
253 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 246 Visitantes :: 2 Motores de busca

APOllO, Holkis, iScroll, Kyko, MateusAnjosV, rlmac, Shinra

[ 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 : 17
Pontos Ativos : 27

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4449

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 8

Masculino
Inscrito dia : 03/03/2013
Mensagens : 108
Pontos Ativos : 175

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

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