طلب كود سلايد شوو  Hitskin_logo Hitskin.com

هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداكالرجوع الى صفحة بيانات التصميم

منتدى الدعم و المساعدة لأحلى المنتديات
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

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

2 مشترك

اذهب الى الأسفل

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

مُساهمة من طرف raghed90 19/10/2014, 1:38 pm

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


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

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

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

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

http://yami24.ahlamontada.com/

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

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

مُساهمة من طرف stones 19/10/2014, 2:31 pm

مرحبا
تفضل الكود ضع به الصور وروابط المواضيع
مكان الكتابه
الكود:
<!--      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
stones
 
 

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

http://stones.arab.st/

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

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

مُساهمة من طرف raghed90 19/10/2014, 4:30 pm

مشكوور أخي , 

هل يحتاج الكود إلى كود 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
raghed90

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

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

http://yami24.ahlamontada.com/

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

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

مُساهمة من طرف stones 19/10/2014, 4:33 pm

ضع الكود في تشكيلات عامه
هذه صورة من تغيرك
طلب كود سلايد شوو  2cfqe4n
stones
stones
 
 

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

http://stones.arab.st/

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

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

مُساهمة من طرف raghed90 19/10/2014, 4:36 pm

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

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

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

http://yami24.ahlamontada.com/

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

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

مُساهمة من طرف stones 19/10/2014, 6:15 pm

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

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

http://stones.arab.st/

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

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

مُساهمة من طرف raghed90 19/10/2014, 9:26 pm

هههه أخي هذا كود آخر وجته في 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>

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

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

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

http://yami24.ahlamontada.com/

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

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

مُساهمة من طرف raghed90 19/10/2014, 9:30 pm

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

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

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

http://yami24.ahlamontada.com/

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

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

مُساهمة من طرف stones 20/10/2014, 11:05 am

تفضل الكود بشكل مختلف
الكود:
       
<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
stones
 
 

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

http://stones.arab.st/

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

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

مُساهمة من طرف raghed90 20/10/2014, 1:13 pm

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


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

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

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

http://yami24.ahlamontada.com/

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

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

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