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

Item: Como deixar arredondada a caixa de spoiler, tables etc..
Rating: 1
Author: Forumeiros

por David Ferreira em Sab 31 Mar 2012 - 20:59

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

por Quakeline em Sab 31 Mar 2012 - 21:00

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

por David Ferreira em Sab 31 Mar 2012 - 21:22

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

esse forum ai

por MateusV. em Sab 31 Mar 2012 - 21:26

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. Piscada

por Quakeline em Sab 31 Mar 2012 - 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; }

por David Ferreira em Sab 31 Mar 2012 - 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 ?

por Quakeline em Sab 31 Mar 2012 - 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; }

por MateusV. em Sab 31 Mar 2012 - 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

por David Ferreira em Sab 31 Mar 2012 - 21:44

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

por David Ferreira em Sab 31 Mar 2012 - 21:46

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

mais vlw deu certo mais uma vez mateus..

mano tu e foids

por MateusV. em Sab 31 Mar 2012 - 21:47

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

Fórum dos Fóruns Forumeiros

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

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

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

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

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

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

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

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

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

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

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

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