Código de arredondar as bordas arredondando botões do menu, como tirar?

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

Resolvido Código de arredondar as bordas arredondando botões do menu, como tirar?

Mensagem por coenzi em 26/02/14, 04:41 am

Qual é minha questão:
Bom pessoal, usei este código abaixo, para arredondar as bordas do meu fórum, ficou realmente perfeito, porem tambem arredonda os botões, como tirar?? se olharem no meu fórum, verão o erro nos botões do menu.

* {
-moz-border-radius:02px; !important;
-webkit-border-radius: 05px !important;
      }


Endereço do meu fórum:
http://olimpicosrpg.web-rpg.com

Versão do fórum:
INVISION


Última edição por coenzi em 27/02/14, 05:03 pm, editado 1 vez(es)
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Código de arredondar as bordas arredondando botões do menu, como tirar?

Mensagem por Kyo Panda em 26/02/14, 02:38 pm

A regra do asterisco (*) determina todos os elementos da página, logo ele irá arredondar tudo o que conseguir. Para o menu, tente:

Código:
.mainmenu, .mainmenu img {
    border-radius: 0 !important;
}

Mas seria mais fácil (e bonito) aplicar o arredondamento apenas nos pontos que você quer.
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Código de arredondar as bordas arredondando botões do menu, como tirar?

Mensagem por Jpjupa em 26/02/14, 02:44 pm

Olá amigo!
Boa tarde!

Utilize o seguinte código:
Código:

/* Desenvolvido por BlueBox - www.BlueBox.forumeiros.com */
#ipbwrapper {
border-radius: 5px;
}

#submenu ul li a img {
border-radius: 0px !important;
}

Grande abraço!
BlueMan.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Código de arredondar as bordas arredondando botões do menu, como tirar?

Mensagem por coenzi em 26/02/14, 03:48 pm

os 2 códigos, não funcionaram, tiram o contorno do menu e de todo o resto.
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Código de arredondar as bordas arredondando botões do menu, como tirar?

Mensagem por Kyo Panda em 26/02/14, 04:14 pm

Talvez esteja enganado. Tem como mandar um print de onde você quer redondo e onde não deveria estar?
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Código de arredondar as bordas arredondando botões do menu, como tirar?

Mensagem por coenzi em 26/02/14, 04:38 pm

gostaria que tudo continuasse redondo, menos o botões do menu '-'
n precisa de print, são os botões: inicio, buscar, membros e talz..
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Código de arredondar as bordas arredondando botões do menu, como tirar?

Mensagem por Troubleshoot em 26/02/14, 04:51 pm

Olá!
Tente este código:
Código:

#ipbwrapper {
-moz-border-radius:02px; !important;
-webkit-border-radius: 05px !important;
}
/* Desenvolvido por BlueBox - www.BlueBox.forumeiros.com */
.mainmenu, .mainmenu img {
    border-radius: 0 !important;
}

Resulta?

Cordialmente,
Engine404
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2200
Pontos Ativos : 2945

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Código de arredondar as bordas arredondando botões do menu, como tirar?

Mensagem por Kyo Panda em 26/02/14, 04:52 pm

Ocorre que eu coloquei o código de arredondamento de todos os elementos e não vi efeito nos botões:



Triste
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Código de arredondar as bordas arredondando botões do menu, como tirar?

Mensagem por Troubleshoot em 26/02/14, 04:55 pm

Desculpe, mais você quer aplicar este efeito também nos botões do menu?
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2200
Pontos Ativos : 2945

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Código de arredondar as bordas arredondando botões do menu, como tirar?

Mensagem por Hancki em 26/02/14, 05:38 pm

Olá!

Se deseja apenas arredondar a borda do fórum, remova o código que disse no tópico inicial. Remova qualquer código passado agora.
Use apenas este:
Código:
#ipbwrapper {
-moz-border-radius:02px !important;
-webkit-border-radius: 05px !important;
}

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Código de arredondar as bordas arredondando botões do menu, como tirar?

Mensagem por coenzi em 26/02/14, 07:12 pm

acho melhor eu apelar pro print kk
todos os pontos com risco na imagem abaixo, é onde eu quero a borda arredondada.

http://i56.servimg.com/u/f56/18/75/58/97/1010110.png
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Código de arredondar as bordas arredondando botões do menu, como tirar?

Mensagem por Alex Habilidade em 26/02/14, 08:09 pm

Olá,

1. Muitos códigos passados que não são sucedidos ao seu fórum é devido a sua questão por está "incompleta", digo isto, por que o senhor postou o endereço do fórum errado, você postou esse: http://olimpicosrpg.web-rpg.com/ e seria esse: http://narutoonline-rpg.forumeiros.com/

Permaneça com o seu código adicionado em sua folha CSS, e para remover as bordas redondas do menu, adicione o código abaixo:
Código:

.mainmenu > img {
    border-radius: 0 !important;
}

Alex
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Código de arredondar as bordas arredondando botões do menu, como tirar?

Mensagem por coenzi em 26/02/14, 09:09 pm

eu encontrei 1 erro em 1 área, se não for pedir muito, e claro já abusando de sua boa vontade, tem 1 área no meu fórum chamada, " Mundo Ninja " e os tópicos são visto via imagem, porem as imagens tbm estão com borda, tem como passar código para tirar?
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

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