avatar in lista de membri online

[mr.franta]

Buna ziua,as vrea sa na ajutati sa adaug avatarele membrilor conectati pe forum.
Folosesc versiunea PunBB

[Vizitator]

index_body:

Cod:

<p id="fdOnline">{LOGGED_IN_USER_LIST}</p>

JavaScript:

Cod:

/*
* Plugin: Avatare in lista membrilor conectati.
* Autor: tools.
* Site: www.BitCoding.biz
*/
function toolsAvs() {
  $(function() {
      $('#fdOnline a').each(function() {
        var href_url = this.href,
        name = $(this).text();
        $('#fdOnline').html($('#fdOnline a')).html();
        $(this).load(href_url + 'fieldset.frm-set.left.profile-view dd img:eq(0)',document.getElementById('main-content'),function() {
            $(this).children('img').attr({'title' : ''+ name +'','id' : 'toolsAv'});
        });
      });
  });
};
toolsAvs();

CSS:

Cod:

#fdOnline > a > img {
max-width: 35px;
}

#fdOnline {
overflow: hidden;
}

[mr.franta]

Nu este nicio diferenta

[Vizitator]

Poti fi putin mai explicit te rog ?

[Vizitator]

Buna Seara,
Mai aveti nevoie de ajutor pentru aceasta problema ?

[mr.franta]

Da,inca mai am nevoie

[Vizitator]

Buna ziua,
Incercati si aceasta varianta.
JavaScript:

Cod:

// Avatar on online member list
// Otimized and Update by YoDa.
// www.extrem-tutorials.com
// 20/03/2014 - A new last update

$(function(){
    if(!window.localStorage) return;
   // Default avatar of member
    var default_avatar = 'http://2img.net/i/fa/invision/pp-blank-thumb.png',
   // Cache time on 24 H * 60 Min * 60 Sec * 1000 Milsec
    caching_time = 24*60*60*1000,
   // Cache error time
    caching_error = 60*1000,
   // Class of show member avatars
   class_post = '#yOnline a';
   
   // Get a member avatar function
    var set_avatar= function(id) {
        $('.mini_ava.member').html('<img class="left_member" src="'+get_avatar(id)+'" />');
    };
   
   // Get a images of member
    var get_avatar= function(id) {
        if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
        {
            localStorage.setItem('d_ava'+id, default_avatar);
            $.get('/u'+id, function (d){
                localStorage.setItem('t_ava'+id,+new Date);
                localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
                set_avatar(id);
            });
        }
        return localStorage.getItem('d_ava'+id);
    };
   // Return replace function
    var to_replace= {};
    $(class_post).each(function(){
        to_replace[$(this).attr('href').substr(2)]= 1;
        $(this).replaceWith('<a class="mini_ava member" href="/u'+$(this).attr('href').substr(2)+'"></a>');
    });
    for(i in to_replace)
    {
        set_avatar(i);
    };
});

in index_body

Cod:

<span id="yOnline">{LOGGED_IN_USER_LIST}</span>

si in CSS:

Cod:

.left_member {
float: left;
max-width: 35px;
max-height: 35px;
background: white;
padding: 1px;
border: 1px solid;
}

#yOnline {
font-size: 0px;
}

[mr.franta]

EDIT: yoda codul ar fi foarte bun numai ca la orice membru conectat ii arata avatarul meu

[Vizitator]

Buna ziua,
Pentru a functiona corect va trebuie ca fiecare membru sa dea Delete Cookie.

Sper sa functioneze.

Cu stima,
YoDa

[mr.franta]

Spune-mi te rog yoda pot adauga avatarul intr-un div deja crat de mine?
top_bar2 daca da,cum?

[Zeus]

Buna seara,

Cautati in codul javascript furnizat de Yoda mai sus:

Cod:

class_post = '#yOnline a';

Inlocuiti cu:

Cod:

class_post = '#yOnline a, .top_bar2 a';

top_bar2 - reprezinta numele clasei

[mr.franta]

Aceasta modificare imi detorioreaza topbar,si link-urile dispar.

Poate va ajuta codul html folosit in header

Cod:

 
  <!-- END switch_user_logged_out -->
 
    <!-- BEGIN switch_user_logged_in -->
  <div class="top_bar2" style="height: 35px;color: white;
  text-shadow: 0px 0px 2px black;position: relative;left: 0px;right: 0px;top: 0px;">
    <ul>
        <li><a href="/login?logout=1" title="logout, see soon!"><img src="https://cdn3.iconfinder.com/data/icons/3d-glossy-basic/512/erase-16.png"></img>Logout</a></li>
   
      <li><a href=""><img src="https://cdn1.iconfinder.com/data/icons/nuvola2/16x16/actions/camera_test.png"></img>{LOGGED_AS}</a></li>
      <div style="float: left">

        <li><a href="/profile?mode=editprofile&page_profil=avatars"><img src="https://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/comix.png"></img>Avatar</a></li>
        <li><a href="/profile?mode=editprofile&page_profil=signature"><img src="https://cdn2.iconfinder.com/data/icons/large-svg-icons-part-3/512/order_form_online_offer-16.png"></img>Semnatura</a></li>
        <li><a href="/profile?mode=editprofile&page_profil=preferences"><img src="https://cdn2.iconfinder.com/data/icons/tango/16x16/actions/mail-send-receive.png"></img>Preferinte</a></li>
        <li><a href="/privmsg?folder=inbox"><img src="https://cdn1.iconfinder.com/data/icons/fatcow/16/mail_yellow.png"></img>{PRIVATE_MESSAGE_INFO}</a></li>
        <li><a href="/privmsg?folder=inbox"><img src="https://cdn0.iconfinder.com/data/icons/fugue/icon_shadowless/inbox-download.png"></img>{PRIVATE_MESSAGE_INFO_UNREAD}</a></li>
        <div class="logo_sus"><li><a href="http://frannnta-design.online-talk.net/forum"><img src="http://i55.servimg.com/u/f55/14/12/03/12/logo11.png" style="position: relative;top: 9px;" /></a></li></div></div> </ul>
             
 
  </div>
 <!-- END switch_user_logged_in -->