Borda no CSS

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

Resolvido Borda no CSS

Mensagem por Vinícius Gonçalves em 06/11/10, 12:11 pm

Queria saber como fazer essa borda:

avatar

Vinícius Gonçalves
Nível 8

Masculino
Inscrito dia : 29/04/2010
Mensagens : 129
Pontos Ativos : 230

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

Resolvido Re: Borda no CSS

Mensagem por Mikáá em 07/11/10, 05:41 am

Olá!
Poderia-me dizer onde se encontra essa borda?
  • Se é a volta do forum;
  • Se é no perfil quando postamos um topico ou mensagem;
  • Ou se é para criar um codigo todo de novo e depois você acrescenta la coisas: Ex: tabela de Novidades personalizada;
  • Widget





Edit:
Aqui tem o código:
Código:
<tr name="NRF">
<td height="105"> </td>
<td height="128" background="http://i26.servimg.com/u/f26/14/56/85/28/menunr10.png" width="117" style="-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; background-repeat: repeat-x;" rowspan="2"> </td>
<td height="128" background="http://i26.servimg.com/u/f26/14/56/85/28/menunr11.png" style="-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; background-repeat: repeat-x;" rowspan="2"> </td>
<td height="105"> </td>
</tr>
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Borda no CSS

Mensagem por Vinícius Gonçalves em 07/11/10, 12:54 pm

Mas vc poderia criar um CSS para todo o Fórum?



EDIT: Deu errado. Não apareceu a borda.
avatar

Vinícius Gonçalves
Nível 8

Masculino
Inscrito dia : 29/04/2010
Mensagens : 129
Pontos Ativos : 230

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

Resolvido Re: Borda no CSS

Mensagem por Needke em 08/11/10, 09:46 pm

Boa noite,
Compreendi o que pretende, para isso terá de colocar o seguinte código se for somente para a estrutura da página:
#wrap {
-moz-border-radius: 10px 0 10px 0;
-webkit-border-radius: 10px 0 10px 0;
}
O vermelho representa o valor do raio.

Caso seja para as categorias que pretende, terá de utilizar este código, mudando do mesmo modo como acima:
.forumbg, .forabg {
-moz-border-radius: 10px 0 10px 0;
-webkit-border-radius: 10px 0 10px 0;
}
.forumbg .corners-top, .forumbg .corners-bottom, .forabg .corners-top, .forabg .corners-bottom {
display: none;
}
.forumbg, .forabg {
padding-bottom: 6px;
}

Na sua folha de estilo CSS, aceda assim:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Selecione a aba 'Folha de estilo CSS' e adicione o código!


Veja que este código somente irá funcionar para quem possui navegadores que sejam diferentes do Internet Explorer. Sei que parece estranho mas é isso mesmo, os códigos que envolvem essa propriedade border-radius não são suportados pelos navegadores Internet, sendo assim não há diferença entre ter ou não ter.

Para navegadores como Opera e o Mozilla entre outros, não há problema, o código funcionará perfeitamente! Piscada


Att, Needke
avatar

Needke
Usuário experiente

Masculino
Inscrito dia : 19/08/2009
Mensagens : 2761
Pontos Ativos : 4546

Ver perfil do usuário

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