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 https://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 ?

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.

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é!

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

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.

---

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

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

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?

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

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!

Até!

Assim?

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