Spoiler e Code Personalizados

2 participantes

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

Tópico resolvido Spoiler e Code Personalizados

Mensagem por Ryuuzaki' 06.05.12 3:03

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: Spoiler e Code Personalizados EGpbb)
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:
Spoiler e Code Personalizados EGpbb

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

Versão do meu fórum:
PHPBB3


Última edição por AzuraGamesBrasil em 07.05.12 0:19, editado 1 vez(es)
Ryuuzaki'

Ryuuzaki'
*

Membro desde : 28/04/2012
Mensagens : 40
Pontos : 61

http://www.azuragamesbrasil.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler e Code Personalizados

Mensagem por Convidad 06.05.12 3:46

Olá,

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

Até mais.
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler e Code Personalizados

Mensagem por Ryuuzaki' 06.05.12 3:52

Ryuuzaki'

Ryuuzaki'
*

Membro desde : 28/04/2012
Mensagens : 40
Pontos : 61

http://www.azuragamesbrasil.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler e Code Personalizados

Mensagem por Convidad 06.05.12 4:00

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
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Spoiler e Code Personalizados

Mensagem por Ryuuzaki' 06.05.12 4:10

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: Spoiler e Code Personalizados EGpbb
Com o "Conteúdo oculto" também.
Ryuuzaki'

Ryuuzaki'
*

Membro desde : 28/04/2012
Mensagens : 40
Pontos : 61

http://www.azuragamesbrasil.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Spoiler e Code Personalizados

Mensagem por MateusV. 06.05.12 23:45

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

MateusV.
Membro Entusiasta
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: Spoiler e Code Personalizados

Mensagem por Ryuuzaki' 07.05.12 0:17

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
Ryuuzaki'

Ryuuzaki'
*

Membro desde : 28/04/2012
Mensagens : 40
Pontos : 61

http://www.azuragamesbrasil.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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