Arredondar contornos do forum

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

Resolvido Arredondar contornos do forum

Mensagem por Rayaxe em 01/08/13, 07:16 pm

Qual é minha questão:
Boas!
Gostaria de arredondar as seguintes linhas que estão agora a vermelho de modo a encaixarem com as categorias já arredondadas, será possivel?



Obrigado

Endereço do meu fórum:
http://fdt.mewtwoproject.net

Versão do fórum:
INVISION


Última edição por Rayaxe em 01/08/13, 09:52 pm, editado 1 vez(es)
avatar

Rayaxe
Nível 9

Masculino
Inscrito dia : 23/08/2011
Mensagens : 188
Pontos Ativos : 301

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

Resolvido Re: Arredondar contornos do forum

Mensagem por Sennior em 01/08/13, 07:19 pm

Boa noite cordial membro! Muito feliz

Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.
Código:
.borderwrap {
border-radius: 9px;
}
Matched CSS Rules

<li> Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Arredondar contornos do forum

Mensagem por Rayaxe em 01/08/13, 07:27 pm

ficou bom mas não da para fazer com que essas linhas apenas comecem depois do header das categorias?
assim fica uma linha sobreposta que estraga um pouco o layout



ficaria entao como na imagem abaixo
avatar

Rayaxe
Nível 9

Masculino
Inscrito dia : 23/08/2011
Mensagens : 188
Pontos Ativos : 301

Ver perfil do usuário http://www.pokelinks.forumeiros.com
  • 0

Resolvido Re: Arredondar contornos do forum

Mensagem por Sennior em 01/08/13, 07:31 pm

Boa noite cordial membro! Muito feliz

Troque o código que eu lhe passei pelo abaixo:
Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.
Código:
.borderwrapm, div.borderwrap {
border: transparent !important;
}
table.ipbtable.index-box {
border: 1px solid #752f75;
border-bottom-left-radius: 11px;
border-bottom-right-radius: 11px;
}
div.maintitle {
border-radius: 0px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}

<li> Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Arredondar contornos do forum

Mensagem por Rayaxe em 01/08/13, 07:37 pm

que show!
será que dá para adicionar o mesmo contorno á barra de widgets e também as estatisticas?

e... se possivel, tirar apenas esta parte no fim.





PS: E muitíssimo obrigado pela ajuda, não só neste post como nos outros todos pedidos que fiz!
avatar

Rayaxe
Nível 9

Masculino
Inscrito dia : 23/08/2011
Mensagens : 188
Pontos Ativos : 301

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

Resolvido Re: Arredondar contornos do forum

Mensagem por Sennior em 01/08/13, 07:42 pm

Boa noite cordial membro! Muito feliz

Se tiver outra dúvida, crie um novo tópico agora, tudo bem? E não há maneira de se retirar um apenas, só tem como fazer assim:
Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.
Código:
.row1, .row2 {
border-bottom: transparent !important;
}
.borderwrapm, div.borderwrap {
border: transparent !important;
}
table.ipbtable.index-box {
border: 1px solid #752f75;
border-bottom-left-radius: 11px;
border-bottom-right-radius: 11px;
}
div.maintitle {
border-radius: 0px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}

<li> Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Arredondar contornos do forum

Mensagem por Rayaxe em 01/08/13, 07:47 pm

a ideia era retirar as linhas aos contornos como foi feito na parte superior nas categorias e não retirar abaixo.
deste modo ficaria redondo encima por causa das categorias e retangular abaixo.

Resumindo: bastaria um código que adicionasse duas linhas retas, uma de cada lado da tabela da categoria de modo a fechar a mesma.

se isso for possível agradeço
avatar

Rayaxe
Nível 9

Masculino
Inscrito dia : 23/08/2011
Mensagens : 188
Pontos Ativos : 301

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

Resolvido Re: Arredondar contornos do forum

Mensagem por Sennior em 01/08/13, 07:53 pm

Olá,

Desculpe minha ignorância mas infelizmente esta parte eu não vim á compreender. Se possível mostre-me uma Print Screen d que deseja. Piscada

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Arredondar contornos do forum

Mensagem por Rayaxe em 01/08/13, 08:15 pm



fiz a tabela no photoshop e tirei o texto que atrapalhava ehehe
se possivel era para adicionar todas as linhas que lá estão
avatar

Rayaxe
Nível 9

Masculino
Inscrito dia : 23/08/2011
Mensagens : 188
Pontos Ativos : 301

Ver perfil do usuário http://www.pokelinks.forumeiros.com
  • 0

Resolvido Re: Arredondar contornos do forum

Mensagem por Sennior em 01/08/13, 08:22 pm

Boa noite cordial membro! Muito feliz

Adicione este no inicio de teu CSS.

Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.
Código:
table.ipbtable tfoot td {
background-color: #752f75 !important;
font-size: 3px !important;
height: 10px !important;
border-bottom-left-radius: 9px !important;
border-bottom-right-radius: 9px !important;
}


<li> Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Arredondar contornos do forum

Mensagem por Rayaxe em 01/08/13, 08:50 pm



ficou assim, só falta mesmo aquelas linhas no meio a dividir o numero de respostas, ultima mensagem, nome do topico, etc
avatar

Rayaxe
Nível 9

Masculino
Inscrito dia : 23/08/2011
Mensagens : 188
Pontos Ativos : 301

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

Resolvido Re: Arredondar contornos do forum

Mensagem por Sennior em 01/08/13, 09:18 pm

Boa noite cordial membro! Muito feliz

Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.
Código:
.row1, .row2 {
border: 1px solid #752f75!important;
}

<li> Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Arredondar contornos do forum

Mensagem por Rayaxe em 01/08/13, 09:51 pm

o codigo adicionou não só essas linhas como muitas outras desnecessárias.
mas deixa estar, já pedi imenso hoje e já trabalhaste muito te borla para mim ehehe

obrigado por tudo ^^
avatar

Rayaxe
Nível 9

Masculino
Inscrito dia : 23/08/2011
Mensagens : 188
Pontos Ativos : 301

Ver perfil do usuário http://www.pokelinks.forumeiros.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