Code box, ajude-ma pls

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

Resolvido Code box, ajude-ma pls

Mensagem por ViniciusVX em 22/03/13, 12:05 am

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, 01:04 pm, editado 1 vez(es)
avatar

ViniciusVX
Usuário avançado

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

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

Resolvido Re: Code box, ajude-ma pls

Mensagem por Gaaratsu em 22/03/13, 12:13 am

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


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: Code box, ajude-ma pls

Mensagem por ViniciusVX em 22/03/13, 12:17 am

não deu certo
avatar

ViniciusVX
Usuário avançado

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

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

Resolvido Re: Code box, ajude-ma pls

Mensagem por Gaaratsu em 22/03/13, 12:20 am

Olá querido,

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

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: Code box, ajude-ma pls

Mensagem por ViniciusVX em 22/03/13, 12:31 am

avatar

ViniciusVX
Usuário avançado

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

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

Resolvido Re: Code box, ajude-ma pls

Mensagem por Gaaratsu em 22/03/13, 12:39 am

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


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/
  • 0

Resolvido Re: Code box, ajude-ma pls

Mensagem por Sennior em 22/03/13, 10:35 am

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Code box, ajude-ma pls

Mensagem por ViniciusVX em 22/03/13, 12:43 pm

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

avatar

ViniciusVX
Usuário avançado

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

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

Resolvido Re: Code box, ajude-ma pls

Mensagem por Gaaratsu em 22/03/13, 12:46 pm

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


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: Code box, ajude-ma pls

Mensagem por ViniciusVX em 22/03/13, 12:54 pm

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

Esta linha ai na imagem:


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

ViniciusVX
Usuário avançado

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

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

Resolvido Re: Code box, ajude-ma pls

Mensagem por Gaaratsu em 22/03/13, 12:59 pm

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


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: Code box, ajude-ma pls

Mensagem por ViniciusVX em 22/03/13, 01:04 pm

Vlw!
avatar

ViniciusVX
Usuário avançado

Masculino
Inscrito dia : 07/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

- Tópicos similares

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