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

+2
Kyo Panda
coenzi
6 participantes

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

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

Mensagem por coenzi 26.02.14 7:41

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 20:03, editado 1 vez(es)
coenzi

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

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

Mensagem por Kyo Panda 26.02.14 17:38

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.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Jpjupa 26.02.14 17:44

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

Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por coenzi 26.02.14 18:48

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

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

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

Mensagem por Kyo Panda 26.02.14 19:14

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

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por coenzi 26.02.14 19:38

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

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

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

Mensagem por Troubleshoot 26.02.14 19:51

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
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

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

Mensagem por Kyo Panda 26.02.14 19:52

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

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

Triste
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Troubleshoot 26.02.14 19:55

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

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2231
Pontos : 2997

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Membro Entusiasta

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

Mensagem por Hancki 26.02.14 20:38

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
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8194
Pontos : 12249

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por coenzi 26.02.14 22:12

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

https://i.servimg.com/u/f56/18/75/58/97/1010110.png
coenzi

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

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

Mensagem por Alex Habilidade 26.02.14 23:09

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
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

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

Mensagem por coenzi 27.02.14 0:09

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

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos