Organização de Mensagens

Minha questão:

Nas minhas andanças pelo BS me deparei com um topico muito interessante, porem ele foi fechado por inatividade.
Gostaria de reabrir a questão na esperança de que alguem possa ajudar na questao.

Pois bem o tópico que vi é o seguinte

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Queria saber se tem como deixar as MP's da seguinte forma.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

---

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

Versão:
PunBB

Não amigo, não será possível.
Este código é do Douglas, e ele não gosta de plágio, com isso, não iremos passar o código dele.


Posso fechar o tópico?

Pq algumas pessoas postaram no meu outro pedido que era possivel?

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Alexandre51 escreveu:Pq algumas pessoas postaram no meu outro pedido que era possivel?

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Olá,
Amigo dar dá pois como pode ver, no fórum está isso colocado, mas como o [S]herlock H disse o código é do Douglas e o mesmo não gosta de plágios.

Até Mais...

Olá,
Não seria um plágio se o código fosse diferente. Não acham?

Até +!

Target escreveu:Olá,
Não seria um plágio se o código fosse diferente. Não acham?

Até +!

Olá,
Se fosse diferente, falou bem. Mas como dizia no tópico ele queria igual.

Até Mais...

Olá,
Acho que interpretaram a questão dele equivocadamente.
Queria saber se tem como deixar as MP's da seguinte forma.
Ele deseja deixar as MPs daquele jeito, ele não disse nem igual nem diferente. O código não precisa ser o mesmo, pode-se fazer isto com mudanças no template e jquery como falei antes, o que ele pede é que seja com as 'setas' e sem header. Nem precisaria de jquery, apenas CSS e umas mexidas no HTML já faria o efeito. Como disse, o código não é plágio se for diferente, ninguém está indo no fórum dele (Douglas) pegar o código dele, já trabalhei com ele e sei como que ele é; porém, o código não será dele e nem será desta forma, não seria um plágio.

Até +!

Caraca Target, eu msm nao usaria palavras melhores do que as suas.. Vlw

Olá,
Para não haver nada de "é plágio" e esses blá, blá, blá, eu fiz um código, parecido com o que você pediu, mas diferente, visualize a imagem no final pra ver o resultado.

Troque o privmsg_topic_review por este:
Template -> Postar & Mensagem privada -> privmsg_topic_review

Código:


<div class="main">
   <!-- BEGIN switch_inline_mode -->
   <div class="main-head">
      <h1 class="page-title">{L_TOPIC_REVIEW}</h1>
   </div>
   <!-- END switch_inline_mode -->
<style type="text/css" media="screen">
<!--
.useravatar {
position:static;
margin-top:1px;
margin-bottom:150px;
padding-bottom:150px;
padding-top:1px;
clear:both;}
-->
</style>
   <!-- BEGIN postrow -->
   <div class="main-content topic">
          <div id="targetcodepost">
      <div class="post7">
                     <h4 class="private_info">
                     <div class="avat_priv">
                        {postrow.POSTER_AVATAR}
                     </div>
                  </h4>
         <div class="privpost">
            <div class="headpost">
                                  <span class="username">{postrow.POSTER_NAME}</span>
               <h2>{postrow.POST_SUBJECT_NEW} - {postrow.POST_DATE} </h2>
            </div>
         <div class="postbody">
               <div class="post-entry">
                  <div class="entry-content">
                     <p>{postrow.MESSAGE}</p>
                  </div>
               </div>
               <div class="postfoot">
               {L_ATTACH_SIGNATURE}
               </div>
            </div>
         </div>
      </div>
   </div>
  </div>
   <!-- END postrow -->
</div>


E no CSS:

Código:


.post7 {
    width: 100%;
    margin: 9px 2px 1px 0;
}
.privpost {
    background: rgba(255, 255, 255, 0.08);
    margin-left: 8em;
    margin-top: -4pc;
    padding: 7px;
    border: 1px solid rgba(221, 221, 221, 0.57);
    margin-right: 10px;
    margin-bottom: -5px;
}
div#targetcodepost {
    background: #FFFFFF;
}
.headpost h2 {
    display: inline;
}

.avat_priv img {
    width: 65px;
    height: 65px;
    border: 3px solid #fff;
    border-radius: 100%;
    background: #fff;
}
.avat_priv {
    display: inline-block;
}
.headpost {
    background: rgba(0, 0, 0, 0.02);
    padding: 3px;
}

.pun div.postfoot {
    border: none;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
}

.privpost:before {
    border-color: transparent rgba(228, 228, 228, 0.9) transparent transparent;
border-style: solid;
border-width: 20px;
content: "";
display: block;
    left: 18em;
position: absolute;
  margin-left: -7.8pc;
}


Eu fiz pra versão branca, se por ventura seu fórum tiver na versão dark, favor avise-me, pra que eu possa alterar.

O resultado é este:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

(A skin deste fórum de teste que utilizo é dark, mas o resultado acima (em branco) é o resultado em skins brancas)

Espero que goste, e como disse, pra não haver blá blá blás, dizendo que é plágio, eu fiz o código parecido, mas não igual.

Até +!

@[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] ficou muito , mas muito show de bola mano.
 Os avatares nas MP's ficaram redondos, e achei que isso deu um tham a mais, porem a ceta ficou sobre os avatares.
Segue imagem para entender mais facilmente.


[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Olá amigo, troque o CSS passado por este:

Código:


.post7 {
    width: 100%;
    margin: 9px 2px 1px 0;
}
.privpost {
    background: rgba(255, 255, 255, 0.08);
    margin-left: 8em;
    margin-top: -4pc;
    padding: 7px;
    border: 1px solid rgba(221, 221, 221, 0.57);
    margin-right: 10px;
    margin-bottom: -5px;
}
div#targetcodepost {
    background: #FFFFFF;
}
.headpost h2 {
    display: inline;
}

.avat_priv img {
    width: 65px;
    height: 65px;
    border: 3px solid #fff;
    border-radius: 100%;
    background: #fff;
}
.avat_priv {
    display: inline-block;
}
.headpost {
    background: rgba(0, 0, 0, 0.02);
    padding: 3px;
}

.pun div.postfoot {
    border: none;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
}

.privpost:before {
    border-color: transparent rgba(228, 228, 228, 0.9) transparent transparent;
border-style: solid;
border-width: 20px;
content: "";
display: block;
    left: 18em;
position: absolute;
  margin-left: -5.7pc;
}


Até +!

Agora a ceta veio um pouquinho para a direita 

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Olá,
Eu lhe aconselho a usar o nosso tutorial sobre os widgets fora de outras páginas, apenas no índice, assim, não terá este bug ^^

Mas você pode editar também, alterando o valor do margin-left, da classe .privpost:before.
Colocando mais pra vim para a direita. (Lembrando que o valor é negativo, portanto, se movermos em -7, o +2 deste valor será -5, a nossa velha conta de matemática da escola envolvendo números negativos e positivos)

Até + amigo!

@[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] Agora ficou legal, era exatamente assim que eu queria.. Vlw

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código