Index box como por assim?

Qual é minha questão:
Olá gostaria de saber se há como por os ''Icones de Mensagens'' que nós colocamos quando vamos fazer um Tópico,Gostaria que o Icone de Mensagem que eu ou outros membros colocassem aparecessem aqui tipo assim : https://i.imgur.com/d9YOj.jpg
Caso precise meu index_box :

Código:

<div class="main">

 




  
<li class="forumbit_nopost old L1" id="cat1">











   


      [b]




         
                          
{catrow.tablehead.L_FORUM}
                  
                 
      




         
      




      [/b]


   
           [url=http://ajuda.forumeiros.com/#top][img]http://www.purevb.com/demo/images/styles/ChitChat/buttons/collapse_tcat.png[/img][/url]
      
   
   





   

      

         

            

            Título
                                 

          
            
[center]
          
      [/center]      

         Último Post
      



   


   
   [list=1]
      
[*]
   

      

 [img]{catrow.forumrow.FORUM_FOLDER_IMG}[/img]
         

            

               

                  [b] [url=http://ajuda.forumeiros.com/{catrow.forumrow.U_VIEWFORUM}]{catrow.forumrow.FORUM_NAME}[/url][/b]


                  
{catrow.forumrow.FORUM_DESC}
               







               




               
                                   
      
[list]
         
[*]Tópicos: {catrow.forumrow.TOPICS}
         
[*]Posts: {catrow.forumrow.POSTS}
      
[/list]
      

         [b]Último Post:[/b]


         

            
   
   
   
   
     
      [url=http://ajuda.forumeiros.com/{catrow.forumrow.U_LATEST_TOPIC}]{catrow.forumrow.LATEST_TOPIC_NAME}[/url]

     
      {catrow.forumrow.USER_LAST_POST}
     
   

          
          
                       
      




          
          
          
          
         
   
[/list]
   

   
   
         

          
          



 



</li>
   
          
          
           
  
  </ol>
 




#sidebar_container {
float: right;
width: 250px;
padding: 17px 0;
margin-bottom: 3em;
}
#sidebar_container > ul {
background: #ebe8e4 url(http://i1122.photobucket.com/albums/l525/liger1723/GmGreen/top-highlight.png) repeat-x left top;
border: 1px solid #D2DBC0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: -2px 2px 2px #C8C8C8;
-webkit-box-shadow: -2px 2px 2px #C8C8C8;
box-shadow: -2px 2px 2px #C8C8C8;
float: left;
width: 100%;
list-style: none;
padding: 0;
}
#sidebar_container .block {
margin-bottom: 4px;
padding: 6px;
border-top-right: 5px;
border-top-left: 5px;
border-top-right: 5px;
border-top-left: 5px;
}
#sidebar_container .blocksubhead {
background: transparent none;
height: 16.76px;
color: #424242;
padding: 5px 6px;
border: none;
outline: none;
font-weight: bold;
}
#sidebar_container a.collapse {
position: static;
}
#sidebar_container .blocksubhead a img {
vertical-align: middle;
float: right;
}




#sidebar_container .blockbody {
color: #424242;
border: 1px solid #DADADA;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: white;
_background-image: none;
padding: 0;
}
#sidebar_container .underblock {
height: 9px;
background: transparent url(http://i1122.photobucket.com/albums/l525/liger1723/GmGreen/bottom-shadow.png) repeat-x left bottom;
}

Endereço do meu fórum:
http://webgames.forumn.org

Versão do fórum:
PHPBB3

Olá AngelCheats!

Por gentileza, passe-me o link do site em que o senhor viu tal efeito.

Cordialmente,

homecheats.net , webcheats.com.br eu sei que é para vbulletin ou ipb sei lá mais já vi uns 4 foruns assim deve ser edição de template tipo eu vi um {icon mensagem} sei lá

Olá senhor, eu posso colocar um ícone padrão, editando o template, mas se eu fose colocar um ícone editável pelos membros, teria q ser por javascript (que é contra as regtras posta-lo aqui) prefere assim mesmo?

Cordialmente,

não entendi muito bem mais o do JS Poderia me passar por MP?

Desculpe-me, mas de qualquer jeito é contra as regras do forúm dos forúns...

A minha sugestão que te falei acima era: Colocar um ícone padrão na frente das ultimas mensagens, mass esse ícone não pode ser modificado pelo usuário do post, porque como falei, necessita de código jQuery.

Cordialmente,

Ok pode ser assim mesmo

mais o icone eu queria que fosse este : http://www.webcheats.com.br/forum/images/icons/icon1.png

Olá senhor, por gentileza, troque seu index-box por este:

Código:

<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->




 
<li class="forumbit_nopost old L1" id="cat1">
<!-- Start Forum tcat Heading PureVB -->
<div class="forumBitBoxTB"><div class="forumbitBoxTL"><div class="forumBitBoxTR"><div class="forumBitBoxTWrap"></div></div></div></div>
<div class="forumbitBoxLeft"><div class="forumbitBoxRight"><div class="forumbitBox">
<div class="tcat">
  <div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
      <h2>




        <span class="forumtitle">
                         
{catrow.tablehead.L_FORUM}
                 
                  </span>
     




       
     




      </h2>
 
          <a class="collapse tcatCollapse" id="collapse_c_cat1" href="#top"><img src="http://www.purevb.com/demo/images/styles/ChitChat/buttons/collapse_tcat.png" alt=""></a>
     
 
  </div></div>
</div>
<!-- End Forum tcat Heading PureVB -->
<!-- Start Forum thead Heading PureVB -->
<div class="forumbitBody">
<div class="thead_bar">
  <div class="theadrow table">
      <div class="foruminfo td">
        <div class="forumdata">
            <div class="datacontainer">
            Título
            </div>
        </div>
      </div>
      <div class="forumactionlinks td">
         
      </div>
      <div class="forumstats td" align="center">
         
      </div>
      <div class="forumlastpost td">
        Último Post
      </div>




  </div>
</div>
<!-- endForum thead Heading PureVB -->
<!-- END tablehead -->
<!-- BEGIN forumrow -->
 
  <ol id="c_cat1" class="childforum">
      <li id="forum2" class="forumbit_post old L2">
  <div class="forumrow table">
      <div class="foruminfo td">
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="forumicon" id="forum_statusicon_2" alt="">
        <div class="forumdata">
            <div class="datacontainer">
              <div class="titleline">
                  <h2 class="forumtitle"> <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}></h2>
                  <br>{catrow.forumrow.FORUM_DESC}
              </div>








             




             
            </div>
        </div>
      </div>
       
      <ul class="forumstats td">
        <li>Tópicos: {catrow.forumrow.TOPICS}</li>
        <li>Posts: {catrow.forumrow.POSTS}</li>
      </ul>
      <div class="forumlastpost td">
        <h4 class="lastpostlabel">Último Post:</h4>
        <div>
           
  <p class="lastposttitle">
 
 
  <span>
      <!-- BEGIN switch_topic_title -->
      <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}"><img src="http://www.webcheats.com.br/forum/images/icons/icon1.png">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
      <!-- END switch_topic_title -->
      {catrow.forumrow.USER_LAST_POST}
      </span>
  </p>
         
         
        </div>
      </div>
       
  </div>
 




         
         
         
         
       
 
</li>
  </ol>
  <!-- END forumrow -->
<!-- BEGIN catfoot -->
 
  <!-- END catfoot -->
       
<!-- BEGIN tablefoot -->
         
         
</div>
<div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight"> </div></div></div>
</div></div></div>
<div class="forumBitBoxTBB"><div class="forumbitBoxBL"><div class="forumBitBoxBR"><div class="forumBitBoxBWrap"></div></div></div></div>
</li>
    <!-- END tablefoot -->
         
         
          <!-- END catrow -->
 
  </ol>
  <style>




#sidebar_container {
float: right;
width: 250px;
padding: 17px 0;
margin-bottom: 3em;
}
#sidebar_container > ul {
background: #ebe8e4 url(http://i1122.photobucket.com/albums/l525/liger1723/GmGreen/top-highlight.png) repeat-x left top;
border: 1px solid #D2DBC0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: -2px 2px 2px #C8C8C8;
-webkit-box-shadow: -2px 2px 2px #C8C8C8;
box-shadow: -2px 2px 2px #C8C8C8;
float: left;
width: 100%;
list-style: none;
padding: 0;
}
#sidebar_container .block {
margin-bottom: 4px;
padding: 6px;
border-top-right: 5px;
border-top-left: 5px;
border-top-right: 5px;
border-top-left: 5px;
}
#sidebar_container .blocksubhead {
background: transparent none;
height: 16.76px;
color: #424242;
padding: 5px 6px;
border: none;
outline: none;
font-weight: bold;
}
#sidebar_container a.collapse {
position: static;
}
#sidebar_container .blocksubhead a img {
vertical-align: middle;
float: right;
}




#sidebar_container .blockbody {
color: #424242;
border: 1px solid #DADADA;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: white;
_background-image: none;
padding: 0;
}
#sidebar_container .underblock {
height: 9px;
background: transparent url(http://i1122.photobucket.com/albums/l525/liger1723/GmGreen/bottom-shadow.png) repeat-x left bottom;
}</style>

Cordialmente,

Olá, veja o tópico abaixo se é o que procura.

- [FAQ] - Adicionar icones de mensagens.

Obrigado Funcionou !!