Avatar la Recent topics

cum spune si din titlu vreau si eu sa pun la recent topics la acel widget sa adaug avatar cum este in imaginea asta

Salutare,
Un mic efort nu strica sa cauti inainte de a deschide un topic: [Trebuie sa fiti inscris si conectat pentru a vedea acest link] .  

Scuze dar nui ce caut eu
eu vreau pt widget ca pentru categorii miam pus ,

1.Adauga in mod_recent_topics:

Cod:


    
    <!-- BEGIN scrolling_row -->
    <div class="module main">
       <div class="main-head"><div class="h3">Tópicos Recentes</div></div>
        <div id="mod_recent_topics" class="main-content _sbcollapsable" style="margin: 0px; height: 225px; max-height: 225px; overflow: auto;">
            <ul class="ipsList_withminiphoto" style="margin: 0px !important;">
                <!-- BEGIN recent_topic_row -->
                <li class="clearfix">
                    <!-- BEGIN switch_poster -->
                    <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}" class="ipsUserPhotoLink left">
                        <img src="" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini"
                            style="width: 30px; height: 30px; border: 1px solid rgb(213, 213, 213); background: none repeat scroll 0% 0% rgb(255, 255, 255);
                                box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 1px;">
                    </a>
                    <!-- END switch_poster -->
                    <div class="list_content" style="margin-left: 40px; word-wrap: break-word;">
                        <a onmouseover="document.getElementById('comments_scroll_container').stop();"
                            onmouseout="document.getElementById('comments_scroll_container').start();" class="ipsType_small" style="font-size: 12px;"
                            href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE} - criado em {scrolling_row.recent_topic_row.S_POSTTIME}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}
                        </a>
                        <p class="desc ipsType_smaller" style="color: rgb(119, 119, 119);">
                            <!-- BEGIN switch_poster -->
                            <a onmouseover="document.getElementById('comments_scroll_container').stop();"
                                onmouseout="document.getElementById('comments_scroll_container').start();"
                                href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}" style="font-size: 11px !important;">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}
                            </a>
                            <!-- END switch_poster -->

                            <!-- BEGIN switch_poster_guest -->
                            {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}
                            <!-- END switch_poster_guest -->

                             - {scrolling_row.recent_topic_row.S_POSTTIME}
                        </p>
                    </div>
                </li>
                <!-- END recent_topic_row -->
          </ul>
       </div>
    </div>

    <script type="text/javascript">
    //<![CDATA[
    $(function(){
        div_marquee('mod_recent_topics', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
    });
    //]]>
    </script>
    <!-- END scrolling_row -->

    <!-- BEGIN classical_row -->
    <div class="module main">
       <div class="main-head"><h3>Topicuri recente</h3></div>
       <div id="mod_recent_topics" class="main-content _sbcollapsable" style="margin: 0px; height: 225px; max-height: 225px; overflow: auto;">
            <ul class="ipsList_withminiphoto" style="margin: 0px !important;">
                <!-- BEGIN recent_topic_row -->
                <li class="clearfix">
                    <!-- BEGIN switch_poster -->
                    <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" class="ipsUserPhotoLink left">
                        <img src="" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini"
                            style="width: 30px; height: 30px; border: 1px solid rgb(213, 213, 213); background: none repeat scroll 0% 0% rgb(255, 255, 255);
                                box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 1px;">
                    </a>
                    <!-- END switch_poster -->
                    <div class="list_content" style="margin-left: 40px; word-wrap: break-word;">
                        <a href="{classical_row.recent_topic_row.U_TITLE}" class="ipsType_small" style="font-size: 12px;"
                            title="{classical_row.recent_topic_row.L_TITLE} - criado em {classical_row.recent_topic_row.S_POSTTIME}">{classical_row.recent_topic_row.L_TITLE}</a>
                        <p class="desc ipsType_smaller" style="color: rgb(119, 119, 119);">
                            <!-- BEGIN switch_poster -->
                            <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" style="font-size: 11px !important;">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
                            <!-- END switch_poster -->

                            <!-- BEGIN switch_poster_guest -->
                            {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
                            <!-- END switch_poster_guest -->

                             - {ON} {classical_row.recent_topic_row.S_POSTTIME}
                        </p>
                    </div>
                </li>
                <!-- END recent_topic_row -->
          </ul>
       </div>
    </div>
    <!-- END classical_row -->
    <script type="text/javascript">
    //<![CDATA[
    /***
     * Widget Recent Topics
     * Only one request per session to read member profile to get avatar!
     * Only show the widget if is visible in browser window (view port)!!!
     * Made and Optimizations by JScript - 2013/07/12
     */
    
   /* Fire event for 'scroll' to show the widget... */
    $(window).load(function() {
        if (location.pathname == '/forum') {
            jQuery(window).on('scroll.mod_recent_topics', showRecentTopics(document.getElementById("mod_recent_topics")));
        }
    });
    /* Function to check if an element is visible in view port */
    function isInViewPort(elem) {
       var rect = elem.getBoundingClientRect();

       return (
       rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
       rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */ );
    }
    /* Start function to show the widget... */
    function showRecentTopics(elem) {
       return function() {
            /* Chech if the widget is visible in view port! */
          if (isInViewPort(elem)) {
                /* If visible, stop event!!! */
             jQuery(window).off('scroll.mod_recent_topics');
                /* DOM chached for fast execution! */
                var oTarget = $('#mod_recent_topics').find('ul.ipsList_withminiphoto > li');

                oTarget.each(function () {
                    oThis = $(this); /* DOM chached for fast execution! */
                  
                   if (oThis.find('a.ipsType_small').text().indexOf('_Log') !== -1) oThis.remove();
                  
                   var load_container = oThis.children('a');
                    var UserURL = load_container.attr('href');
                    var def_img = "http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png"; /* In case request profile errors! */
                    var sHtml = '<img src="' + def_img + '" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini" ' +
                                '    style="width: 30px; height: 30px; border: 1px solid rgb(213, 213, 213); background: none repeat scroll 0% 0% rgb(255, 255, 255);' +
                                '        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 1px;">';
                    var UserIMG = sessionStorage.getItem(UserURL); /* Gets the avatar saved in local storage (Fastest!)*/
          
                   /* If avatar alread saved, then no request member profile! */
                    if(UserIMG) {
                        load_container.children('img').attr('src', UserIMG);
                    } else {
                        /* if not, then only request per session!!! */          
                       load_container.load(UserURL + ' #profile_tabs p img', function() {
                            var imgTag = load_container.children('img');
                  
                           if (imgTag.length == 0) {
                                load_container.append(sHtml);
                                /* Saves the default avatar in local storage */
                                sessionStorage.setItem(UserURL, def_img);
                            } else {
                                imgTag.attr('class','ipsUserPhoto ipsUserPhoto_mini');
                                imgTag.css({ 'width' : '30px', 'height' : '30px', 'border' : '1px solid rgb(213, 213, 213)', 'padding' : '1px',
                                    'background' : 'none repeat scroll 0% 0% rgb(255, 255, 255)', 'box-shadow' : '0px 2px 2px rgba(0, 0, 0, 0.1)' });
                                /* Saves the member avatar in local storage */
                                sessionStorage.setItem(UserURL, imgTag.attr('src'));
                            }
                        });
                    }
                });
          }
       }
    }
    //]]>
    </script>


2.In Foaia de stil CSS adauga:

Cod:

.pun .main-content ol, .pun .main-content ul {
    padding-left: 0 !important;
}
.module ol, .module ul {
    padding-left: 0 !important;
}

3.Ultimul lucru pe care trebuie sa-l faci este sa apasei ALT + F5 pentru a reimprospata memoria cache. Succes!

ii bun dar in lok de FOTO acolo unde apare cu alb pot sa pui avatarul celui care posteaza?

Ultimul lucru pe care trebuie sa-l faci este sa apasei ALT + F5 pentru a reimprospata memoria cache

Ai facut acest lucru?

unde sa dau ALT + F5 pe forum sau in CP?

Am dat ALt si F5 in Cp dar la recent topics tot numi arata avatarul postaorului imi arata o imagine mica care scrie FOTO pe ea

Va rugam sa readuceti in atentie intrebarea dumneavoastra doar daca au trecut cel putin 24 de ore fara sa primiti un raspuns. Pentru actualizarea mesajului anterior puteti folosi butonul  .
Mulţumesc pentru înţelegere!

Revenind la problema, va rog sa asteptati un interval de timp pana cand memoria cache se improspateaza, din cand in cand apasati combinatia ALT + F5.