![[ Tutorial ] Cum sa pui avatar la ultimele mesaje [phpBB2 KlPSqos](https://i.imgur.com/klPSqos.png)
Loginu![[ Tutorial ] Cum sa pui avatar la ultimele mesaje [phpBB2 WVZcJtm](https://i.imgur.com/WVZcJtm.png)
Cont nou![[ Tutorial ] Cum sa pui avatar la ultimele mesaje [phpBB2 6gJP3vN](https://i.imgur.com/6gJP3vN.png)
#1Joi Aug 08, 2013 1:37 am
Sarbatori Fericite " 2o14 "
Administrator
Mesaje : 110
Inscrierea : 06/08/2013Pasul 1.
Panoul de Administrare ~> Afisare ~> Template-uri ~> General ~> index_box
Cautati
Si inlocuiti cu
Salvati si publicati template-ul
Cautati
Si inlocuiti cu
Salvati si publicati template-ul
Pasul 2.
Panoul de Administrare ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript ~> Creati un nou cod JavaScript
Adaugati
Pasul3.
Panoul de Administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS.
Adaugati
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);
}
