Spoiler igual ao fdf

Qual é minha questão:
Eu quero o código que o FdF Fórum dos Fóruns utiliza para o Spoiler alguém poderia me passar

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://testeversion.forumeiros.com/

Versão do meu fórum:
PUNBB

Olá!

Leia este tópico para auxilia-lo em sua questão:

https://ajuda.forumeiros.com/t62436-

Até logo.

Tópico movido de 'Questões sobre o painel de controle do fórum' para 'Questões sobre a aparência do fórum'

Dr.House não resultou
Alguém me ajuda

Olá,

Aceda à Tua "Folha de estilo CSS":

Código:

dl.codebox {
border: 1px solid #C9D2D8;
padding: 3px;
}
dl.codebox dt {
background: transparent url(https://i.servimg.com/u/f42/09/02/12/09/script10.png) no-repeat scroll 0px 0px;
border: 0px none;
}

Valide.

Não resultou Dr.House

Alguém me ajuda HELP

Olá!

Leia o tópico abaixo:

https://ajuda.forumeiros.com/t57872-

Até mais!

Dr.House minha versão é PunBB e a de la é PhpBB3

Alguém me passa o Spoiler igual ao fdf para versão PunBB

Olá!

Aqui está tente este:

Código:

dl.codebox dt {
background: transparent url(http://cdn1.iconfinder.com/data/icons/silk2/script_code.png) no-repeat scroll 0px 0px;
color: #0372BE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom: 0px;
padding-left: 22px;
padding-right: 0px;
padding-top: 0px;
text-transform: none;
}

Se não resultar peço que me mande seu CSS.

Até logo.

cara não foi olha para você ver
http://testeversion.forumeiros.com/t1-

Alguém me ajuda por favor

Olá StyLe.

Peço que me mande seu CSS, por gentileza.

Até mais!

Sim claro aqui estar meu CSS

Código:

.pun table.table th {background-color: transparent !important;}

.postbody .user{
  margin-bottom:1em;
    overflow:visible;
}
.postbody .user .user-info span{display:table !important; float:left;}
.postbody .user .user-info{
    width:350px;
        border: 1px dashed #333;
    display:none;
        top: 20px;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        padding: 5px;
}

.postbody .user:hover .user-info{
    z-index: 9;
        left: 100%;
    display:block;
}
.postbody .user .user-info span {
color: #333;
font-weight: bold;
}
dl.codebox dt {
background: transparent url(http://cdn1.iconfinder.com/data/icons/silk2/script_code.png) no-repeat scroll 0px 0px;
color: #0372BE;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding-bottom: 0px;
padding-left: 22px;
padding-right: 0px;
padding-top: 0px;
text-transform: none;
}

Me ajuda

Boas!

Troque teu CSS por este:

Código:


.codebox.spoiler {
border: 1px solid #C9D2D8;
padding: 3px;
}
dl.codebox dt {
background: transparent url(http://i42.servimg.com/u/f42/09/02/12/09/script10.png) no-repeat scroll 0px 0px;
border: 0px none;
}


.pun table.table th {background-color: transparent !important;}

.postbody .user{
  margin-bottom:1em;
    overflow:visible;
}
.postbody .user .user-info span{display:table !important; float:left;}
.postbody .user .user-info{
    width:350px;
        border: 1px dashed #333;
    display:none;
        top: 20px;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        padding: 5px;
}

.postbody .user:hover .user-info{
    z-index: 9;
        left: 100%;
    display:block;
}
.postbody .user .user-info span {
color: #333;
font-weight: bold;
}


Até logo.

Cara não resultou

Alguém me ajuda por favor

Olá!

Adicione mais este código em seu CSS:

Código:

dl.codebox dt {
background: transparent url(http://i42.servimg.com/u/f42/09/02/12/09/script10.png) no-repeat scroll 0px 0px;
border: 0px none;
padding-left: 30px;
color: #0085C4;
font-weight: bold;
background-color: white;
}
.codebox {
background-color: white !important;
border: 1px dotted #BFE4FF;
margin: 1em;
}
.codebox dd {
background-color: white;
}
.spoiler_content.hidden {
background: white;
}

Abraços.

Cara resultou mais olha como ficou quero o tamanho da Spoiler do tamanho da FDF

Olá!

Não há como ficar exatamente igual, já que ambos foram construídos de formas diferentes. O máximo que podemos chegar perto é o modo que está agora.

Abraços.

ok então