Linha dividida

4 participantes

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

Tópico resolvido Linha dividida

Mensagem por Napolitano 27.07.12 3:52

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:
Linha dividida 33dayvc

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

Versão do meu fórum:
INVISION
Napolitano

Napolitano
***

Membro desde : 30/06/2012
Mensagens : 176
Pontos : 215

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Linha dividida

Mensagem por Switch 27.07.12 4:27

Adicione isso em seu css
Código:

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

Switch
***

Membro desde : 02/06/2012
Mensagens : 154
Pontos : 248

http://spdesign.ativoforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Linha dividida

Mensagem por Napolitano 27.07.12 5:10

O fórum que eu vi isso foi:

www.pro-pixel.net

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

Napolitano
***

Membro desde : 30/06/2012
Mensagens : 176
Pontos : 215

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Linha dividida

Mensagem por Lexus 27.07.12 5:54

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

Lexus
Hiper Membro

Membro desde : 22/06/2010
Mensagens : 4205
Pontos : 5693

http:///.../#

Ir para o topo Ir para baixo

Tópico resolvido Re: Linha dividida

Mensagem por Napolitano 27.07.12 20:27

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

Napolitano
***

Membro desde : 30/06/2012
Mensagens : 176
Pontos : 215

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Linha dividida

Mensagem por Oto! 27.07.12 20:36

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.
Oto!

Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Linha dividida

Mensagem por Switch 27.07.12 20:46

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

Switch
***

Membro desde : 02/06/2012
Mensagens : 154
Pontos : 248

http://spdesign.ativoforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Linha dividida

Mensagem por Napolitano 27.07.12 21:00

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

Napolitano
***

Membro desde : 30/06/2012
Mensagens : 176
Pontos : 215

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Linha dividida

Mensagem por Switch 27.07.12 21:30

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
Switch

Switch
***

Membro desde : 02/06/2012
Mensagens : 154
Pontos : 248

http://spdesign.ativoforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Linha dividida

Mensagem por Napolitano 27.07.12 21:38

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

Linha dividida Kd6feu
Napolitano

Napolitano
***

Membro desde : 30/06/2012
Mensagens : 176
Pontos : 215

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Linha dividida

Mensagem por Switch 27.07.12 21:51

Poderia trocar o código que eu passei por esse

Código:

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

Switch
***

Membro desde : 02/06/2012
Mensagens : 154
Pontos : 248

http://spdesign.ativoforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Linha dividida

Mensagem por Napolitano 27.07.12 22:04

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

Napolitano
***

Membro desde : 30/06/2012
Mensagens : 176
Pontos : 215

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Linha dividida

Mensagem por Switch 27.07.12 22:09

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

Switch
***

Membro desde : 02/06/2012
Mensagens : 154
Pontos : 248

http://spdesign.ativoforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Linha dividida

Mensagem por Napolitano 27.07.12 22:11

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

Napolitano
***

Membro desde : 30/06/2012
Mensagens : 176
Pontos : 215

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Linha dividida

Mensagem por Switch 27.07.12 22:20

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

Switch
***

Membro desde : 02/06/2012
Mensagens : 154
Pontos : 248

http://spdesign.ativoforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Linha dividida

Mensagem por Napolitano 27.07.12 22:23

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

Napolitano
***

Membro desde : 30/06/2012
Mensagens : 176
Pontos : 215

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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