أهلا بكم
الكثير منا يود اظهار المواضيع ذات الصلة تحت المواضيع بالمنتدى...مواضيع من داخل المنتدى وليس المنتديات الاخري مثل خاصية تبادل الزوار التى يتيحها خدمة احلى منتدي ...بحثت فى منتدى الدعم ولم اجد غير هذا الكود فى الموضوع التالى :
لكن الكود لم يشتغل عندي ولا حتى صاحب الموضوع أعلاه ....لذلك قد تم التعديل على الكود و تصحيح الاخطاء الذى كان بها ليظهر بشكل احترافى كما فى الصورة التالية :
لذلك أحببنا ان نعرض لكم الكود بعد التعديل عليه
تركيب الكود
1_ندخل لوحة التحكم>>>>مظهر المنتدى >> التومبيلات والقوالب >>> ادارة عامه >>>> قالب viewtopic_body ثم نضع الكود التالى :
- الكود:
-
<!--منتدى مصر التقني -->
<!--http://egy-tech.forumegypt.net -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0">
<tr>
<td class="thead" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<h1>
مواضيع ذات صلة
</h1>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div class="ahmed"></div>
</td>
</tr>
</table>
<script type="text/javascript">
$(document).ready(function() {
var topictitle = $(".topic-title a").text();
var Topictitle = topictitle.replace(/ /gi, '+').replace(/:/gi, '+').replace(/-/gi, '+');
var url = window.location;
$(".ahmed").load('search?search_keywords=' + Topictitle + ' .forabg .topiclist.search li.row div.topic-title-container:lt(10)'
);
});
</script>
<!--منتدى مصر التقني -->
<!--http://egy-tech.forumegypt.net -->
يمكنك تحديد عدد المواضيع التى ستظهر من خلال تغير القيمة container:lt(10 بالقيمة التى ترغبها حيث ان الرقم 10هو عدد المواضيع
بعد ذلك
2_ لوحة التحكم >>>مظهر المنتدى>>>>الصور والالوان >>>الوان >>>ورقة تصميم css ثم ضع الشفرة التالية :
- الكود:
-
.ahmed div.topic-title-container {display: block !important;margin: 2px 1px 0;padding: 5px 5px 5px 5px;border: 1px solid #B1BFC0;border-radius: 5px;background: url('https://i.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center ;}
.ahmed div.topic-title-container:hover {background-color: #D0E6F2;}
.ahmed div.topic-title-container a {color: #708090 !important;font-size:11px;font-weight:bold;text-decoration: none !important;text-shadow: #fff 1px 1px 0px}
حيث يمكنك تخصيص الوان و شكل الاسايل الذى تريدة من خلال الشفرة اعلاه ....لرؤية مثال حي للشفرة يمكنك الدخول الى
منتدى مصر التقني وفتح اى موضوع و انظر اسفل الموضوع لتري المواضيع ذات الصله ....
و سيعمل فريق منتدى مصر التقني على امكانية ظهور الصورة الرمزية للعضوا فى المواضيع ذات صلة
أرجوا نقل الموضوع للقسم المناسب