Como personalizar a opção spoiler?

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

Painel de Controle Visualização Imagens e Cores Cores 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;
}

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?

Up 24 horas...

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

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.

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

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
https://ajuda.forumeiros.com/t35499-
Cordialmente.

Valeu!