Linha dividida

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

Adicione isso em seu css

Código:


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


O fórum que eu vi isso foi:

www.pro-pixel.net

E o código não funcionou :/

Olá,

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

Clique em 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.

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.

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.

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.

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

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

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. ):

Poderia trocar o código que eu passei por esse

Código:


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


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?

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;
}


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.

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.

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