سؤال على السلايدر شو بالتمبيلات ارجو المساعدة

حسنا اخوانى الاحباء انا الان اصبح لدى منتدى بالتمبيلات و الحمد لله
و وكنت اريد ان اعرف كيف اركب سلايدر شو بالتمبيلات
مثل اللى فى الفى بى من هذا الرابط من هنا السلايدر الذى اريده
ارجو المساعدة فى اقرب وقت احبائى الكرام

كود سلايد شو احترافى
الكود المدمر معرض الصور بطريقة احترافية من KhALiD-Net
 

يا جماعة انا اريد ان اركب الكود اللى فى الرابط بالتمبيلات

جاري العمل على طلبك

تم ايجاد طريقة لعمل نفس السلايد

جاري عمل شرح بردي التالي

نبدأ على بركة الله

قم بالدخول

لوحة الادارة >> عناصر اضافية >> صفحات HTML

تقوم بانشاء صفحة جديدة

الاسم : ضع اي اسم

هل تود استعمال أعلى و أسفل صفحة منتداك؟ : لا

استعمال هذه الصفحة كصفحة رئيسية؟ : لا

الان نروح لمنطقة وضع الكود

تأكد من ان الزر اللي في الصورة التالية شغال مثل الصورة



http://im40.gulfup.com/8EVZK.png

ثم ضع هذا الكود

الكود:

<link rel="stylesheet" href="https://hal-slider.googlecode.com/svn/trunk/slider2/carousel.css"/>
<script type="text/javascript" src="https://hal-slider.googlecode.com/svn/trunk/slider2/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="https://hal-slider.googlecode.com/svn/trunk/slider2/jquery.mousewheel.js"></script>
<script type="text/javascript" src="https://hal-slider.googlecode.com/svn/trunk/slider2/jquery.carousel.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('.carousel').carousel({carouselWidth:930, carouselHeight:240, frontWidth: 220,hMargin: 0.7, vMargin: 0.2,
            frontHeight: 220, buttonNav:'bullets', slidesPerScroll: 6, directionNav:true, shadow:true, autoplay: true, reflection:false });
    });
</script>
<div class="list-wrap">
    <div id="atab">
        <div class="carousel">
            <div class="slides">
                <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide1.png" alt="" /></a></div>
                <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide2.png" alt="" /></a></div>
                <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide3.png" alt="" /></a></div>
                <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide4.png" alt="" /></a></div>
                <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide5.png" alt="" /></a></div>
                <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide6.png" alt="" /></a></div>
                <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide7.png" alt="" /></a></div>
                <div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide8.png" alt="" /></a></div>
            </div>
        </div>
    </div>
</div>

لتغيير الصور التي فيه ماعليك الا باستبدال روابط الصور الموجودة بالكود بالصور التي تريد

مثال

<div><a href="#"><img src="https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide8.png" alt="" /></a></div>

رابط الصورة

https://hal-slider.googlecode.com/svn/trunk/slider2/images/slide8.png

و اشارة # تضع مكانها الرابط الذي تريد ان تتوجه اليه عند الضغط على الصورة

اتركه كما هو اذا لم ترد ذلك

بعد التعديل قم بحفظ الصفحة

ثم انسخ رابطها مثل الصورة



http://im32.gulfup.com/kTPTH.png

وتحطو في هذا الكود

الكود:

<iframe src="ضع الرابط هنا" frameborder="0" style="width: 100%;height: 300px;"></iframe>

ثم تاخذ الكود اللي وضعت بيه الرابط

وتحطو في المكان الذي تريد

مثلا في اخر قالب الهيدر

بالتوفيق ♥ ♥

اي استفسار انا حاضر

  

اخى اشكرك جزيل الشكر على عملك الرائع ما فى حد عمل اللى انت عملته حتى الان ماشاء الله عليك
و لكن اريد منك ان تعاين الكود فى المنتدى بعد التركيب
تم تركيبه فى الاعلانات الخاصة
ممكن تقولى اذا كان بيتحرك ولا لا
لانى انا بحركه بالماوس
و ما بظن انه بيتحرك لوحده
http://ahla.123.st/

ملاحظة اخرى اخى امير
الكود لا يعمل على الفاير فوكس جيدا فهو يكون عمودى بدلا من افقى
و فى الاكسبلور يكون اطار الصور باين انا سانتظر ردك

السلايدر يعمل بشكل جيد ويتحرك لكن للاسف كما لاحظت انت

فهو يعمل بشكل عادي على جوجل كروم فقط

انا قمت بتحويل الكود

لكن للاسف لم استطع جعله يعمل على كل المتصفحات

شكرا جزيلا لك اخى الحبيب
طيب ممكن تحاول باى شىء تشغله
على الاوبرا و الفايرفوكس كمان فقط
دول بس ارجوك و انا بانتظارك

اشكرك جزيل الشكر اخى انا بانتظارك

اخى الحبيب الكود يعمل على النسخة الثانية واذا على الانتظار ممكن استنى لبكرة ما رايك

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

او هنا http://ahla.123.st/

المساعدة اخوانى الاحباء

اين انتم يا اخوانى المساعدون

مرحبا
اخي خذ هذا الكود
يوضع في تشكيلات او اعلانات خاصه

الكود:

 < --- code prog by www.4egy.net --->
<script src="http://foryamany1.googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script>
  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script>
  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script>
<style>
.slideset {
  width: 960px;
  height: 167px;
  margin: auto;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.slideset .next {
  position: absolute;
  right: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .prev {
  position: absolute;
  left: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -35px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .slidesetCont {
  width: 905px;
  margin: auto;
  position: relative;
  background: #000;
}
.slidesetCont ul {
  float: right;
  width: 100%;
}
.slidesetCont ul > li { float: left; }
.slidesetCont ul > li a {
  display: block;
  width: 200px;
  height: 145px;
  padding: 6px;
  overflow: hidden;
  background: #FFF;
  border: 1px #d2d2d2 solid;
  margin: 0 7px;
}
.slidesetCont ul > li a img {
  background: #EEE;
  width: 200px !important;
  height: 145px !important;
  display: block;
}
ul, li, ol {
  list-style: none;
  outline: 0px;
}
</style>
 <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script><div class="slideset"> <a class="next" href="#">التالي</a> <a class="prev" href="#">السابق</a>
  <div class="slidesetCont">
      <ul class="set1">
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                        </ul>
  </div>
</div>
<!--//slideset-->
<! --- code prog by www.4egy.net ---> 

كود رهيب

اخى الحبيب اشكرك جزيل الشكر لكن هذا السلايدر عندى
انا اريد السلايدر اعلاه لاسباب اخرى

الي ذكرته اعطاك كول امير
في نفس موضوعك هذا وشغال انا مجربه عندي لاكن بشكل
راسي
https://help.ahlamontada.com/t1059949-topic

طيب يا اخى ما هذه هى المشكلة الان انه يعمل بشكل راسى فى الاكسبلور و الفاير فوكس و اوبرا وانا اريده افقى على كل المتصفحات وهو مبيشتغلش افقى غير على جوجل كروم فقط

اخوانى المساعدة لو سمحتم انا احتاج الكود

للاسفف انا حاولت لكن ما لقيتلو حل