Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Code box, ajude-ma pls
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Code box, ajude-ma pls
Qual é minha questão:
Quero retirar esse fundo preto e colocar todas as bordas arredondadas.
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
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)
Re: Code box, ajude-ma pls
Olá querido,
Tente substituir o código atual por este:
Até mais.
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.
Re: Code box, ajude-ma pls
Olá querido,
Substitua por este:
Até mais.
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.
Re: Code box, ajude-ma pls
Saudações!
Troque teu código pelo abaixo:
Até mais!
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!
Re: Code box, ajude-ma pls
Olá,
Junto ao código de Mikéé, adicione este código:
Até mais.
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.
Re: Code box, ajude-ma pls
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
Esta linha ai na imagem:
E gostaria de colocar o título do spoiler #820000
Re: Code box, ajude-ma pls
Olá querido,
Procure no teu CSS por este código:
Se não achar, adicione este:
Até mais.
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.
Tópicos semelhantes
» Ajude - me
» Me ajude com o chatbox
» Me ajude por favor
» Ajude arrumar bug no forum pff
» Ajude-me com a página inicial
» Me ajude com o chatbox
» Me ajude por favor
» Ajude arrumar bug no forum pff
» Ajude-me com a página inicial
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos