Como personalizar a opção spoiler?

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

Resolvido Como personalizar a opção spoiler?

Mensagem por Joker™ em 09/03/12, 10:18 pm

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 ][ img ]Aqui fica o link da imagem[ /img ][ /spoiler ]"

Spoiler:
"[ spoiler ][ url ]Aqui fica o link de link mesmo ¬¬[ /url ][ /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
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como personalizar a opção spoiler?

Mensagem por iPrompt em 09/03/12, 11:04 pm

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;
}
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Como personalizar a opção spoiler?

Mensagem por Joker™ em 10/03/12, 02:18 pm

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

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como personalizar a opção spoiler?

Mensagem por Joker™ em 11/03/12, 04:16 pm

Up 24 horas...
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como personalizar a opção spoiler?

Mensagem por Joker™ em 12/03/12, 04:06 pm

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

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como personalizar a opção spoiler?

Mensagem por Gabe em 12/03/12, 11:26 pm

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

Gabe
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/01/2010
Mensagens : 5770
Pontos Ativos : 7546

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Como personalizar a opção spoiler?

Mensagem por Joker™ em 13/03/12, 08:37 pm

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

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como personalizar a opção spoiler?

Mensagem por MateusV. em 13/03/12, 08:40 pm

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: http://ajuda.forumeiros.com/t35499-
Cordialmente. Café
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como personalizar a opção spoiler?

Mensagem por Joker™ em 13/03/12, 08:51 pm

Valeu!
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.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