Cum sa pui avatar la ultimele mesaje [phpBB2]

Pasul 1.
Panoul de Administrare ~> Afisare ~> Template-uri ~> General ~> index_box

Cautati
Cod:

Cod:

<tr>
          <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
          <th nowrap="nowrap" width="50">{L_TOPICS}</th>
          <th nowrap="nowrap" width="50">{L_POSTS}</th>
          <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
      </tr>

Si inlocuiti cu
Cod:
<tr>
<th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>

Salvati si publicati template-ul

Cautati

Cod:

Cod:

 <td class="row3" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.TOPICS}</span>
          </td>
          <td class="row2" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.POSTS}</span>
          </td>
          <td class="row3 over" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
          </td>


Si inlocuiti cu

Cod:

Cod:

<td class="row3" align="right" valign="middle">
                      <div style="width: 120px"><span class="gensmall">{catrow.forumrow.TOPICS} Topic-uri</span><br /><span class="gensmall">{catrow.forumrow.POSTS} Mesaje</span></div>
          </td>
          <td class="row3 over" align="left" valign="middle">
                      <div class="avs" style="width: 220px"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
          </td>

Salvati si publicati template-ul

Pasul 2.
Panoul de Administrare ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript ~> Creati un nou cod JavaScript

Adaugati

Cod:

Cod:

$(document).on('ready', function() {
        $('.forumline tr .row3.over .avs').each(function () {
            var touser = $(this).children('span').children('span').children('strong').children('a').attr('href');
            $(this).prepend('<a href="' + touser + '" class="inx"><img src="http://i45.servimg.com/u/f45/17/25/57/30/defect10.png" alt="No avatar" /></a>');
            $(this).children('a').load(touser + ' .forumline .row1.gensmall[align="center"]:eq(0) img:eq(0)');
        });
    });


Pasul3.
Panoul de Administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS.
Adaugati

Cod:

Cod:

  .avs a.inx img {
      float: left;
      width: 40px;
      height: 40px;
      padding: 1px;
      border: 1px solid #DDD;
      margin: 0 5px;
      -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
      -moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
      box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
    }