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

ولهذا قمت بالبحث قليللا و تطبيق بعض الأكواد التي تعلمتها سابقا فجاءتني فكرة تحويلها إلى لمسات JQuery فكان التالي
أدخل إلى تحرير قوالب المنتدى-> أضف قالبا جديدا و قم بستميته مثلا e3lan.tpl و ضع بداخله الكود التالي
CODE
<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 و ابحث عن الكود التالي
CODE
<!--pbb.logo.end-->
{template}main_bar{/template}
<!-- action_find_addons_2 -->
و أضف بعده مباشرة الكود التالي
CODE
<span style="float:left; margin-top: -30px;margin-left:30px;">
{template}e3lan{/template}
</span>
مبرووووك عليك،للمعاينة من هنا
ملاحظة:إن أردت إضافة بانرات أخرى عليك إضافتها بالمقاسات التالية 60×468
أتمنى أن يكون قد أعجبكم،تقبلوا تحيات أخوكم في الله عبد المجيد مدير مجتمع خطوة عربية