Postagens desta maneira

Olá o sistema forumeiros tem muita coisa boa, mas há algo que poderia melhorar os tópicos deixando-os mais bonitos como é o caso da imagem a baixo, onde a imagem fica no lado esquerdo e o texto fica logo ao lado

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

Já utilizei o código a baixo, mas não funciona na mesma, alguém sabe?

Código:

[IMGALIGN=left]https://dl.dropboxusercontent.com/u/24133428/PS3%20EVO%20Trophy%20Library/PrtSrc.png[/IMGALIGN]

Código:


<table style="background: #F1F1F1 url('http://i74.servimg.com/u/f74/18/08/53/97/highli11.png') repeat-x 0 0;border: 1px solid rgba(204, 204, 204, 0.25);border-radius: 5px;box-shadow: rgba(207, 207, 207, 0.75) 1px 2px 9px;-moz-box-shadow: rgba(207, 207, 207, 0.75) 1px 2px 9px;-webkit-box-shadow: rgba(207, 207, 207, 0.75) 1px 2px 9px;width: 80%;padding: 8px;"><tbody><tr><td width="90px"> <a href="/u5"><img style="width: 80px;height: 80px;" src="http://i.imgur.com/RU8qQcx.png" /></a></td><td style="color: #747474;padding: 18px;">Olá {USERLINK},
<img src="http://r17.imgfast.net/users/1717/45/34/10/smiles/1337678750.png"> Leia as <a href="http://bestskins.forumeiros.com/t54-">regras</a>.
<img src="http://r17.imgfast.net/users/1717/45/34/10/smiles/1337678750.png"> Leia os <a href="http://bestskins.forumeiros.com/h3-termos-de-uso">termos de uso</a>.
Obrigado por se cadastrar no {FORUMNAMELINK}!
</td></tr></tbody></table>
Cordialmente,
<a href="/u5" target="_blank">Target</a>.


Código:


<table>
  <tbody>
    <tr style="
">
      <td width="120px" style="
    padding: 5px;
    border: 2px solid blue;
    border-radius: 5px;
    background: rgba(237, 237, 237, 0.31);
">  
  <img style="width: 240px;height: 150px;margin: 1px;" src="https://dl.dropboxusercontent.com/u/24133428/PS3%20EVO%20Trophy%20Library/PrtSrc.png" />
      </td>
     <td>
       Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</td>
    </tr>
  </tbody>
</table>

Restante do texto... Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Target escreveu:Tem toda a razão, me passa o link do post que eu vou ver o que rola nesse bug Podemos até adicionar um margin-top no table pra fazer um resultado legal ^^

Código:


[table][tr][td][img]IMAGEM[/img][/td]
[td]Texto[/td][/tr][/table]


GyGu escreveu:

Target escreveu:Tem toda a razão, me passa o link do post que eu vou ver o que rola nesse bug Podemos até adicionar um margin-top no table pra fazer um resultado legal ^^

Olá amigo Target utilizei o que me voce passou na MP para corrigir lá no tópico mas depois deixa o fórum meio bugado no Index, teria que ser uma coisa mais complexa algo como o @[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] está pensando.
Talvez fazer mesmo a class

Código:


<table class="tabela_com_imagem">
conteúdo
</table>

CSS:
.tabela_com_imagem {
margin-top: -165px;
position: relative;
}


Código:

<p>
<img src="http://r17.imgfast.net/users/1717/45/34/10/avatars/517-83.jpg" alt="Suni" class="text" />
Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate. Cupidatat non proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercitation excepteur sint occaecat. Mollit anim id est laborum.Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate. Cupidatat non proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercitation excepteur sint occaecat. Mollit anim id est laborum.
</p>

Código:

img.text{
  float: left;
  margin-right: 15px;
}

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate. Cupidatat non proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercitation excepteur sint occaecat. Mollit anim id est laborum.Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate. Cupidatat non proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercitation excepteur sint occaecat. Mollit anim id est laborum.
Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate. Cupidatat non proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercitation excepteur sint occaecat. Mollit anim id est laborum.Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate. Cupidatat non proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercitation excepteur sint occaecat. Mollit anim id est laborum.
Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate. Cupidatat non proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercitation excepteur sint occaecat. Mollit anim id est laborum.Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate. Cupidatat non proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercitation excepteur sint occaecat. Mollit anim id est laborum.
Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate. Cupidatat non proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercitation excepteur sint occaecat. Mollit anim id est laborum.Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate. Cupidatat non proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercitation excepteur sint occaecat. Mollit anim id est laborum.

Código:

$(function(){

   var $post = $('.post');
   $post.each(function(){
      $replace = $(this).html().replace(/\[imgt\](.*?)\[\/imgt\]/g, '<img class="img-text" src="$1">');
      $(this).html($replace);
   });

});

Código:

img.img-text {
   float: left;
   margin-right: 1em;
}

Código:

[imgt]LINK DA IMAGEM[/imgt]

waghcwb escreveu:Eae Gygu? Testou o código?

Código:

$(function() {
  $('.entry-content img, .post-entry div img').each(function () {
      $(this).not('a>img').not('img[src*="/smiles/"]').addClass('img-text');
  });
});