Como deixar arredondada a caixa de spoiler, tables etc..

3 participantes

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

Tópico resolvido Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por David Ferreira 31.03.12 20:59

Qual é minha questão:
tipo quero deixar as borda da caixa de spoiler, quote, tables essas coisas arredondad como nessa imagem: https://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

David Ferreira
**

Membro desde : 31/03/2012
Mensagens : 90
Pontos : 138

http://rotamsf.forumeiros.com/portal

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por Roevs 31.03.12 21:00

Me passa o link do fórum aonde viu isso ?
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por David Ferreira 31.03.12 21:22

David Ferreira

David Ferreira
**

Membro desde : 31/03/2012
Mensagens : 90
Pontos : 138

http://rotamsf.forumeiros.com/portal

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por MateusV. 31.03.12 21:26

Olá, aceda ao seu
Painel de controle Seta Visualização Seta IMagens e Cores Seta Cores
:seta2: Aba 'Folha de estilo CSS', cole o codigo e salve.
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.Piscada
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por Roevs 31.03.12 21:26

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;
}
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por David Ferreira 31.03.12 21:39

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 ?
David Ferreira

David Ferreira
**

Membro desde : 31/03/2012
Mensagens : 90
Pontos : 138

http://rotamsf.forumeiros.com/portal

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por Roevs 31.03.12 21:43

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;
}
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por MateusV. 31.03.12 21:44

Olá, junto ao meu codigo anterior adicione este
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. Piscada
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por David Ferreira 31.03.12 21:44

David Ferreira

David Ferreira
**

Membro desde : 31/03/2012
Mensagens : 90
Pontos : 138

http://rotamsf.forumeiros.com/portal

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por David Ferreira 31.03.12 21:46

ops malz o post acim.. tu ja tinha mandaod..

mais vlw deu certo mais uma vez mateus..

mano tu e foids
David Ferreira

David Ferreira
**

Membro desde : 31/03/2012
Mensagens : 90
Pontos : 138

http://rotamsf.forumeiros.com/portal

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por MateusV. 31.03.12 21:47

Olá, substitua o codigo por este
Código:
blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #D6D6D6 url("http://2img.net/i/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. Piscada
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos