كود اظهار اعضاء المجموعه عند وضع المؤشر عليها

[Admin]

https://i.servimg.com/u/f58/19/54/71/78/19410.png

لتمكين عمل الكود :- قم بالتوجه الى لوحة الاداره - ادارة عامة - الرسائل والايميلات - تشكيل
وقم بالبحث عن 

 السماح بوسم أسماء الأعضاء :​

وضعها على خيار جميع الاعضاء

و من ثم اضف الكود التالي الى الـ javascript
العنوان :- اظهار المجموعه
المكان - الصفحة الرئيسية
واضف الكود التالي

  
$(function() {
          'DEVELOPED BY ANGE TUTEUR';
          'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
          'ORIGIN : http://fmdesign.forumotion.com/t1030-display-a-preview-of-groups-on-hover#21553';
         
          var max_users = 10, // max number of users
         
              // language data
              lang = {
                view_group : 'مشاهدة المجموعة كاملة',
                loading : 'Loading...',
                view_err : 'The group data could not be retrieved.'
              },
         
              links = $('a[href^="/g"]').filter(function() {
                if (/\/g\d+-/.test(this.href)) {
                  return this;
                }
              }),
         
              groupsinfo = {};
         
          links.tooltipster && links.not('.tooltipstered').tooltipster({
            animation : 'fade',
            interactive : true,
            contentAsHTML : true,
            minWidth : 300,
            maxWidth : 300,
            delay : 500,
            theme : 'tooltipster-default',
            arrowColor : "#EEE",
            autoClose : true,
            content : lang.loading,
            functionBefore : function(origin, continueTooltip) {
              continueTooltip();
         
              var groupURL = $(this).attr('href'),
                  groupId = groupURL.replace(/.*?\/g(\d+).*/, '$1'),
                  groupName = $(this).text();
         
              if (origin.data('ajax') !== 'cached') {
                if (groupsinfo[groupId] != undefined) {
                  origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached');
                } else {
                  $.get(groupURL, function(d) {
                    var user = $('form[action="' + groupURL + '"] a[href^="/u"]', d),
                        i = 0,
                        li,
                        container = $('<div>'+
                          '<div class="fa_group_preview">'+
                            '<h2 class="fa_group_name">' + groupName + '</h2>'+
                            '<p class="fa_group_desc">' + $('form[action^="/g"]', d).find('dl:eq(1) dd, tr:eq(2) td.row2 .gen').text() + '</p>'+
                            '<ol class="fa_group_list"></ol>'+
                            '<div class="fa_group_button">'+
                              '<a href="' + groupURL + '" class="button1">' + lang.view_group + '</a>'+
                            '</div>'+
                          '</div>'+
                        '</div>');
         
                    for (; i < max_users; i++) {
                      if (user[i]) {
                        li = document.createElement('LI');
                        li.appendChild(user[i]);
                        $('ol', container).append(li);
                      }
                    }
         
                    if (!$('li', container).length) {
                      $('ol', container).after('<div>' + lang.view_err + '</div>');
                    }
         
                    groupsinfo[groupId] = container.html();
                    origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached');
                  });
                }
              }
            }
          });
         
          $('head').append(
            '<style type="text/css">'+
              '.fa_group_preview { font-family:Arial; font-size:12px; color:#000; }'+
              '.fa_group_preview a { text-decoration:none; }'+
              'h2.fa_group_name { font-size:24px; }'+
              'p.fa_group_desc, h2.fa_group_name { margin:10px 0 10px 0; }'+
              'ol.fa_group_list { margin:0 25px; padding:0; }'+
              '.fa_group_button { margin-top:10px; text-align:center; }'+
            '</style>'
          );
        });

 


بالتوفيق للجميع

يرجى ذكر المصدر عند النقل
شركة انكور التطويرية
والسلام ختام​

 

[zoolraqey]

بارك الله فيك على المجهود

 

[العراقي الطائي]

الاعلانات ماليه الموقع وين الموضوع ووين الكود ههههه

 

[Mr.Google]

الكود رائع و يعمل على جميع النسخ بشكل ممتاز بارك الله فيك احسنت التكويد
ما عدى النسخة الاخيره
يتم اظهار الصور الشخصيه للاعضاء بشكل كبير و مزعج في التصفح و المعاينه

 

[Admin]

ما عدى النسخة الاخيره
يتم اظهار الصور الشخصيه للاعضاء بشكل كبير و مزعج في التصفح و المعاينه

يكون يحتاج شوية تعديلات
هل تحتاج لأقوم بتعديله لك؟

 

[Mr.Google]

يكون يحتاج شوية تعديلات
هل تحتاج لأقوم بتعديله لك؟

نعم احتاج الكود لنسخه الاخيره دون عرض الصور الشخصيه

كان لدي كود اخر سابحث عنه و ارسله لك
الكود الذي كنت قد ركبته لا يقوم بعرض اسماء اعضاء المجموعه لزوار
فقط للاعضاء
و الزوار هناك رساله : "لا يمكن استيراد بيانات المجموعه"

 

[Admin]

نعم احتاج الكود لنسخه الاخيره دون عرض الصور الشخصيه

تفضل أخي تم التعديل

<main id="index">
    <div class="main-inner">
        <!-- BEGIN message_admin_index -->
        <div class="block introduction">
            <!-- BEGIN message_admin_titre -->
            <div class="block-header">{message_admin_index.message_admin_titre.MES_TITRE}</div>
            <!-- END message_admin_titre -->

            <!-- BEGIN message_admin_txt -->
            <div class="block-content">{message_admin_index.message_admin_txt.MES_TXT}</div>
            <!-- END message_admin_txt -->
        </div>
        <!-- END message_admin_index -->

        {CHATBOX_TOP}
        {BOARD_INDEX}

        <!-- BEGIN disable_viewonline -->
        <div id="block-online" class="block-subtle">
            <i class="material-icons">assessment</i>
            <div>

                <!-- BEGIN switch_viewonline_link -->
                <span class="headline"><a href="{U_VIEWONLINE}" style="color: #263238;" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
                <!-- END switch_viewonline_link -->

                <!-- BEGIN switch_viewonline_nolink -->
                <span class="headline">{L_WHO_IS_ONLINE}</span>
                <!-- END switch_viewonline_nolink -->

                {TOTAL_USERS_ONLINE}<br /><br />
                {RECORD_USERS}<br />

                {LOGGED_IN_USER_LIST}<br />

                {L_ONLINE_USERS}
                {L_CONNECTED_MEMBERS} <br />

                {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

                <br />
                <!-- BEGIN switch_group_legend -->
                <em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>
                <!-- END switch_group_legend -->
            </div>
        </div>
        <!-- END disable_viewonline -->
        {CHATBOX_BOTTOM}
    </div>
</main>

<aside id="sidebar" class="sidebar-home">
    <!-- BEGIN giefmod_index1 -->
    {giefmod_index1.MODVAR}
    <!-- BEGIN saut -->
    <div style="height:{SPACE_ROW}px"></div>
    <!-- END saut -->
    <!-- END giefmod_index1 -->
</aside>

<script type="text/javascript">
    $(document).ready(function() {
        if ($('#sidebar').is(':empty')) {
            $('#index').css('margin', 0);
            $('#sidebar').hide();
        }
    });
</script>

 

[Mr.Google]

اليس هذا قالب index_body

الكود الذي كنت استعمله يعمل على جميع النسخ ما عدى الاخيره يظهر الصوره الشخصيه

$(function() {
  var max_users = 10, // max number of users
 
      // language data
      lang = {
        view_group : 'عرض المجموعة كاملة',
        loading : 'تحميل...',
        view_err : 'لا يمكن استرداد بيانات المجموعة.'
      },
 
      links = $('a[href^="/g"]').filter(function() {
        if (/\/g\d+-/.test(this.href)) {
          return this;
        }
      }),
 
      groupsinfo = {};
 
  links.tooltipster && links.not('.tooltipstered').tooltipster({
    animation : 'fade',
    interactive : true,
    contentAsHTML : true,
    minWidth : 300,
    maxWidth : 300,
    delay : 500,
    theme : 'tooltipster-default',
    arrowColor : "#EEE",
    autoClose : true,
    content : lang.loading,
    functionBefore : function(origin, continueTooltip) {
      continueTooltip();
 
      var groupURL = $(this).attr('href'),
          groupId = groupURL.replace(/.*?\/g(\d+).*/, '$1'),
          groupName = $(this).text();
 
      if (origin.data('ajax') !== 'cached') {
        if (groupsinfo[groupId] != undefined) {
          origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached');
        } else {
          $.get(groupURL, function(d) {
            var user = $('form[action="' + groupURL + '"] a[href^="/u"]', d),
                i = 0,
                li,
                container = $('<div>'+
                  '<div class="fa_group_preview">'+
                    '<h2 class="fa_group_name">' + groupName + '</h2>'+
                    '<p class="fa_group_desc">' + $('form[action^="/g"]', d).find('dl:eq(1) dd, tr:eq(2) td.row2 .gen').text() + '</p>'+
                    '<ol class="fa_group_list"></ol>'+
                    '<div class="fa_group_button">'+
                      '<a href="' + groupURL + '" class="button1">' + lang.view_group + '</a>'+
                    '</div>'+
                  '</div>'+
                '</div>');
 
            for (; i < max_users; i++) {
              if (user[i]) {
                li = document.createElement('LI');
                li.appendChild(user[i]);
                $('ol', container).append(li);
              }
            }
 
            if (!$('li', container).length) {
              $('ol', container).after('<div>' + lang.view_err + '</div>');
            }
 
            groupsinfo[groupId] = container.html();
            origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached');
          });
        }
      }
    }
  });
 
  $('head').append(
    '<style type="text/css">'+
      '.fa_group_preview { font-family:droid Arabic Kufi; font-size:12px; color:#000; }'+
      '.fa_group_preview a { text-decoration:none; }'+
      'h2.fa_group_name { font-size:24px; }'+
      'p.fa_group_desc, h2.fa_group_name { margin:10px 0 10px 0; }'+
      'ol.fa_group_list { margin:0 25px; padding:0; }'+
      '.fa_group_button { margin-top:10px; text-align:center; }'+
    '</style>'
  );
});

 

[Admin]

غريبة بعرفش كيف تغير الكود او شكلي مخربش لما وضعتلك الكود
هذا هو الكود المعدل أخي تفضل

$(function() {
  var max_users = 10, // max number of users
 
      // language data
      lang = {
        view_group : 'عرض المجموعة كاملة',
        loading : 'تحميل...',
        view_err : 'لا يمكن استرداد بيانات المجموعة.'
      },
 
      links = $('a[href^="/g"]').filter(function() {
        if (/\/g\d+-/.test(this.href)) {
          return this;
        }
      }),
 
      groupsinfo = {};
 
  links.tooltipster && links.not('.tooltipstered').tooltipster({
    animation : 'fade',
    interactive : true,
    contentAsHTML : true,
    minWidth : 300,
    maxWidth : 300,
    delay : 500,
    theme : 'tooltipster-default',
    arrowColor : "#EEE",
    autoClose : true,
    content : lang.loading,
    functionBefore : function(origin, continueTooltip) {
      continueTooltip();
 
      var groupURL = $(this).attr('href'),
          groupId = groupURL.replace(/.*?\/g(\d+).*/, '$1'),
          groupName = $(this).text();
 
      if (origin.data('ajax') !== 'cached') {
        if (groupsinfo[groupId] != undefined) {
          origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached');
        } else {
          $.get(groupURL, function(d) {
            var user = $('form[action="' + groupURL + '"] a[href^="/u"]', d),
                i = 0,
                li,
                container = $('<div>'+
                  '<div class="fa_group_preview">'+
                    '<h2 class="fa_group_name">' + groupName + '</h2>'+
                    '<p class="fa_group_desc">' + $('form[action^="/g"]', d).find('dl:eq(1) dd, tr:eq(2) td.row2 .gen').text() + '</p>'+
                    '<ol class="fa_group_list"></ol>'+
                    '<div class="fa_group_button">'+
                      '<a href="' + groupURL + '" class="button1">' + lang.view_group + '</a>'+
                    '</div>'+
                  '</div>'+
                '</div>');
 
            for (; i < max_users; i++) {
              if (user[i]) {
                li = document.createElement('LI');
                li.appendChild(user[i]);
                $('ol', container).append(li);
              }
            }
 
            if (!$('li', container).length) {
              $('ol', container).after('<div>' + lang.view_err + '</div>');
            }
 
            groupsinfo[groupId] = container.html();
            origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached');
          });
        }
      }
    }
  });
 
  $('head').append(
    '<style type="text/css">'+
      '.fa_group_preview { font-family:droid Arabic Kufi; font-size:12px; color:#000; }'+
      '.fa_group_preview a { text-decoration:none; }'+
      'h2.fa_group_name { font-size:24px; }'+
      '.fa_group_list img { display:none; }'+
      'p.fa_group_desc, h2.fa_group_name { margin:10px 0 10px 0; }'+
      'ol.fa_group_list { margin:0 25px; padding:0; }'+
      '.fa_group_button { margin-top:10px; text-align:center; }'+
    '</style>'
  );
});

 

[Mr.Google]

الله يبارك فيك
الكود يعمل بشكل جيد لنسخة الاخيره