Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Código do Quadro do Perfil

3 participantes

Início :: Forumeiros :: NostalgiaCódigo do Quadro do Perfil

Gustavo H. Gustavo H.  • Dom 19 maio 2013 - 12:09

Código do Quadro do Perfil Empty Código do Quadro do Perfil Dom 19 maio 2013 - 12:09

Queria essse quadro branco ao redor do Perfil do usuário.
<-------

BangBang BangBang  • Dom 19 maio 2013 - 12:18

Código do Quadro do Perfil Empty Re: Código do Quadro do Perfil Dom 19 maio 2013 - 12:18

Adicione á seu css:
Código:
.user{display:inline;overflow:hidden;padding-top:1.6em;white-space:normal;width:16em;word-wrap:break-word}.pun .post .user{float:left;margin-left:-17em;margin-top:-1.8em;position:relative}.pun .user .user-ident{font-size:12px;padding:0 0 .7em}.pun .user-ident .username{color:#881418;display:block;font-size:1.2em;font-weight:700;position:absolute;text-decoration:none;top:0}* html .pun .user-ident .username{padding:0 0 .25em}*+ html .pun .user-ident .username{padding:0 0 .3em}.pun .user-ident .username a{text-decoration:none}.pun .user-ident .user-basic-info{font-weight:700}.pun .user .user-info{color:#666;line-height:1.8em}.postfoot{border-top:1px dashed #ccc;clear:both;margin-left:-17em;padding:.5em 1em;text-align:right}div.post-options img{cursor:pointer}.pun .postfoot .user-contact{float:left;text-align:left;width:15em}
.pun #pun-qpost,.pun .main .main-foot,.pun .main .main-head p.h2 a,.pun .main .paged-foot,.pun .main .paged-head,.pun .main .postmain .postfoot,.pun .main .postmain img,.pun .main .sig-content,.pun .main .user-ident .user-basic-info,.pun .main .user-info{display:none}.pun .main .main-head{border-bottom:1px solid #ddd}.pun .main .main-head p.h2{margin:0;padding:0}.pun .main .main-head .h2 strong{margin-left:.25em}.pun .main .posthead h2 a{margin-right:.5em}.pun .main .main-content{border:none}.pun .main .post{border:none;border-bottom:1px solid #ddd}.pun .main .post .user{float:none}
.pun .user .user-ident .user-basic-info{color:#777;font-size:11px;font-weight:400;margin-bottom:0;text-align:center}.pun .topic{background:#fff;border:0}
.user-basic-info a img{-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);background:#fff;border:1px solid #D5D5D5;box-shadow:0 2px 2px rgba(0,0,0,0.1);height:90px;max-height:90px;max-width:90px;padding:1px;width:90px}.user-basic-info a img:hover{-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);border-color:#A1A1A1;box-shadow:0 2px 2px rgba(0,0,0,0.2)}
Resulta?

Gustavo H. Gustavo H.  • Dom 19 maio 2013 - 12:20

BangBang BangBang  • Dom 19 maio 2013 - 12:24

Código do Quadro do Perfil Empty Re: Código do Quadro do Perfil Dom 19 maio 2013 - 12:24

remova o código css e coloque:
Código:
.pun .user {
border: 1px;
background-color: transparent;
}

Resulta? E o fundo irá ficar preto, pois aqui está sendo utilizado o background transparent!

Gustavo H. Gustavo H.  • Dom 19 maio 2013 - 12:32

Código do Quadro do Perfil Empty Re: Código do Quadro do Perfil Dom 19 maio 2013 - 12:32

Não resultou em nada.

BangBang BangBang  • Dom 19 maio 2013 - 12:37

Código do Quadro do Perfil Empty Re: Código do Quadro do Perfil Dom 19 maio 2013 - 12:37

Tente:
Código:

.pun .user {
border: 1px black;
}

Ou
Código:
.pun .user {
border: 1px #F7F7F7;
}

Resulta?

Gustavo H. Gustavo H.  • Dom 19 maio 2013 - 12:39

Código do Quadro do Perfil Empty Re: Código do Quadro do Perfil Dom 19 maio 2013 - 12:39

Nenhum Resultou.

BangBang BangBang  • Dom 19 maio 2013 - 12:41

Código do Quadro do Perfil Empty Re: Código do Quadro do Perfil Dom 19 maio 2013 - 12:41

Você quer como? Com o fundo branco, com a linha branca, preta ou o que? A linha preta não seria visível, pois o tema é preto já!

Gustavo H. Gustavo H.  • Dom 19 maio 2013 - 12:57

Código do Quadro do Perfil Empty Re: Código do Quadro do Perfil Dom 19 maio 2013 - 12:57

Quero por exemplo aqui, uma cor que diferencie do fórum, no meu caso um Cinza escuro para preto.

BangBang BangBang  • Dom 19 maio 2013 - 13:03

Código do Quadro do Perfil Empty Re: Código do Quadro do Perfil Dom 19 maio 2013 - 13:03

adicione em seu css:
Código:

.pun .user {
border: 1px #B8B2B4;
background-color: #E3E3E3;
background: #E3E3E3;
}

Resulta?

Gustavo H. Gustavo H.  • Dom 19 maio 2013 - 13:11

Código do Quadro do Perfil Empty Re: Código do Quadro do Perfil Dom 19 maio 2013 - 13:11

Resultou, mais eu queria deixar ele mais encostado no canto estilo BS
Está assim: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

BangBang BangBang  • Dom 19 maio 2013 - 13:13

Código do Quadro do Perfil Empty Re: Código do Quadro do Perfil Dom 19 maio 2013 - 13:13

Reputação da mensagem: 100% (1 votos)
Isso se relaciona com a centralização do perfil, ou seja, peça em outro tópico, e como resultou, me dá um CURTIR, não cai o dedo!

Gustavo H. Gustavo H.  • Dom 19 maio 2013 - 13:21

Código do Quadro do Perfil Empty Re: Código do Quadro do Perfil Dom 19 maio 2013 - 13:21

Resolvido e #Reputado.

Daemon Daemon  • Dom 19 maio 2013 - 13:40

Código do Quadro do Perfil Empty Re: Código do Quadro do Perfil Dom 19 maio 2013 - 13:40

[sucesso=Tópico Resolvido & Bloqueado][/sucesso]

Conteúdo patrocinado  • 

Código do Quadro do Perfil Empty Re: Código do Quadro do Perfil

Início :: Forumeiros :: Nostalgia:: Código do Quadro do Perfil
Permissões neste sub-fórum
Não podes responder a tópicos