Code box, ajude-ma pls

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

Atendido / Resolvido Code box, ajude-ma pls

Mensagem por ViniciusVX em 22.03.13 3:05

Qual é minha questão:
Quero retirar esse fundo preto e colocar todas as bordas arredondadas.
 
Código:
/*QUOTE SPOILER E CODE*/
blockquote {
    background-image: url(http://i72.servimg.com/u/f72/17/35/69/53/2013-070.png);
    border: 5px 5px 5px 5px radius #ffffff;
    border-radius: 0 5px 5px 5px;
    font-size: 0.95em;
    margin: 1em 1px 1em 25px;
    overflow: hidden;
    padding: 5px;
}




dl.codebox {
    background-image: url(http://i72.servimg.com/u/f72/17/35/69/53/2013-070.png);
    border: 1px solid #000000;
    border: 5px 5px 5px 5px radius #ffffff;;
    font-size: 1em;
    padding: 3px;
}




dl.codebox dt {
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    display: block;
    font-size: 0.8em;
    font-weight: 700;
    margin-bottom: 3px;
    text-transform: uppercase;
}

Quero que o fundo todo seja daquela imagem, e bordas arredondadas em contorno

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

Versão do fórum:
PHPBB3


Última edição por ViniciusVX em 22.03.13 16:04, editado 1 vez(es)
ViniciusVX

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 08/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Atendido / Resolvido Re: Code box, ajude-ma pls

Mensagem por Konai em 22.03.13 3:13

Olá querido,

Tente substituir o código atual por este:
Código:
/*QUOTE SPOILER E CODE*/
blockquote {
    background-image: url(http://i72.servimg.com/u/f72/17/35/69/53/2013-070.png) !important;
    border: 5px 5px 5px 5px radius #ffffff;
    border-radius: 0 5px 5px 5px;
    font-size: 0.95em;
    margin: 1em 1px 1em 25px;
    overflow: hidden;
    padding: 5px;
}




dl.codebox {
    background-image: url(http://i72.servimg.com/u/f72/17/35/69/53/2013-070.png) !important;
    border: 1px solid #000000;
    border-radius: 5px 5px 5px 5px #ffffff;;
    font-size: 1em;
    padding: 3px;
}




dl.codebox dt {
    border-bottom: 1px 1px 1px 1px radius #ffffff;
    color: #ffffff;
    display: block;
    font-size: 0.8em;
    font-weight: 700;
    margin-bottom: 3px;
    text-transform: uppercase;
}

Até mais. Piscada
Konai

Konai
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6034
Pontos Ativos : 7532

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

Atendido / Resolvido Re: Code box, ajude-ma pls

Mensagem por ViniciusVX em 22.03.13 3:17

não deu certo
ViniciusVX

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 08/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Atendido / Resolvido Re: Code box, ajude-ma pls

Mensagem por Konai em 22.03.13 3:20

Olá querido,

Poderia me mandar um tópico que há quote e code?

Até mais. Piscada
Konai

Konai
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6034
Pontos Ativos : 7532

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

Atendido / Resolvido Re: Code box, ajude-ma pls

Mensagem por ViniciusVX em 22.03.13 3:31

ViniciusVX

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 08/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Atendido / Resolvido Re: Code box, ajude-ma pls

Mensagem por Konai em 22.03.13 3:39

Olá querido,

Substitua por este:
Código:
/*QUOTE SPOILER E CODE*/
blockquote {
    background-image: url(http://i72.servimg.com/u/f72/17/35/69/53/2013-070.png) !important;
    border: 5px 5px 5px 5px radius #ffffff;
    border-radius: 0 5px 5px 5px;
    font-size: 0.95em;
    margin: 1em 1px 1em 25px;
    overflow: hidden;
    padding: 5px;
}




dl.codebox {
    background-image: url(http://i72.servimg.com/u/f72/17/35/69/53/2013-070.png) !important;
    border: 1px solid #000000;
    border-radius: 5px 5px 5px 5px #ffffff;;
    font-size: 1em;
    padding: 3px;
}




dl.codebox dt {
    background-image: url(http://i72.servimg.com/u/f72/17/35/69/53/2013-070.png) !important;
    border-bottom: 1px 1px 1px 1px radius #ffffff;
    color: #ffffff;
    display: block;
    font-size: 0.8em;
    font-weight: 700;
    margin-bottom: 3px;
    text-transform: uppercase;
}

Até mais. Piscada
Konai

Konai
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6034
Pontos Ativos : 7532

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

Atendido / Resolvido Re: Code box, ajude-ma pls

Mensagem por Sennior em 22.03.13 13:35

Saudações!

Troque teu código pelo abaixo:

Código:
dl.codebox {
background-image: url(http://i72.servimg.com/u/f72/17/35/69/53/2013-070.png);
border: 5px 5px 5px 5px radius #fff;
font-size: 1em;
padding: 3px;
border-radius: 13px;
}
.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
max-width: 660px;
}.postmain blockquote {
background-color: #fff;
border: 1px solid #ddd;
padding: .5em 1em;
border-radius: 8px;
}
blockquote {
background-image: url(http://i72.servimg.com/u/f72/17/35/69/53/2013-070.png);
border: 5px 5px 5px 5px radius #fff;
border-radius: 0 5px 5px 5px;
font-size: .95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
padding: 5px;
}

Até mais! Muito feliz
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16369
Pontos Ativos : 20874

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Code box, ajude-ma pls

Mensagem por ViniciusVX em 22.03.13 15:43

Mikéé o seu ficou perfeito mas ainda esta com um retângulo preto!

Code box, ajude-ma pls 2013-077
ViniciusVX

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 08/04/2012
Mensagens : 306
Pontos Ativos : 449

Ver perfil do usuário http://mermoraonline.forumeiros.com/portal
  • 0

Atendido / Resolvido Re: Code box, ajude-ma pls

Mensagem por Konai em 22.03.13 15:46

Olá,

Junto ao código de Mikéé, adicione este código:
Código:
.spoiler_content.hidden {
background-image: url(http://i72.servimg.com/u/f72/17/35/69/53/2013-070.png);
display: block;
}
.spoiler_content {
background-image: url(http://i72.servimg.com/u/f72/17/35/69/53/2013-070.png);
color: #10pt;
}

Até mais. Piscada
Konai

Konai
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6034
Pontos Ativos : 7532

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

Atendido / Resolvido Re: Code box, ajude-ma pls

Mensagem por ViniciusVX em 22.03.13 15:54

Tem uma linha no spoiler, uma linha clara, gostaria de remove-la...

Esta linha ai na imagem:
Code box, ajude-ma pls 2013-078

E gostaria de colocar o título do spoiler #820000
ViniciusVX

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 08/04/2012
Mensagens : 306
Pontos Ativos : 449

Ver perfil do usuário http://mermoraonline.forumeiros.com/portal
  • 0

Atendido / Resolvido Re: Code box, ajude-ma pls

Mensagem por Konai em 22.03.13 15:59

Olá querido,

Procure no teu CSS por este código:
Código:
dl.codebox dt {
border-bottom: 1px solid #CCC;
display: block;
font-size: .8em;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
}

Se não achar, adicione este:
Código:
dl.codebox dt {
border-bottom: none !important;
display: block;
font-size: .8em;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
}

Até mais. Piscada
Konai

Konai
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6034
Pontos Ativos : 7532

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

Atendido / Resolvido Re: Code box, ajude-ma pls

Mensagem por ViniciusVX em 22.03.13 16:04

Vlw!
ViniciusVX

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 08/04/2012
Mensagens : 306
Pontos Ativos : 449

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum