كود سلايد شو احترافى

stones كتب:مرحبا
تفضل الكود ضع به الصور وروابط المواضيع
مكان الكتابه

الكود:

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

الكود:

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



الكود:

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

الكود:

                        <a href="#">

الكود:

<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://i58.tinypic.com/if75t0.png"        alt="http://shanime.forumarabia.com/t163-topic" /> </a>                                              </li>                                                                            <li>                                                  <a href="#"><img        src="http://i60.tinypic.com/mm8nk4.png"        alt="http://shanime.forumarabia.com/t95-topic" /></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>


الكود:

<div align="center">
                                 <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 src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.jquery.js" type="text/javascript"></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://shanime.forumarabia.com/t163-topic"><img alt="http://shanime.forumarabia.com/t163-topic" src="http://i58.tinypic.com/if75t0.png" /> </a>                                             
               </li>
                                                                                          
               <li>
                                                                    <a href="http://shanime.forumarabia.com/t95-topic"><img alt="http://shanime.forumarabia.com/t95-topic" src="http://i60.tinypic.com/mm8nk4.png" /></a>                                     
               </li>
                                                                                            
               <li>
                                                                    <a href="#"><img alt="www.4egy.net" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_04.png" /></a>                                     
               </li>
                                                                                          
               <li>
                                                                    <a href="#"><img alt="www.4egy.net" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_03.png" /> </a>                                     
               </li>
                                                                                      
            </ul>
                                                                             
         </div>
                                            
      </div>
                               
   </div>
          
</div>

الكود:

               <li>
                                                                    <a href="رابط الصفحة"><img alt="#" src="رابط الصورة" /></a>                                    
               </li>

الكود:

</li>

هل يمكن لهذا الشريط ان يزيد بنرات

او فقط مصمم ل 4 بنرات

يعني انا مثلا بدي ياه 8 بنرات بيظبت او لا

shanime كتب:

مرحبا

جميل جدا

شكرا لك جزيلا

الان طلب بسيط

هل يمكن لهذا الشريط ان يزيد بنرات

او فقط مصمم ل 4 بنرات

يعني انا مثلا بدي ياه 8 بنرات

بيظبت او لا

^_^

DeLeTe كتب:اهلا اخي ..
تضع هذا الكود

الكود:

               <li>

                                                                  
 <a href="رابط الصفحة"><img alt="#" src="رابط الصورة"
/></a>                                    
               </li>

بعد

الكود:

</li>

في آخر الكود ..

الكود:

        <div align="center">
                                        <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 src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.jquery.js" type="text/javascript"></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="رابط" src="الصوره" /> </a>                                   
                      </li>
                                                                                                 
                      <li>
                                                                            <a href="الرابط"><img alt="رابط" src="الصوره" /> </a>                                   
                      </li>
                                                                                                   
                      <li>
                                                                            <a href="الرابط"><img alt="رابط" src="الصوره" /> </a>                                   
                      </li>
                                                                                                 
                      <li>
                                                                            <a href="الرابط"><img alt="رابط" src="الصوره" /> </a>                                   
                      </li>
                     
                     
                      <li>
                                                                            <a href="الرابط"><img alt="رابط" src="الصوره" /> </a>                                   
                      </li>
                     
                      <li>
                                                                            <a href="الرابط"><img alt="رابط" src="الصوره" /> </a>                                   
                      </li>
                     
                      <li>
                                                                            <a href="الرابط"><img alt="رابط" src="الصوره" /> </a>                                   
                      </li>
                     
                      <li>
                                                                            <a href="الرابط"><img alt="رابط" src="الصوره" /> </a>                                   
                      </li>
                                                                                             
                    </ul>
                                                                                   
                </div>
                                                   
              </div>
                                     
          </div>
                 
        </div>