Deixar a borda de code, spoiler e quote de acordo com a modificação do spoiler

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

Resolvido Deixar a borda de code, spoiler e quote de acordo com a modificação do spoiler

Mensagem por Koelho em 17/03/13, 04:37 pm

Qual é minha questão:
Eu fiz esta modificação que eu pedi aqui:
http://ajuda.forumeiros.com/t76805-modificacao-spoiler-code-e-quote

Gostaria de saber agora como fazer a borda do spoiler ficar envolta daquilo, pois assim fica um pouco estranho, mas acredito que tenha como, já que o fórum que eu peguei como base para isso tem isto.

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

Versão do fórum:
PHPBB3


Última edição por Koelho em 17/03/13, 05:10 pm, editado 1 vez(es)
avatar

Koelho
Nível 3

Masculino
Inscrito dia : 17/03/2013
Mensagens : 23
Pontos Ativos : 37

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

Resolvido Re: Deixar a borda de code, spoiler e quote de acordo com a modificação do spoiler

Mensagem por Gaaratsu em 17/03/13, 04:42 pm

Olá querido,

Não compreendi. Poderia especificar-se?

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Deixar a borda de code, spoiler e quote de acordo com a modificação do spoiler

Mensagem por Koelho em 17/03/13, 04:48 pm

O Spoiler está normal, mas tem uma borda dele que vai para fora da imagem, eu queria que ela fosse por volta da imagem assim, como no exemplo:
http://i.imgur.com/WhPhM18.png
avatar

Koelho
Nível 3

Masculino
Inscrito dia : 17/03/2013
Mensagens : 23
Pontos Ativos : 37

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

Resolvido Re: Deixar a borda de code, spoiler e quote de acordo com a modificação do spoiler

Mensagem por Gaaratsu em 17/03/13, 04:50 pm

Olá querido,

Mas noutro tópico já lhe passei o código que dava o mesmo efeito. Qual é o problema quanto à isto?

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Deixar a borda de code, spoiler e quote de acordo com a modificação do spoiler

Mensagem por Koelho em 17/03/13, 04:57 pm

Era porque no meu fica uma borda envolta depois dá uma olhada
http://constructbr.forumeiros.com/t2-regras-gerais-do-forum

Se não tiver como tudo bem isso é bobeira =D
avatar

Koelho
Nível 3

Masculino
Inscrito dia : 17/03/2013
Mensagens : 23
Pontos Ativos : 37

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

Resolvido Re: Deixar a borda de code, spoiler e quote de acordo com a modificação do spoiler

Mensagem por Gaaratsu em 17/03/13, 05:00 pm

Olá novamente querido,

Substitua o seu código:
Código:
dl.codebox {
background-color: #fff;
border: 1px solid #c9d2d8;
border-bottom: 1px solid #c9d2d8;
border-image: initial;
border-radius: 7px;
font-size: 1em;
padding: 3px;
}

Para este:
Código:
dl.codebox {
background-color: #fff;
border: 1px solid #c9d2d8;
border-bottom: 1px solid #c9d2d8;
border-image: initial;
border-radius: 7px;
font-size: 1em;
padding: 0px;
}

Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Deixar a borda de code, spoiler e quote de acordo com a modificação do spoiler

Mensagem por Koelho em 17/03/13, 05:07 pm

Muito Obrigado! ficou perfeito
avatar

Koelho
Nível 3

Masculino
Inscrito dia : 17/03/2013
Mensagens : 23
Pontos Ativos : 37

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

Resolvido Re: Deixar a borda de code, spoiler e quote de acordo com a modificação do spoiler

Mensagem por Gaaratsu em 17/03/13, 05:17 pm

Olá novamente querido,

Para o "QUOTE(Citação)" adicione este código na tua CSS:
blockquote {
background-color: #fff;
border: 1px solid #c9d2d8;
border-bottom: 1px solid #c9d2d8;
border-image: initial;
border-radius: 7px;
font-size: 1em;
padding: 0px;
}
blockquote dt {
background-image: url(http://i74.servimg.com/u/f74/18/18/29/75/th/fundoc10.png);
border-radius: 7px;
padding-left: 8px;
}
Até mais. Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Deixar a borda de code, spoiler e quote de acordo com a modificação do spoiler

Mensagem por Koelho em 17/03/13, 05:22 pm

Valeu! Depois vou dar uma mexida no Menu xP
avatar

Koelho
Nível 3

Masculino
Inscrito dia : 17/03/2013
Mensagens : 23
Pontos Ativos : 37

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