Como personalizar a opção spoiler?

4 participantes

Ir para baixo

Tópico resolvido Como personalizar a opção spoiler?

Mensagem por Joker™ 10.03.12 1:18

Qual é minha questão:
Seguinte quero deixar os meus spoiler's tipo o desse fórum, arredondado nas pontas, e com uma cor de fundo.

Link.

Também quero saber se tem como eu colocar no botão spoiler uma opção para escolher o tipo de arquivo que vai fiar dentro.

Ex: Ao clicar em adicionar spoiler, você pode clicar em imagem ou em url, assim se for imagem vai aparecer um código automaticamente, tipo

Spoiler:

Spoiler:


Senão poder fazer isso, ou se poder, eu também quero saber, como fazer para quando a pessoa clicar em adicionar spoiler, apareca um spoiler tipo, sei la, um parecido com esse do fórum que tem opção selecionar.

Senão tiver como fazer isso mas tiver algum código para essas opções podem por também... Menos a do meio eu já sei (--' Avah...).

Desde já obrigado a todos.

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Links e imagens do meu problema:
No tienes, senior...

Endereço do meu fórum:
Tudaki.SuperForum.Pro

Versão do meu fórum:
PHPBB3
Joker™
Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a opção spoiler?

Mensagem por Roevs 10.03.12 2:04

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

Adicione este código abaixo

Código:
.codebox {
background-attachment: scroll;
background-color: #FFFEE6;
background-image: none;
border-bottom-color: #CCC;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-left-color: #CCC;
border-left-style: dotted;
border-left-width: 1px;
border-right-color: #CCC;
border-right-style: dotted;
border-right-width: 1px;
border-top-color: #CCC;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: dotted;
border-top-width: 1px;
color: black;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 46px;
line-height: 15px;
margin-bottom: 12px;
margin-left: 12px;
margin-right: 12px;
margin-top: 12px;
min-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: center;
width: 655px;
}

dl.codebox.spoiler {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 8px;
}
* {
margin: 0;
padding: 0;
}
stylesheetdl {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
Inherited from div
Style Attribute {
text-align: center;
}
.pun div, .pun td, .sig-line {
color: ##CCC;
}
.pun div, .pun td, .sig-line {
color: ##CCC;
}
.pun {
line-height: 130%;
}
body {
color: black;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
}
.codebox dd {
background-color: #FFFEE6;
margin: .5em;
padding: .5em;
}
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a opção spoiler?

Mensagem por Joker™ 10.03.12 17:18

Funcionar funcionou, mas ficou cortando igual nesse fórum aqui por exemplo alguns spoilers... Tem como redimensionar o tamanho do spoiler?

Onde é?

E como faz aquele tipo de spoiler com botão selecionar?
Joker™
Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a opção spoiler?

Mensagem por Joker™ 11.03.12 19:16

Up 24 horas...
Joker™
Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a opção spoiler?

Mensagem por Joker™ 12.03.12 19:06

Qual parte é só pra borda? Posta ai que eu já achei a area pra por eu só quero a borda, pode ser?
Joker™
Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a opção spoiler?

Mensagem por Gabe 13.03.12 2:26

Olá!

Tente fixar uma questão por tópico para facilitar o suporte por favor.

Poderia ser mais específico na sua primeira questão?

Abraço.
Gabe
Gabe
Membro Entusiasta

Membro desde : 10/01/2010
Mensagens : 5769
Pontos : 7547

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a opção spoiler?

Mensagem por Joker™ 13.03.12 23:37

Como fazer um spoiler tipo aquele do site, mas diferente na cor, a minha escolha?
Joker™
Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a opção spoiler?

Mensagem por MateusV. 13.03.12 23:40

Olá, adicione este codigo e seu CSS
Código:
.codebox {
background-attachment: scroll;
background-color: #FFFEE6;
background-image: none;
border-bottom-color: #CCC;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-left-color: #CCC;
border-left-style: dotted;
border-left-width: 1px;
border-right-color: #CCC;
border-right-style: dotted;
border-right-width: 1px;
border-top-color: #CCC;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top-style: dotted;
border-top-width: 1px;
color: black;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 46px;
line-height: 15px;
margin-bottom: 12px;
margin-left: 12px;
margin-right: 12px;
margin-top: 12px;
min-width: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: center;
width: 655px;
}

dl.codebox.spoiler {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 8px;
}
.codebox dd {
background-color: #FFFEE6;
margin: .5em;
padding: .5em;
}
Caso queira saber como editar as cores, leia este tutorial
:seta2: https://ajuda.forumeiros.com/t35499-
Cordialmente. Café
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar a opção spoiler?

Mensagem por Joker™ 13.03.12 23:51

Valeu!
Joker™
Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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