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

[David Ferreira]

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

[Roevs]

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

[David Ferreira]

http://www.brasilplayforever.com/t78455-forum-recrutamento-de-moderadores?highlight=recrutamento

esse forum ai

[MateusV.]

Olá, aceda ao seu

Painel de controle Visualização IMagens e Cores Cores

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.

[Roevs]

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


[David Ferreira]

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 ?

[Roevs]

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

[MateusV.]

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.

[David Ferreira]

e eu quero o "quote" assimm o: http://desmond.imageshack.us/Himg713/scaled.php?server=713&filename=21315583.png&res=medium

[David Ferreira]

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

mais vlw deu certo mais uma vez mateus..

mano tu e foids

[MateusV.]

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.