Personalizar o spoiler

4 participantes

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

Tópico resolvido Personalizar o spoiler

Mensagem por Sr.kakashi 13.01.12 13:33

Qual é minha questão:
Bom queria que vocês postassem aqui codigos do spoiler bonitos e atraentes em PUNBB
Se puderem fico grato

Medidas que eu tomei para corrigir o problema:
.........

Imagens do meu problema:
.......

Endereço do meu fórum:
EM TESTE

Versão do meu fórum:
PUNBB


Última edição por Sr.kakashi em 13.01.12 13:36, editado 1 vez(es)
Sr.kakashi

Sr.kakashi
***

Membro desde : 15/10/2011
Mensagens : 151
Pontos : 243

http://designerstyle.maisforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o spoiler

Mensagem por Cream 13.01.12 13:35

Olá,

Não tenho nenhum código comigo, mas recomendo que leia:
Flecha ajudeiros [TUTORIAL] Personalização de cores do Spoiler

Até mais!
Cream

Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o spoiler

Mensagem por Sr.kakashi 13.01.12 13:37

Vou dar uma lidinha,mas deixa aberto vou ver se alguém tem ok
Sr.kakashi

Sr.kakashi
***

Membro desde : 15/10/2011
Mensagens : 151
Pontos : 243

http://designerstyle.maisforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o spoiler

Mensagem por Convidad 13.01.12 14:30

Olá,

Há várias maneiras de personalizar o spoiler, se você quiser, nos mostre exemplos de como gostaria que ele fosse.

Se quiser, poderá procurar aqui no fórum dos fóruns, existem muitos códigos já prontos. Piscada

Fiz um simples aqui :

Código:

dl.codebox  {
  border: 1px solid #FFFFFF;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #A68585;
    text-align: center;
}

Coloque em sua folha css (Painel de controle -> Visualização -> Cores -> "Aba" Folha CSS)

Até mais.
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o spoiler

Mensagem por Sr.kakashi 13.01.12 15:13

Gostei do seu touks,mas não gostei das cores(que ficaram por fora vermelho e por dentro amarelo),e pelo que vi não a classe par modificar essa tal cor ,poderia modificar para mim
Sr.kakashi

Sr.kakashi
***

Membro desde : 15/10/2011
Mensagens : 151
Pontos : 243

http://designerstyle.maisforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o spoiler

Mensagem por Dury 13.01.12 17:14

Olá,

Tente com esse código:
dl.codebox {
border: 1px solid #FFFFFF;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 5px 5px #A68585;
text-align: center;
color: #A68585
}
Dury

Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o spoiler

Mensagem por Sr.kakashi 13.01.12 19:17

Continuo com as mesmas cores, personalizei um e também ficou com as cores que eu falei(amarelo claro e vermelho claro)
Sr.kakashi

Sr.kakashi
***

Membro desde : 15/10/2011
Mensagens : 151
Pontos : 243

http://designerstyle.maisforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o spoiler

Mensagem por Dury 13.01.12 20:32

Poderia me fornecer o endereço de seu fórum ao qual está a modificar este quesito do tema?
Dury

Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o spoiler

Mensagem por Sr.kakashi 13.01.12 21:24

Sr.kakashi

Sr.kakashi
***

Membro desde : 15/10/2011
Mensagens : 151
Pontos : 243

http://designerstyle.maisforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o spoiler

Mensagem por Thor 13.01.12 21:28

Olá, aqui está:
Código:
.spoiler{-moz-border-radius:5px;-moz-box-shadow:1px 1px 5px #9C9C9C;-webkit-border-radius:5px;-webkit-box-shadow:1px 1px 5px #9C9C9C;background:url(http://img856.imageshack.us/img856/9895/barra2z.png) no-repeat top right;
}

.spoiler dt{background-image:url(http://img856.imageshack.us/img856/9895/barra2z.png);
background-position:top right;
background-repeat:repeat-x;
display:block;
font-size:13px;
font-style:normal;
margin:-0;padding:3px}

Resulto(a)? Seja educado e agradeça com um Obrigado botão logo acima!
Thor

Thor
Membro

Membro desde : 16/11/2011
Mensagens : 627
Pontos : 932

http://www.techarte.co.cc/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o spoiler

Mensagem por Dury 13.01.12 21:37

Olá,

Tente com este CSS:
Código:
.spoiler_content {
border: 1px solid #FFFFFF;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 5px 5px #A68585;
text-align: center;
color: #A68585
   }
.spoiler_content.hidden {
border: 1px solid #FFFFFF;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 5px 5px #A68585;
text-align: center;
color: #A68585
   }
Dury

Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o spoiler

Mensagem por Sr.kakashi 13.01.12 22:41

Gostei do seu Mr.King,mas so teve um defeito,a parte de dentro ficou amarela,e Jeffrey continua na mesma com as cores vermelho e amarelo no spoiler
No aguardo
Até aqui grato^^
Sr.kakashi

Sr.kakashi
***

Membro desde : 15/10/2011
Mensagens : 151
Pontos : 243

http://designerstyle.maisforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar o spoiler

Mensagem por Sr.kakashi 14.01.12 18:04

Ja resolvi aqui ^^
Muito abrigado a todos
(isso não seria double post pois ja faz tempo da minha ultima mensagem)
Pode fechar
Sr.kakashi

Sr.kakashi
***

Membro desde : 15/10/2011
Mensagens : 151
Pontos : 243

http://designerstyle.maisforum.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos