منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى

طلب كود سلايد شوو

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

طلب كود سلايد شوو

مُساهمة من طرف raghed90 في الأحد 19 أكتوبر 2014 - 12:38

السلام عليكم , 


أريد كود سلايد شو مثل الموجود في هذا الموقع تماماً أو شبيه لميزاته
http://darkarmeddragon.motionforum.net/portal

أنا بحثت في google لم اجد مثله 
اتمنى من الذي لديه الكود أن يضعه هنا لمساعدي 
و شكراً Cool

raghed90
 
 

ذكر
عدد المساهمات : 80
معدل النشاط : 2018

http://yami24.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود سلايد شوو

مُساهمة من طرف stones في الأحد 19 أكتوبر 2014 - 13:31

مرحبا
تفضل الكود ضع به الصور وروابط المواضيع
مكان الكتابه
الرمز:
<!--      Style      --><style type="text/css">
.slider_specialoffer_content {position:relative;display:block;width:500px;height:200px;}
.slider {width:500px;height:200px;position:absolute;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat center center;}
.box_skitter_large {width:500px!important;height:200px!important;}
.slider img {width:500px;height:300px;margin:6px 9px;}
.slider .next_button,.slider .prev_button {position:absolute;top:40%;width:43px;height:45px;
overflow:hidden;z-index:999;text-indent:-9999px;}
.slider .next_button {right:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;}
.slider .prev_button {left:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;}
</style>
<!--      Links & Scripts      --><link href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css" media="all" rel="stylesheet" type="text/css" /><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js" type="text/javascript"></script><script type="text/javascript" src="http://foryamany2.googlecode.com/svn/trunk/4egyslide.js
"></script>
<div class="slider_specialoffer_content">
    
   <div class="slider">
       
      <!--    <a href="#" class="next_button">next</a> <a href="#" class="prev_button">prev</a>      --> 
      <div class="box_skitter box_skitter_large">
          
         <ul>
             
            <li>
                 <a href="رابط الموضوع"><img alt="Mizo-Slide" src="رابط الصورة" /></a> 
            </li>
             
            <li>
                 <a href="رابط الموضوع"><img alt="Mizo-Slide" src="رابط الصورة" /></a> 
            </li>
             
            <li>
                 <a href="رابط الموضوع"><img alt="Mizo-Slide" src="رابط الصورة" /></a> 
            </li>
             
            <li>
                 <a href="رابط الموضوع"><img alt="Mizo-Slide" src="رابط الصورة" /></a> 
            </li>
             
            <li>
                 <a href="رابط الموضوع"><img alt="Mizo-Slide" src="رابط الصورة" /></a> 
            </li>
             
            <li>
                 <a href="رابط الموضوع"><img alt="Mizo-Slide" src="رابط الصورة" /></a> 
            </li>
             
            <li>
                 <a href="رابط الموضوع"><img alt="Mizo-Slide" src="رابط الصورة" /></a> 
            </li>
             
            <li>
                 <a href="رابط الموضوع"><img alt="Mizo-Slide" src="رابط الصورة" /></a> 
            </li>
             
            <li>
                 <a href="رابط الموضوع"><img alt="Mizo-Slide" src="رابط الصورة" /></a> 
            </li>
             
            <li>
                 <a href="رابط الموضوع"><img alt="Mizo-Slide" src="رابط الصورة" /></a> 
            </li>
             
         </ul>
          
      </div>
       
   </div>
    
</div>


الكود هتمل يوضع تشكيلات عامه

stones
 
 

ذكر
عدد المساهمات : 11045
معدل النشاط : 13486

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود سلايد شوو

مُساهمة من طرف raghed90 في الأحد 19 أكتوبر 2014 - 15:30

مشكوور أخي , 

هل يحتاج الكود إلى كود css ؟ يظهر لي صفحة بيضاء 

هذا الكود بعد تعديل روابط الصور + روابط المواضيع 
الرمز:
<!--          Style          --><style type="text/css">
.slider_specialoffer_content {position:relative;display:block;width:500px;height:200px;}
.slider {width:500px;height:200px;position:absolute;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat center center;}
.box_skitter_large {width:500px!important;height:200px!important;}
.slider img {width:500px;height:300px;margin:6px 9px;}
.slider .next_button,.slider .prev_button {position:absolute;top:40%;width:43px;height:45px;
overflow:hidden;z-index:999;text-indent:-9999px;}
.slider .next_button {right:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;}
.slider .prev_button {left:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;}
</style>
<!--          Links & Scripts          --><link href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css" media="all" rel="stylesheet" type="text/css" /><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js" type="text/javascript"></script><script type="text/javascript" src="http://foryamany2.googlecode.com/svn/trunk/4egyslide.js
"></script>
<div class="slider_specialoffer_content">
                
   <div class="slider">
                         
      <!--        <a href="#" class="next_button">next</a> <a href="#" class="prev_button">prev</a>          -->         
      <div class="box_skitter box_skitter_large">                     
         <ul>
                                           
            <li>
                                   <a href="http://yami24.ahlamontada.com/"><img alt="Mizo-Slide" src="http://im66.gulfup.com/SdKgJ0.png" /></a>               
            </li>
                                           
            <li>
                                   <a href="http://yami24.ahlamontada.com/"><img alt="Mizo-Slide" src="http://im66.gulfup.com/SdKgJ0.png" /></a>               
            </li>
                                           
            <li>
                                   <a href="http://yami24.ahlamontada.com/"><img alt="Mizo-Slide" src="http://im66.gulfup.com/SdKgJ0.png" /></a>               
            </li>
                                           
            <li>
                                   <a href="http://yami24.ahlamontada.com/"><img alt="Mizo-Slide" src="http://im66.gulfup.com/SdKgJ0.png" /></a>               
            </li>
                                           
            <li>
                                   <a href="http://yami24.ahlamontada.com/"><img alt="Mizo-Slide" src="http://im66.gulfup.com/SdKgJ0.png" /></a>               
            </li>
                                           
            <li>
                                   <a href="http://yami24.ahlamontada.com/"><img alt="Mizo-Slide" src="http://im66.gulfup.com/SdKgJ0.png" /></a>               
            </li>
                                           
            <li>
                                   <a href="http://yami24.ahlamontada.com/"><img alt="Mizo-Slide" src="http://im66.gulfup.com/SdKgJ0.png" /></a>               
            </li>
                                           
            <li>
                                   <a href="http://yami24.ahlamontada.com/"><img alt="Mizo-Slide" src="http://im66.gulfup.com/SdKgJ0.png" /></a>               
            </li>
                                           
            <li>
                                   <a href="http://yami24.ahlamontada.com/"><img alt="Mizo-Slide" src="http://im66.gulfup.com/SdKgJ0.png" /></a>               
            </li>
                                           
            <li>
                                   <a href="http://yami24.ahlamontada.com/"><img alt="Mizo-Slide" src="http://im66.gulfup.com/SdKgJ0.png" /></a>               
            </li>
                                       
         </ul>
                              
      </div>
                     
   </div>
            
</div>

لا أعتقد أن هناك خطأ ما في تعديل الكود
ما الحل ؟؟

raghed90
 
 

ذكر
عدد المساهمات : 80
معدل النشاط : 2018

http://yami24.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود سلايد شوو

مُساهمة من طرف stones في الأحد 19 أكتوبر 2014 - 15:33

ضع الكود في تشكيلات عامه
هذه صورة من تغيرك

stones
 
 

ذكر
عدد المساهمات : 11045
معدل النشاط : 13486

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود سلايد شوو

مُساهمة من طرف raghed90 في الأحد 19 أكتوبر 2014 - 15:36

وضعت الكود في العناصر و في التشكيلات 
يمكنك المعاينة 
http://yami24.ahlamontada.com/

raghed90
 
 

ذكر
عدد المساهمات : 80
معدل النشاط : 2018

http://yami24.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود سلايد شوو

مُساهمة من طرف stones في الأحد 19 أكتوبر 2014 - 17:15

الكود شغال لاكن من المنتدى بطي شوي في التحميل
صورة من منتداك

stones
 
 

ذكر
عدد المساهمات : 11045
معدل النشاط : 13486

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود سلايد شوو

مُساهمة من طرف raghed90 في الأحد 19 أكتوبر 2014 - 20:26

هههه أخي هذا كود آخر وجته في google 
Razz
صديقي إليك الكود 
الرمز:
<div align="center">
   <style>
.slider_specialoffer_content {
  width: 960px;
  height: 239px;
  position: relative;
  display: block;
}
.slider {
background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat right top;
  width: 691px;
  height: 237px;
  position: absolute;
}
.slider img { margin: 6px 9px; }
.slider .next_button {
  position: absolute;
  z-index: -9999px;
  right: 30px;
  top: 40%;
  background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;
  width: 43px;
  height: 45px;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 999;
}
.slider .prev_button {
  position: absolute;
  z-index: 999;
  left: 30px;
  top: 40%;
  background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;
  width: 43px;
  height: 45px;
  text-indent: -9999px;
  overflow: hidden;
}
</style><link type="text/css" rel="stylesheet" media="all" href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css" /><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.jquery.js"></script>
   <div class="slider_specialoffer_content ">
       
      <div class="slider">
          
         <!--  <a href="#" class="next_button">next</a> <a href="#" class="prev_button">prev</a>    --> 
         <div class="box_skitter box_skitter_large"> 
            <ul>
                
               <li>
                    <a href="#"><img src="http://im89.gulfup.com/ozyxqD.jpg" alt="http://yami24.ahlamontada.com/t6327-topic" /> </a> 
               </li>
                
               <li>
                    <a href="#"><img src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_02.png" alt="www.4egy.net" /></a> 
               </li>
                  
               <li>
                    <a href="#"><img src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_04.png" alt="www.4egy.net" /></a> 
               </li>
                
               <li>
                    <a href="#"><img src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_03.png" alt="www.4egy.net" /> </a> 
               </li>
                
            </ul>
             
         </div>
          
      </div>
   </div>
</div>

هل من الممكن توسيطه + تعديل حجمه ليناسب حجم عرض المنتدى ؟؟ 
انظر كيف يظهر بالمواضيع , في الصفحة الرئيسية صغير و في المنتصف أما في المواضيع كبير و على الجانب الأيمن مع إني وضعته في الوسط !! 

raghed90
 
 

ذكر
عدد المساهمات : 80
معدل النشاط : 2018

http://yami24.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود سلايد شوو

مُساهمة من طرف raghed90 في الأحد 19 أكتوبر 2014 - 20:30

و لا أريد كود توسيط الصفحة الرئيسية 
يخربون الأقسام Sad

raghed90
 
 

ذكر
عدد المساهمات : 80
معدل النشاط : 2018

http://yami24.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود سلايد شوو

مُساهمة من طرف stones في الإثنين 20 أكتوبر 2014 - 10:05

تفضل الكود بشكل مختلف
الرمز:
       
<div align="center">
                 <link type="text/css" rel="stylesheet" media="all" href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css" /><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.jquery.js"></script>               
   <div class="slider_specialoffer_content ">
                                               
      <div class="slider">
                                                        
         <!--        <a href="#" class="next_button">next</a> <a href="#" class="prev_button">prev</a>          -->                       
         <div class="box_skitter box_skitter_large">
                                           
            <ul>
                                                                          
               <li>
                                                    <a href="#"><img src="http://im89.gulfup.com/ozyxqD.jpg" alt="http://yami24.ahlamontada.com/t6327-topic" /> </a>                             
               </li>
                                                                          
               <li>
                                                    <a href="#"><img src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_02.png" alt="www.4egy.net" /></a>                             
               </li>
                                                                            
               <li>
                                                    <a href="#"><img src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_04.png" alt="www.4egy.net" /></a>                             
               </li>
                                                                          
               <li>
                                                    <a href="#"><img src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_03.png" alt="www.4egy.net" /> </a>                             
               </li>
                                                                      
            </ul>
                                                             
         </div>
                            
      </div>
               
   </div>
</div>

===========
وهذا الكود الي تم حذفه

الرمز:
.slider_specialoffer_content { width: 960px; height: 239px; position: relative; display: block; } .slider { background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat right top; width: 691px; height: 237px; position: absolute; } .slider img { margin: 6px 9px; } .slider .next_button { position: absolute; z-index: -9999px; right: 30px; top: 40%; background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat; width: 43px; height: 45px; text-indent: -9999px; overflow: hidden; z-index: 999; } .slider .prev_button { position: absolute; z-index: 999; left: 30px; top: 40%; background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat; width: 43px; height: 45px; text-indent: -9999px; overflow: hidden; }


stones
 
 

ذكر
عدد المساهمات : 11045
معدل النشاط : 13486

http://stones.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود سلايد شوو

مُساهمة من طرف raghed90 في الإثنين 20 أكتوبر 2014 - 12:13

شكراً أخي ,, أعتذر على إزعاجك بطلبي 


تــم الحل ^^

raghed90
 
 

ذكر
عدد المساهمات : 80
معدل النشاط : 2018

http://yami24.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى