Cum pun avatar la ultimele mesaje

Cum spune in titlu cum pun avatar la ultimele mesaje

Poza : https://2img.net/r/ihimizer/img232/1998/snapshot20120819031914.png

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

Cautati acest fragment:

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>

Il inlocuiti cu:

Cod:

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

Mai 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 il 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...

Panoul de Administrare ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript.

Creati o fila javascript, cu acest cod in el:

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

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

Adaugati acolo acest 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);
}

(Coduri doar pentru phpBB2!)

am pus dar akm imi apare asa : https://2img.net/r/ihimizer/img163/2299/snapshot20120819042041.png

Resetati/stergeti template-ul ("X" de culoare rosie), apoi luati primul pas de la inceput.

NU inteleg ce vreti sa spuneti...

In fine, ca sa nu va mai complic, inlocuiti tot template-ul cu:

Cod:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <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>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Il salvati si il publicati.

Notita pentru restul membrilor: daca doriti sa urmati pasii de mai sus, nu uitati sa Separati categoriile sau indexurile la nivel Mediu (Afisare ~> Pagina de start ~> Structura si ierarhie).

Am inlocuit dar akum imi apare asa : https://2img.net/r/ihimizer/img267/9642/snapshot20120819045624.png

Pai nu ai adaugat codurile CSS si Javascript. Citeste primul meu mesaj din topic (cu exceptia fragmentului de inlocuirea codurilor din index_box / ceea ce ai facut deja).

Uitati CSS meu am facut asa cum ati zis :

Cod:

/* Fondatori */
a[href="/g1-Fondatori"] {
    background: url("http://newcstrike.com/forum/images/group_icons/fondator.gif") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
/* Administratori */
a[href="/g14-administratori"] {
    background: url("http://newcstrike.com/forum/images/group_icons/administrator.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
/* Moderatori Globali */
a[href="/g3-moderatori-globali"] {
    background: url("http://newcstrike.com/forum/images/group_icons/gm.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
/* Moderator */
a[href="/g10-moderator"] {
    background: url("http://imgur.com/ALeuf.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
/* Detinator Clan */
a[href="/g15-detinator-clan"] {
    background: url("http://img685.imageshack.us/img685/3134/adminsampx.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}

/* Detinator Server */
a[href="/g12-detinator-server"] {
    background: url("http://img20.imageshack.us/img20/4223/managerserver.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
/* Helper */
a[href="/g5-helper"] {
    background: url("http://i48.tinypic.com/20jjrqf.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
/* Designer  */
a[href="/g6-designer"] {
    background: url("http://evadatii.com/forum/images/group_icons/DesignerS.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
/* V.I.P */
a[href="/g7-vip"] {
    background: url("http://i46.tinypic.com/syl6xh.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}

/* Admin Cs */
a[href="/g11-admin-cs"] {
    background: url("http://evadatii.com/forum/images/group_icons/goldstar21.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}

/* Fete */
a[href="/g8-fete"] {
    background: url("http://imgur.com/AqdYC.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
/* Admin SA:MP */
a[href="/g13-admin-samp"] {
    background: url("http://newcstrike.com/forum/images/group_icons/samp.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
/* Membri */
a[href="/g9-membri"] {
    background: url("http://imgur.com/LJyLi.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}

.online43:hover {
border-bottom-color: #FF5900;
border-left-color: #FF5900;
border-right-color: #FF5900;
border-top-color: #FF5900;
}
45-ltr.css:119
.online43 {
background-color: transparent;
border: 1px solid #3B3B3B;
margin-bottom: 1px;
padding: 1px;
}
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);
}

Si java script am facut : https://2img.net/r/ihimizer/img51/7470/snapshot20120819051321.png

Dar tot nu mere

Ati activat Gestiunea codurilor JavaScript?

Gata multumesc imi apar avaterel la ultimele mesaje dar apare foarte foarte mari cum fac sa apara mici?

uitati cum apare : https://2img.net/r/ihimizer/img27/4599/snapshot20120819075121.png

Trebuie sa adaugi si codurile CSS..Adica:

Cod:

    .avs img {
        width: 40px;
      height: 40px;
    }