Spoiler e Code Personalizados

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

Resolvido Spoiler e Code Personalizados

Mensagem por Ryuuzaki' em 05/05/12, 11:03 pm

Qual é minha questão:
Olá,
Quero personalizar meu Spoiler e meu Code.
Mas não quero ambos iguais.
Poderiam fazer um código CSS de Spoiler (igual este: )
E outro código CSS de Code igual ao da FDF ?
Obs: Quero os códigos separados para que eu possa editá-los...

Agradecido desde já!

Medidas que eu tomei para corrigir o problema:
-

Links e imagens do meu problema:
Spoiler:


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

Versão do meu fórum:
PHPBB3


Última edição por AzuraGamesBrasil em 06/05/12, 08:19 pm, editado 1 vez(es)
avatar

Ryuuzaki'
Nível 5

Masculino
Inscrito dia : 28/04/2012
Mensagens : 40
Pontos Ativos : 61

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

Resolvido Re: Spoiler e Code Personalizados

Mensagem por Convidad em 05/05/12, 11:46 pm

Olá,

Poderia me mandar o link do fórum onde viu este spoiler? ;D

Até mais.

Convidad
Convidado


Resolvido Re: Spoiler e Code Personalizados

Mensagem por Ryuuzaki' em 05/05/12, 11:52 pm

avatar

Ryuuzaki'
Nível 5

Masculino
Inscrito dia : 28/04/2012
Mensagens : 40
Pontos Ativos : 61

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

Resolvido Re: Spoiler e Code Personalizados

Mensagem por Convidad em 06/05/12, 12:00 am

Olá,

Vá em: Painel de controle -> Visualização -> Cores -> Folha CSS.

No conteúdo, adicione:

Código:
dl.codebox {
width: 96%;
background-color: #ffffff;
border: 0px solid #d9e1ec;
padding: 5px 5px 5px;
}

dl.codebox code {
font-size: 12px;
color: #000000;
}

.codebox dd {
border: 1px solid #d9e1ec;
background-color: transparent;
}

.codebox dt {
border: 0px solid #d9e1ec;
background-color: transparent;
background-image: url("");
background-position: top left;
}
.spoiler {
border: 1px solid #d9e1ec;
padding: 5px 5px 5px;
}

.spoiler_content {
background-color: #ffffff;
border: 1px solid #d9e1ec;
padding: 5px 5px 5px;
margin-top: -6px;
}

.spoiler dt {
background-image: url(http://i66.servimg.com/u/f66/12/56/56/12/134.gif);
background-repeat: no-repeat;
background-color: Transparent;
}

.spoiler dd {
background-image: url(http://i66.servimg.com/u/f66/12/56/56/12/136.gif);
background-repeat: no-repeat;
background-position: 14px 2px;
}

Salve e visualize seu fórum.
Até mais. Piscada

Convidad
Convidado


Resolvido Re: Spoiler e Code Personalizados

Mensagem por Ryuuzaki' em 06/05/12, 12:10 am

Não era assim que eu queria amigo.
Ficou bom,
mas tem um detalhe.
Quero que o texto "SPOILER" e "CÓDIGO" fiquem dentro deles.
Exatamente igual a imagem:
Com o "Conteúdo oculto" também.
avatar

Ryuuzaki'
Nível 5

Masculino
Inscrito dia : 28/04/2012
Mensagens : 40
Pontos Ativos : 61

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

Resolvido Re: Spoiler e Code Personalizados

Mensagem por MateusV. em 06/05/12, 07:45 pm

Olá, substitua o codigo por este
Código:
dl.codebox {
width: 96%;
background-color: #ffffff;
border: 0px solid #d9e1ec;
padding: 5px 5px 5px;
}

dl.codebox code {
font-size: 12px;
color: #000000;
}

.codebox dd {
border: 1px solid #d9e1ec;
background-color: transparent;
}

.codebox dt {
border: 0px solid #d9e1ec;
background-color: transparent;
background-image: url("");
background-position: top left;
}
.spoiler {
border: 1px solid #d9e1ec;
padding: 5px 5px 5px;
}

.spoiler_content {
background-color: #ffffff;
border: 1px solid #d9e1ec;
padding: 5px 5px 5px;
margin-top: -6px;
}

.spoiler{
background-image: url(http://i66.servimg.com/u/f66/12/56/56/12/134.gif);
background-repeat: no-repeat;
background-color: Transparent;
}

.spoiler_content  {
background-image: url(http://i66.servimg.com/u/f66/12/56/56/12/136.gif);
background-repeat: no-repeat;
background-position: 14px 2px;
}

Até mais. Piscada
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: Spoiler e Code Personalizados

Mensagem por Ryuuzaki' em 06/05/12, 08:17 pm

Não está da forma que desejo.
Já informei como quero o "CODE"...
O spoiler está feio
Quero que as caixas do CODE e do SPOILER envolvam as palavras e,
O "conteúdo oculto" do Spoiler aparece sem ter que abri-lo para ver.

@Edit
Deixa pra lá.
Ninguém me entende mesmo, então que se dane.

Resolvido
avatar

Ryuuzaki'
Nível 5

Masculino
Inscrito dia : 28/04/2012
Mensagens : 40
Pontos Ativos : 61

Ver perfil do usuário http://www.azuragamesbrasil.forumeiros.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