Pagina 1 din 11
Forum » ..:: Suport ForumGratuit ::.. » Tutoriale » Cum sa pui avatar la ultimele mesaje [phpBB2]
Cum sa pui avatar la ultimele mesaje [phpBB2]
marcel123Postat: Vineri, 2013-05-24, 6:39 PM | Numarul # 1
Rank: Administratori
Posts: 70
Awards: 0
Pasul 1.
Panoul de Administrare ~> Afisare ~> Template-uri ~> General ~> index_box

Cautati

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

<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

<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

$(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

.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);
}
 
Forum » ..:: Suport ForumGratuit ::.. » Tutoriale » Cum sa pui avatar la ultimele mesaje [phpBB2]
Pagina 1 din 11
Căutare:

Creatorul de site-uriuCoz