Perfil do usuario

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

Resolvido Perfil do usuario

Mensagem por [STT]Zueiro em Sex 13 Fev 2015 - 15:45

Detalhes da dúvida

Versão do fórum : Invision
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Outro
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : ;
Endereço do fórum : http://foxcheats.umforum.net/t3-diegozendem-d2-12-02-2015-by-diegozendemd2

Descrição do problema

Entao o meu forum quando faço um topico ali nas informações do usuario fica assim http://i.imgur.com/AX0v5QM.png , eu quero deixa todos os objetos ali nas informação com borda tipo assim http://prntscr.com/64of0l alguem poderia me ajudar ?


Última edição por [STT]Zueiro em Sab 14 Fev 2015 - 13:01, editado 3 vez(es) (Razão : Coloquei o link que eu queria errado)
avatar

[STT]Zueiro
Nível 3

Masculino
Inscrito dia : 21/01/2015
Mensagens : 24
Pontos Ativos : 40

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

Resolvido Re: Perfil do usuario

Mensagem por [STT]Zueiro em Sex 13 Fev 2015 - 15:46

a... se poder colocar o codico para a borda funcionar nesses navegadores aqui o ( Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari )

Por iSouL: Advertência por double-post.


Última edição por iSouL em Sex 13 Fev 2015 - 16:47, editado 1 vez(es) (Razão : advertência por double-post)
avatar

[STT]Zueiro
Nível 3

Masculino
Inscrito dia : 21/01/2015
Mensagens : 24
Pontos Ativos : 40

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

Resolvido Re: Perfil do usuario

Mensagem por Gaaratsu em Sex 13 Fev 2015 - 16:16

Olá!

.postprofile-details {
border: 1px solid white;
}
.postprofile-details dt a {
border: 1px solid white;
}
dd {
border: 1px solid white;
}
Caminho: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS
Seria isto?

Até! Muito feliz
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Perfil do usuario

Mensagem por [STT]Zueiro em Sex 13 Fev 2015 - 16:41

Não amigo... deu erro ! eu quero tipo este aqui http://prntscr.com/64of0l
avatar

[STT]Zueiro
Nível 3

Masculino
Inscrito dia : 21/01/2015
Mensagens : 24
Pontos Ativos : 40

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

Resolvido Re: Perfil do usuario

Mensagem por Kyo Panda em Sex 13 Fev 2015 - 16:48

Olá,

Tente:

Código:
.postprofile-details dt,
.postprofile-details dd {
    border: 2px #f00 solid;
}

Resultado:



Não é possível aplicar na lista de informações, pois ela não tem divisões em código. Poderíamos fazê-lo se não possuir problemas em adicionar Javascript à página.

Abraços. Feliz




EDIT: Pelo o que postou, gostaria que houvesse um espaçamento entre as caixas? E quanto a cor da borda?
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Perfil do usuario

Mensagem por [STT]Zueiro em Sex 13 Fev 2015 - 16:53

Amigo eu coloquei o link que eu queria errado eu quero igual esse aqui se poder ajudar http://prntscr.com/64of0l
avatar

[STT]Zueiro
Nível 3

Masculino
Inscrito dia : 21/01/2015
Mensagens : 24
Pontos Ativos : 40

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

Resolvido Re: Perfil do usuario

Mensagem por Kyo Panda em Sex 13 Fev 2015 - 17:03

Bem, não tenho certeza se conseguimos o visual exato, mas conseguiremos chegar perto. Troque o CSS que lhe passei:

Código:
.postprofile-details dt,
.postprofile-details dd {
    border: 1px #333 solid;
    margin-bottom: 10px;
    padding: 10px;
}

.postprofile-head {
    padding: 0 10px !important;
}

.postprofile-head a {
    border: none;
}

.postprofile-head > div {
    border: 1px #333 solid;
    width: auto;
    padding: 10px 0 5px !important;
}

.postprofile-details a[href^="/u"] {
    display: block;
}

Quais alterações faltam? Feliz
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Perfil do usuario

Mensagem por [STT]Zueiro em Sex 13 Fev 2015 - 21:25

Amigo da para melhora esse codico se der eu agradeço tentar por tipo um efeito de que ele fique fundo achatado pra dentro da tela entende mais se nao der ta bom resolveu seu codico ... se poder !!!
avatar

[STT]Zueiro
Nível 3

Masculino
Inscrito dia : 21/01/2015
Mensagens : 24
Pontos Ativos : 40

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

Resolvido Re: Perfil do usuario

Mensagem por Gaaratsu em Sab 14 Fev 2015 - 2:34

Saudações!

Substitua o código repassado anteriormente por este e veja se lhe agrada:
Código:
.postprofile-details dt,
.postprofile-details dd {
    border: 1px #333 solid;
    border-radius: 6px 6px 6px 6px !important;
    margin-bottom: 10px;
    padding: 10px;
}

.postprofile-head {
    padding: 0 10px !important;
}

.postprofile-head a {
    border: none;
}

.postprofile-head > div {
    border: 1px #333 solid;
    border-radius: 6px 6px 6px 6px !important;
    width: auto;
    padding: 10px 0 5px !important;
}

.postprofile-details a[href^="/u"] {
    display: block;
}

Salve! Muito feliz

Até! Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Perfil do usuario

Mensagem por Kyo Panda em Sab 14 Fev 2015 - 9:51

Assim? Muito feliz



Código:
.postprofile-details dt,
.postprofile-details dd {
    border: 1px #333 solid;
    margin-bottom: 10px;
    padding: 10px;
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.2);
}

.postprofile-head {
    padding: 0 10px !important;
}

.postprofile-head a {
    border: none;
}

.postprofile-head > div {
    border: 1px #333 solid;
    width: auto;
    padding: 10px 0 5px !important;
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.2);
}

.postprofile-details a[href^="/u"] {
    display: block;
}
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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