كود معاينه الاعضاء بعد وضع الماوس

الكود:

$(document).ready(function(){
 $('.my-tooltip').tooltipster(); });


الكود:

<!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br /> <!-- END switch_topic_title -->

الكود:

<!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" class="my-tooltip" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br /> <!-- END switch_topic_title -->

0marp0p23 كتب:اولا:
لوحة الأدارة >> ادارة عامة >> الرسائل و الإيميلات >> تشكيل
تفعيل نافذة معاينة بيانات الأعضاء الموسومين : نعم
السماح بوسم أسماء الأعضاء : جميع الاعضاء

---

ثانياً:
اذهب الي اكواد الجافا
انشأ صفحة جديدة
العنوان: اي شيئ
المكان: جميع الصفحات

الكود:

$(function(){
  // general options for editing the tooltip
  // see more : http://iamceege.github.io/tooltipster/#options
  var options = {
    animation : 'fade',
    arrow : true,
    speed : 300,
    delay : 300,
    onlyOne : true,
    theme : 'tooltipster-default'
  },
 
  // delay execution by placing the function into another queue
  // helps with applying to other JS created elements such as the editor
  queue = true,
  titles,
 
  parse = function() {
    titles = $('[title]');
    titles.tooltipster && titles.not('[title=""], .mentiontag, .tooltipstered').tooltipster(options);
  };
 
  queue ? $(parse) : parse();
});

قم بأضافة كود الـ CSS التالي

الكود:

/* Being tooltip CSS code */
.tooltipster-default {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
    color: #8d8d8d;
}
.tooltipster-default .tooltipster-content {
 font-family: tahoma, Arial, sans-serif !important;
 font-size: 12px !important;
}
/* End tooltip CSS code */

JAR7 كتب:كود جافا سكربت نافدة معاينة الاعضاء بعد وضع الماوس
جافا سكربت كود جعل المنتدى متعدد الالوان - احلى منتدى

السلام عليكم ورحمة الله وبركاته 

اليوم اتيت اليكم بكود جميل جدا الا وهو 

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

https://i.servimg.com/u/f86/18/04/55/46/sans_t16.png

 ناتي لطريقة وضع الكود:

لوحة الاداره>>عناصر إضافية>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>

تفعيل نظام إدارة أكواد Javascript :نعم 

انشاء كود جديد 

العنوان * :حسب ما تريد 
أضف الكود الى :جميع الصفحات

كود Javascript * :

الكود:

$(function() {
  var links = $('a[href^="/u"]'),
      usersinfo = {};
 
  links.tooltipster && links.not('.mentiontag, .tooltipstered').tooltipster({
    animation : 'fade',
    interactive : true,
    contentAsHTML : true,
    minWidth : 300,
    maxWidth : 300,
    delay : 500,
    arrowColor : "#EEE",
    autoClose : true,
    content : 'Loading...',
    functionBefore: function(origin, continueTooltip) {
      continueTooltip();
 
      var userid = $(this).attr('href').replace(/.*?\/u(\d+).*/, '$1');
      if (origin.data('ajax') !== 'cached') {
        if (usersinfo[userid] != undefined) {
          origin.tooltipster('content', usersinfo[userid]).data('ajax', 'cached');
        } else {
          $.ajax({
            type: 'GET',
            url: "/ajax/index.php",
            dataType: "html",
          
            data: {
              f: "m",
              user_id: userid
            },
 
            success: function(html) {
              usersinfo[userid] = html;
              origin.tooltipster('content', html).data('ajax', 'cached');
            }
          });
        }
      }
    }
  });
});

دمتم بخير

أسامة المبدع كتب:

حاولت الكثير اخى 

وحاولت الكثير ي غاليه

ارسل لكم البيانات الكاملة للمنتدى

لكى تعملوها بنفسكم

وجزائكم الله كل خيرا

لم اجد الحل لحتى الان

حاولت الكثير

SaLEm Hen!CHE كتب:

مرحباً ، هل المنتدى المطلوب تركيب الاكواد عليه هو الذي في بياناتك ام آخر..؟

أسامة المبدع كتب:

SaLEm Hen!CHE كتب:

مرحباً ، هل المنتدى المطلوب تركيب الاكواد عليه هو الذي في بياناتك ام آخر..؟

بالنسبة لجوابك :

نعم اخى بياناتى

بانتظار تركيب الكود .....

أسامة المبدع كتب:

لم يتم الحل اخى

اتمنى التاكد جيدا ي احلى مساعد

أسامة المبدع كتب:

اخى انا كنت اريد 

مرور الماوس كنت اريدها عبر الموضوع 

كتابة المواضيع 

+

وليس للبيانات 

اشكرك ع اهتمامك بموضوعى 

وتركيب بيانات 

+

بالنسبة لفتح موضوعى

مرور الماوس عبر المواضيع والمشاركات

بانتظارك ......

SaLEm Hen!CHE كتب:

تم التركيب ... عاين منتداك الان وأخبرنا بالنتيجة   

وَآآآوَ بججدً روعَه
شكرا أستاذي الفاضل وأخويا الغالي
كل عام وأنت بألف خير
بالنسبة للعذر لا يوجد اى شئ منك أنت صديقى وأخويا
SaLEm Hen!CHE
+
دائماً لمساتك في القمة بها الابداع
دائماً لأطروحاتك فلك خاص
يضم المبدعين بين جنباته
ويضم السحر بين اكفه
فهنا اجتمع فن الانتقاء وفن روعة العقليه
+
وكتب الله لك اجر هذه المساعدة
كجبل احد حسنات
وجعله المولى شاهداً لك لا عليك
لاعدمنا روعتك
+
بوركت جهودك وجزاك الله خيرا الجزاء 
وبارك الله فيك
وجعلها في موازين حسناتك 
وأثابك الله الجنه أن شاء الله 
+
ما شاء الله كما عهدنا منكِ دوماً وما سنبقى نراه أيضا
مساعدتك لجميع الأعضاء وغيرهم المنتشرة في جميع أرجاء المنتدى
فأنتِ شمعة مضيئة لا ينقطع عطائها ما شاء الله
+
بارك الله فيك ع المجهود ومساعدة الآخرين بحل مشكلاتهم
نتمنى لك التوفيق والنجاح
فى عملك وجهدك البارز 
حماك الله ورعاك اخي الفاضل