Avatar la Recent topics

Vezi subiectul anterior Vezi subiectul urmator In jos

In cos Avatar la Recent topics

Mesaj Scris de G@b1Tzzu la data de Dum 4 Mai - 12:39

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

G@b1Tzzu
Membru Forumgratuit

masculin

Mesaje : 299
Varsta : 17
Localizare : Vaslui
Data de inscriere : 17/01/2014
Multumiri : 59
2 avertismente

http://killzone.pensionrpg.com/

Sus In jos

In cos Re: Avatar la Recent topics

Mesaj Scris de Keir la data de Dum 4 Mai - 14:03

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]A face cu ochiul 

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

In cos Re: Avatar la Recent topics

Mesaj Scris de G@b1Tzzu la data de Dum 4 Mai - 14:06

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

G@b1Tzzu
Membru Forumgratuit

masculin

Mesaje : 299
Varsta : 17
Localizare : Vaslui
Data de inscriere : 17/01/2014
Multumiri : 59
2 avertismente

http://killzone.pensionrpg.com/

Sus In jos

In cos Re: Avatar la Recent topics

Mesaj Scris de Keir la data de Dum 4 Mai - 14:17

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!

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

In cos Re: Avatar la Recent topics

Mesaj Scris de G@b1Tzzu la data de Dum 4 Mai - 14:30

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

G@b1Tzzu
Membru Forumgratuit

masculin

Mesaje : 299
Varsta : 17
Localizare : Vaslui
Data de inscriere : 17/01/2014
Multumiri : 59
2 avertismente

http://killzone.pensionrpg.com/

Sus In jos

In cos Re: Avatar la Recent topics

Mesaj Scris de Keir la data de Dum 4 Mai - 14:55

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

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

In cos Re: Avatar la Recent topics

Mesaj Scris de G@b1Tzzu la data de Dum 4 Mai - 15:04

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

G@b1Tzzu
Membru Forumgratuit

masculin

Mesaje : 299
Varsta : 17
Localizare : Vaslui
Data de inscriere : 17/01/2014
Multumiri : 59
2 avertismente

http://killzone.pensionrpg.com/

Sus In jos

In cos Re: Avatar la Recent topics

Mesaj Scris de G@b1Tzzu la data de Dum 4 Mai - 15:06

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

G@b1Tzzu
Membru Forumgratuit

masculin

Mesaje : 299
Varsta : 17
Localizare : Vaslui
Data de inscriere : 17/01/2014
Multumiri : 59
2 avertismente

http://killzone.pensionrpg.com/

Sus In jos

In cos Re: Avatar la Recent topics

Mesaj Scris de Keir la data de Dum 4 Mai - 17:07

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  Butonul editeaza.
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. A face cu ochiul 

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

In cos Re: Avatar la Recent topics

Mesaj Scris de H4cK3R*uL la data de Dum 18 Mai - 0:12

Avand in vedere ca in ultimele 2 saptamani autorul nu a mai aratat interes pentru acesta problema, topicul va fi inchis si trimis in cos. Daca problema nu a fost rezolvata, va invitam sa deschideti un nou topic, in sectiunea corespunzatoare si avand un titlu explicit.

H4cK3R*uL
Membru onorific
Membru onorific

masculin

Mesaje : 2468
Varsta : 21
Localizare : Împărăția umbrelor.
Data de inscriere : 18/01/2013
Multumiri : 321
Niciun avertisment

http://www.Real-Arena.com

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum