بسم الله الرحمن الرحيم
و الصلاة و السلام على أشرف المرسلين،سيدنا و حبيبنا محمد عليه أفضل الصلاة و أزكى التسليم
أما بعد
هذا الشرح مقدم لكم من طرف مجتمع خطوة عربية
بعد أن قمت بقراءة هذا الموضوع https://pbboard.info/forums/t376.html أعجبتني الفكرة و لكن لم يعجبني كيفية تجسيد الفكرة
ولهذا قمت بالبحث قليللا و تطبيق بعض الأكواد التي تعلمتها سابقا فجاءتني فكرة تحويلها إلى لمسات JQuery فكان التالي
أدخل إلى تحرير قوالب المنتدى-> أضف قالبا جديدا و قم بستميته مثلا e3lan.tpl و ضع بداخله الكود التالي

<link rel="stylesheet" href="i3lanat/gitex-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="i3lanat/style.css" type="text/css" media="screen" />
<div id="wrapper">
    
	   

	   <div id="slider-wrapper">
	   
		  <div id="slider" class="nivoSlider">
		   <a href="http://www.arabstep.com/t127.html"><img src="i3lanat/images/wamid.gif" width="468" height="60" alt="دورة وميض لتعليم البرمجة" /></a>
			 <a href="https://pbboard.info"><img src="i3lanat/images/banner1.jpg" alt="" /></a>
			 
		  </div>
	   
	   </div>

    </div>
    <script type="text/javascript" src="i3lanat/scripts/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="i3lanat/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
	   $('#slider').nivoSlider();
    });
    </script>

الآن قم برفع المجلد المرفق إلى المجلد الرئيسي لموقعك
الخطوة الأخيرة،إتجه إلى القالب header.tpl و ابحث عن الكود التالي

<!--pbb.logo.end-->
{template}main_bar{/template}
<!-- action_find_addons_2 -->

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

<span style="float:left; margin-top: -30px;margin-left:30px;">
{template}e3lan{/template}
</span>

مبرووووك عليك،للمعاينة من هنا
ملاحظة:إن أردت إضافة بانرات أخرى عليك إضافتها بالمقاسات التالية 60×468
أتمنى أن يكون قد أعجبكم،تقبلوا تحيات أخوكم في الله عبد المجيد مدير مجتمع خطوة عربية