Como deixar arredondada a caixa de spoiler, tables etc..
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe •
Como deixar arredondada a caixa de spoiler, tables etc..
Qual é minha questão:
tipo quero deixar as borda da caixa de spoiler, quote, tables essas coisas arredondad como nessa imagem: http://i.imgur.com/BzZKU.png
Medidas que eu tomei para corrigir o problema:
..
Links e imagens do meu problema:
..
Endereço do meu fórum:
rotamsf.forumeiros.com/
Versão do meu fórum:
PHPBB3
tipo quero deixar as borda da caixa de spoiler, quote, tables essas coisas arredondad como nessa imagem: http://i.imgur.com/BzZKU.png
Medidas que eu tomei para corrigir o problema:
..
Links e imagens do meu problema:
..
Endereço do meu fórum:
rotamsf.forumeiros.com/
Versão do meu fórum:
PHPBB3
David Ferreira- Nível 7
-
Inscrito dia : 30/03/2012
Mensagens : 90
Pontos Ativos : 138
Re: Como deixar arredondada a caixa de spoiler, tables etc..
Me passa o link do fórum aonde viu isso ?
iPrompt- Principal contribuidor
-
Inscrito dia : 10/02/2012
Mensagens : 5404
Pontos Ativos : 6917
David Ferreira- Nível 7
-
Inscrito dia : 30/03/2012
Mensagens : 90
Pontos Ativos : 138
Re: Como deixar arredondada a caixa de spoiler, tables etc..
Olá, aceda ao seu
Aba 'Folha de estilo CSS', cole o codigo e salve.
Cordialmente.
Painel de controleVisualização
IMagens e Cores
Cores

- Código:
dl.codebox {
border: 1px solid #008AE6;
padding: 6px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
}
dl.codebox {
background-color: white;
border: 1px solid #C9D2D8;
font-size: 1em;
padding: 3px;
}
Cordialmente.

MateusV.- Principal contribuidor
- Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289
Re: Como deixar arredondada a caixa de spoiler, tables etc..
Adiciona este código em sua Folha de estilo CSS
- Código:
dl.codebox {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #008AE6;
}
.codebox {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #008AE6;
}
blockquote {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #008AE6;
}
iPrompt- Principal contribuidor
-
Inscrito dia : 10/02/2012
Mensagens : 5404
Pontos Ativos : 6917
Re: Como deixar arredondada a caixa de spoiler, tables etc..
o do coper fico redondo de mais..
o do mateus saiu perfeito. menos ou "quote", por que o "quote" continua quadrado.. te como arrumar ai ?
o do mateus saiu perfeito. menos ou "quote", por que o "quote" continua quadrado.. te como arrumar ai ?
David Ferreira- Nível 7
-
Inscrito dia : 30/03/2012
Mensagens : 90
Pontos Ativos : 138
Re: Como deixar arredondada a caixa de spoiler, tables etc..
Substitua por este
- Código:
dl.codebox {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #008AE6;
}
.codebox {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #008AE6;
}
blockquote {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #008AE6;
}
iPrompt- Principal contribuidor
-
Inscrito dia : 10/02/2012
Mensagens : 5404
Pontos Ativos : 6917
Re: Como deixar arredondada a caixa de spoiler, tables etc..
Olá, junto ao meu codigo anterior adicione este
Cordialmente.
- Código:
blockquote {
border: 1px solid #008AE6;
padding: 6px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
}
Cordialmente.

MateusV.- Principal contribuidor
- Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289
Re: Como deixar arredondada a caixa de spoiler, tables etc..
e eu quero o "quote" assimm o: http://desmond.imageshack.us/Himg713/scaled.php?server=713&filename=21315583.png&res=medium
David Ferreira- Nível 7
-
Inscrito dia : 30/03/2012
Mensagens : 90
Pontos Ativos : 138
Re: Como deixar arredondada a caixa de spoiler, tables etc..
ops malz o post acim.. tu ja tinha mandaod..
mais vlw deu certo mais uma vez mateus..
mano tu e foids
mais vlw deu certo mais uma vez mateus..
mano tu e foids
David Ferreira- Nível 7
-
Inscrito dia : 30/03/2012
Mensagens : 90
Pontos Ativos : 138
Re: Como deixar arredondada a caixa de spoiler, tables etc..
Olá, substitua o codigo por este
Cordialmente.
- Código:
blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #D6D6D6 url("http://illiweb.com/fa/prosilver/quote.gif") 6px 8px no-repeat;
border: 1px solid #F0D7B8;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
background-color: white;
border-radius: 15px 0px 15px 0px;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
color: #EEE;
display: block;
overflow: auto;
}
Cordialmente.

MateusV.- Principal contribuidor
- Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: 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ão deste fórum:
Você não pode responder aos tópicos neste fórum