Sistema de MP bugada

Minha questão:

Boa noite!
O problema consta no seguinte:

O botão para iniciar uma mensagem privada através da caixa de entrada, encontra-se indisponível. E o botão para responder uma mensagem privada, também encontra-se ausente.

- Forma correta: Link 1 | Link 2

- Problemas: Link 1 | Link 2

Além disso, o userinfo está posicionado de forma errada. Ele se encontra no meio, ao invés de estar posicionado mais na esquerda >>> (ou direita, tanto faz).

- Forma correta: Link

- Como está no momento: Link

Agradeço desde já!

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Dando uma upada no tópico.

Dando outro upada no tópico.

Olá amigo!

No meu entendimento isso é problema com CSS, mas o ideal era que você criasse uma conta de testes com direitos apenas de usuário comum, daí postasse aqui o nome de usuário e senha para que possamos testar MP em seu fórum!

O que acha?

JS

O Segundo erro ocoreu, pois misturou coisa de um tutorial em uma skin com edições no viewtopic_body que poderia prejudicar!
Peço que re-coloque o viewtopic_body padrão da skin, e para o erro da criação, crie um novo js com investimento em todos as páginas:

Código:

$(document).ready(function(){
$('img[alt="Responder mensagem"]').replaceWith('<span class="topic_buttons">Responder mensagem privada</span>');
$('img[alt="Postar uma nova mensagem privada"]').replaceWith('<span class="topic_buttons">Postar nova mensagem privada</span>');
});

DeeW. escreveu:O Segundo erro ocoreu, pois misturou coisa de um tutorial em uma skin com edições no viewtopic_body que poderia prejudicar!
Peço que re-coloque o viewtopic_body padrão da skin, e para o erro da criação, crie um novo js com investimento em todos as páginas:

Código:

$(document).ready(function(){
$('img[alt="Responder mensagem"]').replaceWith('<span class="topic_buttons">Responder mensagem privada</span>');
$('img[alt="Postar uma nova mensagem privada"]').replaceWith('<span class="topic_buttons">Postar nova mensagem privada</span>');
});

Questão dos botões resolvida!
No entanto, após alguns testes, mesmo após alterar o viewtopic_body para o padrão da skin, o problema da decentralização do userinfo nas PMs permaneceu. Constarei que o problema estava no CSS do tutorial que adicionei para alterar o estilo do userinfo, pois o problema foi solucionado quando o removi. Porém, não gostaria de abrir mão dele por ser bastante bonito (comparado ao da skin padrão) e ter se encaixado muito bem em meu fórum. Será que mexendo no CSS poderia solucionar a questão sem que eu precise abrir mão desse estilo do userinfo?

Se for necessário, o CSS adicionado foi esse aqui:

Código:

.uix_usernameWrapper span.username .i_icon_online{
  margin-right:5px
}
.pun .post .user {
  float:left;
  margin-left:0!important;
  margin-top:0!important;
  padding-top:0!important;
  position:relative;
  width:220px!important;
}
.pun .postmain {
  background-color:#fbfbfb;
  border:1px solid #e2e2e2!important;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -khtml-border-radius:4px; border-radius:4px; margin:0px auto 10px 0 !important; padding:8px;
}

.pun .post-entry {
  float:left;
  width: 77%;
  padding:1em 1em 0;
}

.pun .post {
  border-color:none!important;
  border-style:none!important;
  border-width:0!important;
}
.postfoot {
  border-top:0 dashed!important;
  clear:both;
  margin-left:0!important;
  text-align:right;
  padding:.5em 1em;
}
.pun .posthead {
  float:left;
  background:none!important;
  border-bottom:0 dashed #ccc!important;
}
.user-basic-info img:first-child {
  -moz-border-radius:100%;
  -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  -webkit-border-radius:100%;
  -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  background:#fff;
  border:1px solid #d8d8d8;
  border-radius:100%;
  box-shadow:0 2px 2px rgba(0,0,0,0.0);
  height:150px; width:150px; padding:2px;
}
.messageUserBlock
.extraUserInfo div {
  border-bottom:1px dashed #e2e2e2;
  padding-top:5px;
} .user .messageUserInfo .messageUserBlock h3.userText br {
  display:none;
}
.messageUserInfo {
  background-color:#FFF;
  float:left;
  width:200px; 
  margin-left:5px;
}
.messageUserBlock {
  background-color:#FFF;
  border:1px solid #e2e2e2;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -khtml-border-radius:2px;
  border-radius:2px; position:relative;
}
.messageUserBlock div.avatarHolder {
  background-color:#FFF;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -khtml-border-radius:2px;
  border-radius:2px;
  -webkit-border-bottom-right-radius:0;
  -moz-border-radius-bottomright:0;
  -khtml-border-bottom-right-radius:0;
  border-bottom-right-radius:0;
  -webkit-border-bottom-left-radius:0;
  -moz-border-radius-bottomleft:0;
  -khtml-border-bottom-left-radius:0;
  border-bottom-left-radius:0;
  text-align:center; position:relative; padding:8px;
}
.messageUserBlock div.avatarHolder .avatar {
  display:block; font-size:0;
}
.messageUserBlock h3.userText {
  background-color:#f0f0f0;
  border:0 solid #e2e2e2;
  border-top-width:1px;
  height: 190px;
  padding:6px;
}
.messageUserBlock a.username {
  font-weight:700;
  display:block;
  overflow:hidden;
  line-height:16px;
}
.messageUserBlock .userTitle {
  font-size:6px; display:block;
}
.messageUserBlock .uB:last-child {
  margin-bottom:0;
}
.uB.wp {
  -webkit-border-top-right-radius:0;
  -moz-border-radius-topright:0;
  -khtml-border-top-right-radius:0;
  border-top-right-radius:0;
  -webkit-border-top-left-radius:0;
  -moz-border-radius-topleft:0;
  -khtml-border-top-left-radius:0;
  border-top-left-radius:0;
  position:relative;
}
.messageUserBlock .uB {
  display:block;
  margin:5px -14px;
}
.uB {
  font-size:11px;
  background:transparent url(styles/uix/xenforo/gradients/form-button-white-25px.png)
    repeat-x top;
  border:1px solid transparent;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -khtml-border-radius:3px;
  border-radius:3px;
  text-align:center;
  background-image:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -khtml-box-shadow:none;
  box-shadow:none;
  padding:4px 5px;
}
.uB.wp span.ber {
  -webkit-border-top-left-radius:3px;
  -moz-border-radius-topleft:3px;
  -khtml-border-top-left-radius:3px;
  border-top-left-radius:3px;
  left:-1px;
}
.uB.wp span.aft {
  -webkit-border-top-right-radius:3px;
  -moz-border-radius-topright:3px;
  -khtml-border-top-right-radius:3px;
  border-top-right-radius:3px;
  right:-1px;
}
.uB.wp span {
  position:absolute;
  top:-4px;
  width:5px;
  height:4px;
  background-color:inherit;
}
.uB.bannerStaff {
  background-color:#fafafa;
  background:#6ba65e;
  color:#FFF;
  border-color:transparent;
}
.messageUserBlock .extraUserInfo {
  font-size:12px; background-color:#FFF;
  border:0 solid #e2e2e2;
  border-top-width:1px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -khtml-border-radius:2px;
  border-radius:2px;
  -webkit-border-top-left-radius:0;
  -moz-border-radius-topleft:0;
  -khtml-border-top-left-radius:0;
  border-top-left-radius:0;
  -webkit-border-top-right-radius:0;
  -moz-border-radius-topright:0;
  -khtml-border-top-right-radius:0;
  border-top-right-radius:0;
  padding:4px 6px;
}
.messageUserBlock .extraUserInfo dl {
  margin:2px 0 0;
}
.messageUserBlock .arrow {
  position:absolute;
  top:10px;
  right:-10px;
  display:block;
  width:0;
  height:0;
  line-height:0;
  border:10px solid transparent;
  border-left-color:#e2e2e2;
  -moz-border-left-colors:#e2e2e2;
  border-right:none; _display:none;
}
.messageUserBlock .arrow span {
  position:absolute; top:-10px;
  left:-11px; display:block;
  width:0;
  height:0;
  line-height:0;
  border:10px solid transparent; border-left-color:#FFF; -moz-border-left-colors:#FFF; border-right:none;
}

.uB.fun {
background:#9c25b3 url(http://i.imgur.com/HBePiQw.png)!important;
color:#FFF!important;
border-color:transparent!important;
}




Poderia fazer o que o nosso querido, JScript disse? assim fica melhor para fazer as alterações e desbugar...

Tudo bem!

Spoiler:

Bumpando o tópico mais uma vez.

Mais um up no tópico.
^ sobe

Painel de Controle   Visualização    [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]Templates   [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]Postar & Mensagens Privadas  privmsgs_read_body

Adicione no inicio:

Código:

<style> .pun .entry-content {width: auto!important;}.user-basic-info img{border-radius:0%!important;} .user-basic-info img, .user-basic-info img:first-child { -moz-border-radius:none!important; -moz-box-shadow:none!important; -webkit-border-radius:none!important; -webkit-box-shadow:none!important; background: #fff; border: 1px solid #d8d8d8; border-radius:none!important; box-shadow:none!important; height:inherit!important; padding: 2px; width:inherit!important; } .user-basic-info {text-align:center} .pun .user-ident .username { color: #00569c; display: block; font-size: 1.2em; font-weight: 700; position: relative!important; text-decoration: none; top: 0; text-align:center } .pun .post .user { width:auto!important; float: left; margin-left: -17em!important; margin-top: -1.8em!important; position: relative; } .pun .postmain { border-left: 1px solid #ddd!important; margin-left: 18em !important; border:0px solid #e2e2e2; -webkit-border-radius:none; -moz-border-radius:none; -khtml-border-radius:none; border-radius:none; margin:0 0 0 18em !important; padding:0px!important; } .pun .post-entry { float:none!important; width:inherit!important; padding:1em 1em 0!important; } .pun .post { border-color: #eee #fff #ccc; border-style: solid none; border-width: 2px 0 1px; } .postfoot { border-top: 1px dashed #ccc; clear: both; margin-left: -17em!important; padding: .5em 1em; text-align: right; } .pun .posthead {; border-bottom: 1px dashed #ccc; padding: .5em 1.3em .5em 1em; float:none!important; } </style>



Obrigado por mais uma solução, Cepheus! E também agradeço ao DeeW. por solucionar o problema dos botões.
Podem fechar! 

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]