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
» Plaquinhas de Rank para o meu Fórum
Hoje à(s) 07:41 pm por Lost154

» Publicidade bugada
Hoje à(s) 07:31 pm por virus

» Templates/CSS
Hoje à(s) 07:10 pm por Taxy_InSaniTy

» Painel moderativo para moderadores
Hoje à(s) 07:01 pm por virus

» Aparência do fórum
Hoje à(s) 06:30 pm por Taxy_InSaniTy

» Personalizar Likes
Hoje à(s) 05:47 pm por iScroll

» Preciso de uma logo
Hoje à(s) 04:45 pm por Tiger

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
269 usuários online :: 9 usuários cadastrados, 1 Invisível e 259 Visitantes :: 2 Motores de busca

[K]oke, Bruno_Vilhena, Carlos Rodrigues, EDU2010, Hancki, iScroll, Lost154, Try, virus

[ Ver toda a lista ]


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

Alterar exibição de spoiler para tipo Pergaminho Naruto

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

Resolvido Alterar exibição de spoiler para tipo Pergaminho Naruto

Mensagem por BichodoMato em 17/12/14, 02:08 am

Detalhes da dúvida

Versão do fórum : phpBB2
Nível de acesso : Administrador
Navegador usado : Opera
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://naruto-survival.forumeiros.com

Descrição do problema

Quero alterar o modo como o spoiler aparece em meu fórum, tem como transformar isso?

Minha intenção é deixar ele parecendo um pergaminho, que abre assim que clicado em cima do "rolo", como esse daqui:


Aqui tem as imagens dos pergaminhos:
Rolo fechado: http://i39.servimg.com/u/f39/19/08/53/62/perg210.png
Rolo aberto: http://i39.servimg.com/u/f39/19/08/53/62/perg10.png

Agradeço.
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 334
Pontos Ativos : 556

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Alterar exibição de spoiler para tipo Pergaminho Naruto

Mensagem por Sennior em 17/12/14, 01:45 pm

Saudações,

No caso o senhor viu esta função em algum fórum?
Se sim, mande-me o link referente ao fórum ao qual viu o efeito.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterar exibição de spoiler para tipo Pergaminho Naruto

Mensagem por BichodoMato em 18/12/14, 03:10 pm

Não :/
Não que fosse parecido com isso.

Existe alguma maneira de alterar o template do spoiler? Tenho a intenção, como já disse, de deixá-lo em forma de pergaminho. Agredeço se puder ajudar! Falou o/
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 334
Pontos Ativos : 556

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Alterar exibição de spoiler para tipo Pergaminho Naruto

Mensagem por Sennior em 18/12/14, 06:39 pm

Boas,

Sim amigo, isto eu compreendi.
No caso eu desejo a imagem do pergaminho, para que eu possa fazer as alterações. Necessito do pergaminho da imagem aberta e a imagem do pergaminho fechado.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterar exibição de spoiler para tipo Pergaminho Naruto

Mensagem por BichodoMato em 19/12/14, 12:01 am

Ah sim, ta aqui:

Pergaminho fechado: http://i39.servimg.com/u/f39/19/08/53/62/perg210.png
Pergaminho aberto: http://i39.servimg.com/u/f39/19/08/53/62/perg10.png
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 334
Pontos Ativos : 556

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Alterar exibição de spoiler para tipo Pergaminho Naruto

Mensagem por Sennior em 19/12/14, 01:52 am

Olá amigo,

Veja este código:
Código:
dl.codebox.spoiler {
background: url(http://i39.servimg.com/u/f39/19/08/53/62/perg210.png) #F2EFEF;
padding: 26px;
background-repeat: no-repeat;
}

Coloque ele no teu CSS e verá.
O senhor precisa me dar uma imagem em PNG sem o fundo branco. Peça na seção gráfica para que retirem o fundo branco das duas imagens.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterar exibição de spoiler para tipo Pergaminho Naruto

Mensagem por BichodoMato em 19/12/14, 07:46 pm

Pronto. Consegui pegar as imagens com fundo transparente:

Aberto: http://i.imgur.com/8aFYwA8.png
Fechado: http://i.imgur.com/NmfnmDL.png

Se puder já colocá-las no código, de modo que o título do spoiler fique dentro da parte transparente do rolo do pergaminho e me dizer bem em que parte da minha Folha de estilo CSS devo implementar, vou agradecer e dar a ajuda por finalizada. Valeu! Muito feliz
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 334
Pontos Ativos : 556

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Alterar exibição de spoiler para tipo Pergaminho Naruto

Mensagem por Sennior em 20/12/14, 03:08 pm

Saudações! Muito feliz

Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
dl.codebox.spoiler {
background: url(http://i.imgur.com/NmfnmDL.png);
background-repeat: no-repeat;
padding: 109px 65px 0 10px;
}
.spoiler_content {
position: relative;
background-position-x: 0px;
top: -21px;
left: -11px;
}
.spoiler_content {
background-image: url(http://i39.servimg.com/u/f39/19/08/53/62/oie_kb12.png);
background-repeat: repeat-y;
color: #10pt;
padding: 20px 78px 40px 63px;
text-align: justify;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterar exibição de spoiler para tipo Pergaminho Naruto

Mensagem por BichodoMato em 22/12/14, 03:58 am

Ok
Deu uma boa ajuda, valeu!

Pode encerrar o/
avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 334
Pontos Ativos : 556

Ver perfil do usuário http://naruto-survival.forumeiros.com

Resolvido Re: Alterar exibição de spoiler para tipo Pergaminho Naruto

Mensagem por Shek em 25/12/14, 11:16 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16833
Pontos Ativos : 21175

Ver perfil do usuário http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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