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

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

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

Mensagem por David Ferreira em 31/03/12, 04:59 pm

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
avatar

David Ferreira
Nível 7

Masculino
Inscrito dia : 30/03/2012
Mensagens : 90
Pontos Ativos : 138

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

Resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por iPrompt em 31/03/12, 05:00 pm

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por MateusV. em 31/03/12, 05:26 pm

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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por iPrompt em 31/03/12, 05:26 pm

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por David Ferreira em 31/03/12, 05:39 pm

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 ?
avatar

David Ferreira
Nível 7

Masculino
Inscrito dia : 30/03/2012
Mensagens : 90
Pontos Ativos : 138

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

Resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por iPrompt em 31/03/12, 05:43 pm

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por MateusV. em 31/03/12, 05:44 pm

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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por David Ferreira em 31/03/12, 05:44 pm

avatar

David Ferreira
Nível 7

Masculino
Inscrito dia : 30/03/2012
Mensagens : 90
Pontos Ativos : 138

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

Resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por David Ferreira em 31/03/12, 05:46 pm

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

mais vlw deu certo mais uma vez mateus..

mano tu e foids
avatar

David Ferreira
Nível 7

Masculino
Inscrito dia : 30/03/2012
Mensagens : 90
Pontos Ativos : 138

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

Resolvido Re: Como deixar arredondada a caixa de spoiler, tables etc..

Mensagem por MateusV. em 31/03/12, 05:47 pm

Olá, substitua o codigo por este
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. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

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