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

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

انا لدى اكواد مهمة فى الاكواد واحتجاها ايضا

index_box

رابط الصورة :

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

اريد التعديل من الخبراء ع القالب بالخاص بى الاصلى بمنتدايا

تفضلوا قالب index_box

الكود:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">

<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>

<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">

<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />

<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
<th nowrap="nowrap" width="150"><div style="width:150px;">المشرفون</div></th>
</tr>


<tr>

<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>


<tr>

<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>

<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</td>
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">

<div style="width: 200px;"></div>
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>


<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
<td class="row3" align="center" valign="middle" height="50">

<ul id="topMenu"><li class="" onmouseover="this.className = 'over';" onmouseout="this.className = '';"></li><li class="" onmouseover="this.className = 'over';" onmouseout="this.className = '';"><img src="http://i23.servimg.com/u/f23/16/43/22/50/modera10.gif" alt="المشرفون"><ul style="width: 200px; top: 10px; left: 20px;" -3px;="" 25px;="" 50%="" top:="" 26px;="" left:="" 10px;=""><li><table class="forumline" width="100%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="row1" onmouseover='this.className="row2"' onmouseout='this.className="row1"' width="100%"><span class="mod text"> 
<font size="2">الإشراف:{catrow.forumrow.switch_moderators_links.MODERATORS}</font>
</span></a></td></tr></tbody></table></li></ul></li></ul><table dir="ltr" border="0" cellpadding="0" cellspacing="0"><style>#topMenu{padding: 0;margin: 0;list-style: none;}#topMenu li{float: left;list-style:none;position: relative;}#topMenu li ul{display: none;position: absolute;left: 0;padding: 0;margin: 0;}#topMenu li:hover ul, #topMenu li.over ul{display: block;}</style></table>
</td>
</tr>


<tr>

<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

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

لوحة الأدارة >>عناصر إضافية>> HTML و JAVASCRIPT >> أضافة كود جافاسكربت

أضف هذا الكود واجعله لكل الصفحات :

الكود:: $(document).ready(function(){
$('.my-tooltip').tooltipster(); });

ثم توجه الى :لوحة الأدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> index_box
أبحث على :

الكود:: 
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />

استبدله بالتالي

الكود:: 
<a href="{catrow.forumrow.U_LATEST_TOPIC}" class="my-tooltip" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />

بحث اخى لم اجد الحل

القالب متواجد عندك اخى المساعد

SaLEm Hen!CHE

ممكن تركبها انت بنفسك

وتجزها لى ...

طريقة أفضل :

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 كتب:

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

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

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

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

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

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');
   }
   });
   }
   }
   }
  });
});

دمتم بخير

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

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

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

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

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

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

حاولت الكثير

أسامة المبدع كتب:: حاولت الكثير اخى
وحاولت الكثير ي غاليه
ارسل لكم البيانات الكاملة للمنتدى
لكى تعملوها بنفسكم
وجزائكم الله كل خيرا
لم اجد الحل لحتى الان
حاولت الكثير

الاكواد تعمل بشكل جيد !
كود معاينه الاعضاء بعد وضع الماوس Midwme

راسلنا ببيانات عضوية لها صلاحيات الادارة ليتم تركيبه...

تم مراسلتك عبر الخاص اخى

بالبيانات المطلوبة لديك :

SaLEm Hen!CHE

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

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

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

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

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

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

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

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

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

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

أنا لم اكن اقصد البيانات بل اقصد الرابط الموجود في بياناتك الشخصية الذي هنا http://sm3na-agani.roo7.biz/
عموماً وجدت رابط المنتدى المقصود في موضوع أخر ، وتم حل المشكلة والحمد لله Cool

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

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

أسامة المبدع كتب:: لم يتم الحل اخى
اتمنى التاكد جيدا ي احلى مساعد

عزيزي مرر الماوس فوق الاسم وببساطة ستظهر المعاينة
اليك صورة من منتداك :
http://b.top4top.net/p_18832jj1.png
كود معاينه الاعضاء بعد وضع الماوس P_18832jj1

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

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

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

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

+

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

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

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

+

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

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

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

أسامة المبدع كتب:: اخى انا كنت اريد
مرور الماوس كنت اريدها عبر الموضوع
كتابة المواضيع
+
وليس للبيانات
اشكرك ع اهتمامك بموضوعى
وتركيب بيانات
+
بالنسبة لفتح موضوعى
مرور الماوس عبر المواضيع والمشاركات

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

المعذرة يا عزيزي ، جاري تركيب الكود الذي في ردي اعلاه وآسف .... Embarassed

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

SaLEm Hen!CHE كتب:: تم التركيب ... عاين منتداك الان وأخبرنا بالنتيجة

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

مشكور

» معاينه بيانات الاعضاء
» اريد اكواد تغير لون الماوس لكى اغير اون الماوس فى المنتدى
» معاينه منتداى
» خطأ فى معاينه التوقيع
» بدي كود لما احط الماوس عالرابط يصير الماوس ينبض زى القلب