Linha dividida

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

Resolvido Linha dividida

Mensagem por Napolitano em 26/07/12, 11:52 pm

Qual é minha questão:
Gostaria de saber como colocar essas linhas como nessa imagem abaixo. Eu queria impor está linha. Eu queria que ela linha ficasse onde eu desejasse para dividir algum campo de perfil e também que se fundisse com a linha da esquerda e direita. Assim formando divisórias completas como na imagem.

Links e imagens do meu problema:


Endereço do meu fórum:
http://uphabboritos.forumeiro.com

Versão do meu fórum:
INVISION
avatar

Napolitano
Nível 9

Masculino
Inscrito dia : 30/06/2012
Mensagens : 176
Pontos Ativos : 215

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

Resolvido Re: Linha dividida

Mensagem por Switch em 27/07/12, 12:27 am

Adicione isso em seu css
Código:

.postprofile-details {
margin: 1em 0 !important;
}
avatar

Switch
Nível 9

Masculino
Inscrito dia : 01/06/2012
Mensagens : 154
Pontos Ativos : 248

Ver perfil do usuário http://spdesign.ativoforum.com/forum

Resolvido Re: Linha dividida

Mensagem por Napolitano em 27/07/12, 01:10 am

O fórum que eu vi isso foi:

www.pro-pixel.net

E o código não funcionou :/
avatar

Napolitano
Nível 9

Masculino
Inscrito dia : 30/06/2012
Mensagens : 176
Pontos Ativos : 215

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

Resolvido Re: Linha dividida

Mensagem por Lexus em 27/07/12, 01:54 am

Olá,

Painel de Controle Seta Usuários & Grupos Seta Usuários Seta Perfis

Clique em Editar do campo que estiver ativo a visualização no perfil e em 'Separador' selecione 'barra horizontal'.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre o painel de controle do fórum'

Até mais.
avatar

Lexus
Super usuário

Masculino
Inscrito dia : 22/06/2010
Mensagens : 4205
Pontos Ativos : 5692

Ver perfil do usuário http:///.../#

Resolvido Re: Linha dividida

Mensagem por Napolitano em 27/07/12, 04:27 pm

Já fiz isso, só que ela não fica como na imagem. Ela meio que fica cortada. Eu quero que ela se funda com a linha da esquerda e direita.
avatar

Napolitano
Nível 9

Masculino
Inscrito dia : 30/06/2012
Mensagens : 176
Pontos Ativos : 215

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

Resolvido Re: Linha dividida

Mensagem por Oto! em 27/07/12, 04:36 pm

@Napolitano escreveu:Já fiz isso, só que ela não fica como na imagem. Ela meio que fica cortada. Eu quero que ela se funda com a linha da esquerda e direita.

Olá,

Você já configurou como moderadeiro Lullaby indicou? Entrei em seu fórum e não consegui visualizar a barra e nem o problema. Você configurou no campo "Créditos" essa barra?

Até mais.
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Linha dividida

Mensagem por Switch em 27/07/12, 04:46 pm

O código que eu passei foi para deixar a barra se separação junta as linhas laterais como você avia pedido.
Quando eu entrei em seu fórum ele já estava com as linhas.
avatar

Switch
Nível 9

Masculino
Inscrito dia : 01/06/2012
Mensagens : 154
Pontos Ativos : 248

Ver perfil do usuário http://spdesign.ativoforum.com/forum

Resolvido Re: Linha dividida

Mensagem por Napolitano em 27/07/12, 05:00 pm

Sim configurei. E o código pegou, só que quero que ela fique com a cor: #eeeeee ae
avatar

Napolitano
Nível 9

Masculino
Inscrito dia : 30/06/2012
Mensagens : 176
Pontos Ativos : 215

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

Resolvido Re: Linha dividida

Mensagem por Switch em 27/07/12, 05:30 pm

Adiciona isso em seu css

Código:

hr {
border-top: 1px solid #ccc !important;
}

A cor #EEE, fica praticamente invisivel em seu fórum, então coloquei outra, que é um cinza mais claro
avatar

Switch
Nível 9

Masculino
Inscrito dia : 01/06/2012
Mensagens : 154
Pontos Ativos : 248

Ver perfil do usuário http://spdesign.ativoforum.com/forum

Resolvido Re: Linha dividida

Mensagem por Napolitano em 27/07/12, 05:38 pm

Olá,

Sim obrigado. Mas ainda está com problemas.
Repare na imagem abaixo os círculos vermelhos. A linha não é completa, porque antes dela há um ponto preto digamos assim, que impede o formato dela por completo. Queria retira-lo e queria que a linha ficasse como na minha mensagem da criação do tópico que no caso a primeira.
E outra, no final da linha, ela invade a linha da direita. ):


avatar

Napolitano
Nível 9

Masculino
Inscrito dia : 30/06/2012
Mensagens : 176
Pontos Ativos : 215

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

Resolvido Re: Linha dividida

Mensagem por Switch em 27/07/12, 05:51 pm

Poderia trocar o código que eu passei por esse

Código:

hr {
border: none !important;
border-top: 1px solid #EEE !important;
}
avatar

Switch
Nível 9

Masculino
Inscrito dia : 01/06/2012
Mensagens : 154
Pontos Ativos : 248

Ver perfil do usuário http://spdesign.ativoforum.com/forum

Resolvido Re: Linha dividida

Mensagem por Napolitano em 27/07/12, 06:04 pm

Retirou, só que a barra não está se juntando à linha da esquerda.
E uma coisa, me diz como eu posso deixar:

http://www.pro-pixel.net/t12453-regras-do-forum

O nome com sublinhado ao passar o mouse igual no link acima, o tamanho da fonte do rank e dos campos de perfil. Quero exatamente como o tamanho do link. Pode me ajudar?
avatar

Napolitano
Nível 9

Masculino
Inscrito dia : 30/06/2012
Mensagens : 176
Pontos Ativos : 215

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

Resolvido Re: Linha dividida

Mensagem por Switch em 27/07/12, 06:09 pm

Apenas 1 dúvida por tópico

Troque o código por esse

Código:

hr {
position: relative;
border: none !important;
border-top: 1px solid #EEE !important;
width: 101% !important;
left: -2px;
}
avatar

Switch
Nível 9

Masculino
Inscrito dia : 01/06/2012
Mensagens : 154
Pontos Ativos : 248

Ver perfil do usuário http://spdesign.ativoforum.com/forum

Resolvido Re: Linha dividida

Mensagem por Napolitano em 27/07/12, 06:11 pm

Sim, está bom. Só que quero que o lado direito também ultrapasse um pouco a linha de base da direita. É possível?
Igual estava antes, entende? A do lado esquerdo, está certinha e ultrapassou ou meio que fico em cima da outra. Quero que o lado direito também fique igual.
avatar

Napolitano
Nível 9

Masculino
Inscrito dia : 30/06/2012
Mensagens : 176
Pontos Ativos : 215

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

Resolvido Re: Linha dividida

Mensagem por Switch em 27/07/12, 06:20 pm

Basta você editar essas partes do código

width: 101% !important;

Mude onde está 101 para 102, isso devera fazer com que fique como deseja.
avatar

Switch
Nível 9

Masculino
Inscrito dia : 01/06/2012
Mensagens : 154
Pontos Ativos : 248

Ver perfil do usuário http://spdesign.ativoforum.com/forum

Resolvido Re: Linha dividida

Mensagem por Napolitano em 27/07/12, 06:23 pm

Certo. E Me ajude no outro tópico Muito feliz uma ajuda por tópico, a outra está no outro tópico criado por mim.
avatar

Napolitano
Nível 9

Masculino
Inscrito dia : 30/06/2012
Mensagens : 176
Pontos Ativos : 215

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