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

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


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

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

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

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

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

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


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

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

ذكر
عدد المساهمات : 80
معدل النشاط : 2242
السُمعة : 1

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>


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

ذكر
عدد المساهمات : 11051
معدل النشاط : 13721
السُمعة : 414

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>

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

ذكر
عدد المساهمات : 80
معدل النشاط : 2242
السُمعة : 1

http://yami24.ahlamontada.com/

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

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

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

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

ذكر
عدد المساهمات : 11051
معدل النشاط : 13721
السُمعة : 414

http://stones.arab.st/

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

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

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

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

ذكر
عدد المساهمات : 80
معدل النشاط : 2242
السُمعة : 1

http://yami24.ahlamontada.com/

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

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

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

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

ذكر
عدد المساهمات : 11051
معدل النشاط : 13721
السُمعة : 414

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>

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

ذكر
عدد المساهمات : 80
معدل النشاط : 2242
السُمعة : 1

http://yami24.ahlamontada.com/

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

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

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

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

ذكر
عدد المساهمات : 80
معدل النشاط : 2242
السُمعة : 1

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; }

avatar
stones
 
 

ذكر
عدد المساهمات : 11051
معدل النشاط : 13721
السُمعة : 414

http://stones.arab.st/

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

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

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

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


تــم الحل ^^
avatar
raghed90
 
 

ذكر
عدد المساهمات : 80
معدل النشاط : 2242
السُمعة : 1

http://yami24.ahlamontada.com/

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

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


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