AcasaAcasa  Ultimele imaginiUltimele imagini  CăutareCăutare  ÎnregistrareÎnregistrare  ConectareConectare  

Distribuiţi|

Tutorial | Cum sa pui avatar la ultimele mesaje [phpBB2]

Vezi subiectul anterior Vezi subiectul urmator In jos
AutorMesaj
Maximilian
Maximilian

Funcţie: Membru Oficial
Subiecte : 76
Bani în mână : 139
Mulţumiri Primite : 7
Tutorial | Cum sa pui avatar la ultimele mesaje [phpBB2] Empty
MesajSubiect: Tutorial | Cum sa pui avatar la ultimele mesaje [phpBB2] Tutorial | Cum sa pui avatar la ultimele mesaje [phpBB2] Icon_minitimeMier Apr 09, 2014 2:02 pm

Panoul de Administrare ~> Afisare ~> Template-uri ~> General ~> index_box

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);
}

Autor tutorial:H4cK3R*uL
Sus In jos

Tutorial | Cum sa pui avatar la ultimele mesaje [phpBB2]

Vezi subiectul anterior Vezi subiectul urmator Sus

Subiecte similare

-
t Tutorial | Punerea numelui de utilizator si al rangului sub avatar (phpBB2
t Tutorial | Iconitele de contact sub profil (phpBB2)
t Tutorial |Detalii membri sub avatar in chenar
t Tutorial | Avatar redimensionat automat si elegant
t Tutorial | Detalii membri Sub Avatar In Chenar Cu Border !
Pagina 1 din 1

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
 :: PS , IT ,PLATFORME WEB :: ForumGratuit :: Tutoriale-