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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Gaaratsu
 
Daniel Yan
 
Ketholy
 
Eduardo Lima
 
Shek
 
ranzatti
 
cocas20
 
LucasPofahl
 

Quem está conectado
246 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 237 Visitantes :: 2 Motores de busca

Daniel Yan, DustyRhodes, idarkdg, iScroll, Ketholy, Lemon~, Lost154, Luiz, MateusAnjosV

[ 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 : 340
Pontos Ativos : 563

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

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 : 340
Pontos Ativos : 563

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

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

avatar

BichodoMato
Usuário avançado

Masculino
Inscrito dia : 06/07/2013
Mensagens : 340
Pontos Ativos : 563

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

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 : 340
Pontos Ativos : 563

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

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 : 340
Pontos Ativos : 563

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 : 16998
Pontos Ativos : 21289

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum