السلام عليكم 

اريد كود سلايد شو 
 ( لا اريد موضوع السلايد شو في احلى منتدى هنا ) ..  ارجو ان لا تضعوه 
اريد هذا الشكل مثل هنا
http://www.th3progroup.com/t678-topic

او اي شكل يشبهه ويمكن وضع صور عليه ( صور صغيرة ) 

هههههههه 100 مشاهدة ولا رد !!!!!

UP !

تفضل

الكود:

<div style="width: 140.8px; height: 154.88px; top: 39.6px; right: 655.96px; opacity: 1; z-index: 5;" class="slideItem"><a href="#"><img style="width: 140.8px; height: 140.8px; display: inline-block;" src="http://www.abokarim.eb2a.com/vb/samael3arb/carousel/images/slide1.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 5.8px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="width: 176px; height: 193.6px; top: 22px; right: 522.2px; opacity: 1; z-index: 6;" class="slideItem"><a href="#"><img style="width: 176px; height: 176px; display: inline-block;" src="http://www.abokarim.eb2a.com/vb/samael3arb/carousel/images/slide2.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 41px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="width: 220px; height: 242px; top: 0px; right: 355px; opacity: 1; z-index: 7;" class="slideItem"><a href="#"><img style="width: 220px; height: 220px; display: inline-block;" src="http://www.abokarim.eb2a.com/vb/samael3arb/carousel/images/slide3.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 85px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="width: 176px; height: 193.6px; top: 22px; right: 231.8px; opacity: 1; z-index: 6;" class="slideItem"><a href="#"><img style="width: 176px; height: 176px; display: inline-block;" src="http://www.abokarim.eb2a.com/vb/samael3arb/carousel/images/slide4.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 41px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="width: 140.8px; height: 154.88px; top: 39.6px; right: 133.24px; opacity: 1; z-index: 5; display: block;" class="slideItem"><a href="#"><img style="width: 140.8px; height: 140.8px; display: inline-block;" src="http://www.abokarim.eb2a.com/vb/samael3arb/carousel/images/slide5.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 5.8px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="width: 112.64px; height: 123.904px; top: 53.68px; right: 54.392px; opacity: 1; z-index: 4; display: block;" class="slideItem"><a href="#"><img style="width: 112.64px; height: 112.64px; display: inline-block;" src="http://www.abokarim.eb2a.com/vb/samael3arb/carousel/images/slide6.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 0px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="width: 90.112px; height: 99.1232px; top: 64.944px; right: 419.944px; opacity: 0; z-index: 3; display: none;" class="slideItem"><a href="#"><img style="width: 90.112px; height: 90.112px; display: inline-block;" src="http://www.abokarim.eb2a.com/vb/samael3arb/carousel/images/slide7.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 0px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="width: 112.64px; height: 123.904px; top: 53.68px; right: 762.968px; opacity: 1; z-index: 4;" class="slideItem"><a href="#"><img style="width: 112.64px; height: 112.64px; display: inline-block;" src="http://www.abokarim.---ممنوع الاشهار---/vb/samael3arb/carousel/images/slide8.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 0px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="display: none; width: 220px; height: 220px; top: 0px; right: 355px; opacity: 1; z-index: 11; position: absolute; cursor: pointer; overflow: hidden; padding: 0px; margin: 0px; border: medium none;" class="spinner"></div><div style="display: none; width: 220px; height: 220px; top: 0px; right: 355px; opacity: 1; z-index: 10; position: absolute; cursor: pointer; overflow: hidden; padding: 0px; margin: 0px; border: medium none;" class="videoOverlay"></div>

غير روابط الصور الى ما تريده

الكود لا يعمل 
ربما ينقصه اشياء اخرى ( كود css و كود جافا مرافق له ؟ )
انظر هنا
في التشكيلات !
b3stanime.forumarabia.com
في صفحة HTML !
http://b3stanime.forumarabia.com/h5-page

ارجو التأكد ..

UP

Up

UP xD

نعم الكود له كود اخر في ورقةcss
او جافا

طيب عطينا ياه ؟ xD 

UP

اخي الكود معطى لك
https://help.ahlamontada.com/t1070512-topic#4828275

الـ css

الكود:

.carousel {
    border: medium none;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 930px;
}
.carousel .slides {
    border: medium none;
    height: 200px;
    list-style: none outside none;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
}
.carousel .slides .slideItem {
    border: medium none;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.carousel .slides .slideItem a {
    border: medium none;
    display: block;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-decoration: none;
}
.carousel .slides .slideItem img {
    border: medium none;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
.carousel .nextButton, .carousel .prevButton, .carousel .buttonNav .bullet, .carousel .buttonNav .bulletActive {
    background-color: transparent;
    background-image: url("images/icons.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
.carousel .nextButton, .carousel .prevButton {
    cursor: pointer;
    height: 34px;
    position: absolute;
    top: 90px;
    width: 34px;
    z-index: 9999;
}
.carousel .nextButton {
    background-position: 0 -34px;
    left: 44px;
}
.carousel .nextButton:hover {
    background-position: -34px -34px;
}
.carousel .nextButton:active {
    background-position: -68px -34px;
}
.carousel .prevButton {
    background-position: 0 0;
    right: 44px;
}
.carousel .prevButton:hover {
    background-position: -34px 0;
}
.carousel .prevButton:active {
    background-position: -68px 0;
}
.carousel .buttonNav {
    margin: 0 auto;
    position: relative;
    z-index: 999;
}
.carousel .buttonNav .numbers {
    cursor: pointer;
    float: left;
    margin: 5px;
    position: relative;
}
.carousel .buttonNav .numbers:hover {
}
.carousel .buttonNav .numberActive {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
    cursor: default;
}
.carousel .buttonNav .bullet {
    background-position: -16px -68px;
    cursor: pointer;
    float: right;
    height: 16px;
    margin: 5px;
    position: relative;
    width: 16px;
}
.carousel .buttonNav .bullet:hover {
    background-position: 0 -68px;
}
.carousel .buttonNav .bulletActive {
    background-position: 0 -68px;
    cursor: default;
}
.carousel .shadow {
    height: 26px;
    width: 100%;
}
.carousel .shadow .shadowLeft {
    background: url("images/shadowLeft.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 15px;
    width: 66px;
}
.carousel .shadow .shadowMiddle {
    background: url("images/shadowTile.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 15px;
}
.carousel .shadow .shadowRight {
    background: url("images/shadowRight.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 15px;
    width: 69px;
}

الـ java
انتظر واحد غيري هع

هل لهذه الدرجة صعب هععع .. 
انتظر المساعدين ليعطوني كود الجافا ههههه 
شكرا لك امير ديزاين 
انتظركم ايها المساعدون اريد كود الجافا 

UP ! -_-

Up

تفضل جرب هذا

الكود:

<table class="forumline" style="width: 100%;" border="0" cellpadding="0" cellspacing="1">
      
   <tbody>
       
      <tr>
            
         <td class="catLeft" style="height: 25px;">
              <span class="genmed  module-title"> </span> 
         </td>
            
      </tr>
         
      <tr>
            
         <td class="row1 genmed" align="left">
               
            <div id="comslider_in_point_77873">
                
               <div style="border:0px; width:750px; height:200px; position: relative;" name="comSWrapper77873_" id="comSWrapper77873_">
                   
                  <div style="overflow:hidden; background: none; border:0px solid #00ff00; width:750px; height:300px; position: relative;" name="comSWrapper77873_" id="comSWrapper77873_">
                      
                     <div style="position: absolute; top: 0px; left: 0px; width: 750px; height: 300px; display: none;" name="comSFrame77873_0" id="comSFrame77873_0">
                         
                        <div style="position: absolute; overflow: hidden; top: 0px; left: 0px; width: 750px; height: 300px; display: none; z-index: 1;" name="comSFrameSek77873_0" id="comSFrameSek77873_0">
                            
                           <div style="position:absolute; overflow:hidden; top:0px; left:0px; width:750px; height:300px;" name="comSImg77873_0" id="comSImg77873_0">
                                <a href="http://www.xenonduelacademy.com/h1-rules" target="_blank" style="text-decoration: none !important;"><img style="border:0px;" src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/img/portalsliderrules.png?1384638284" /></a> 
                           </div><a href="http://www.xenonduelacademy.com/h1-rules" target="_blank" style="text-decoration: none !important;"></a> 
                           <div style="text-decoration: none ! important; background: none repeat scroll 0% 0% rgb(0, 0, 0); position: absolute; overflow: hidden; top: 210px; left: 0px; width: 750px; height: 90px; opacity: 0.4;" name="comSHtml77873__bk0" id="comSHtml77873__bk0">
                               
                           </div><a href="http://www.xenonduelacademy.com/h1-rules" target="_blank" style="text-decoration: none !important;"></a><script type="text/javascript"> jqCS77873("#comSHtml77873__bk0").fadeTo(0,0.4);</script><a href="http://www.xenonduelacademy.com/h1-rules" target="_blank" style="text-decoration: none !important;"></a> 
                           <div style="text-decoration: none ! important; padding: 10px; background: none repeat scroll 0% 0% transparent; position: absolute; overflow: hidden; top: 210px; left: 0px; width: 750px; height: 90px;" name="comSHtml77873_0" id="comSHtml77873_0">
                                <span style="font-size:22px;"><span style="color:#ffffff;"><span style="font-family:tahoma,geneva,sans-serif;"><strong>Rules</strong></span></span></span> 
                           </div><a href="http://www.xenonduelacademy.com/h1-rules" target="_blank" style="text-decoration: none !important;"></a><a href="http://www.xenonduelacademy.com/h1-rules" target="_blank" style="text-decoration: none !important;"></a> 
                           <div style="text-decoration: none ! important; position: absolute; overflow: hidden; top: 0px; left: 0px; width: 750px; height: 300px;" name="comSLink77873_0" id="comSLink77873_0">
                               
                           </div><a href="http://www.xenonduelacademy.com/h1-rules" target="_blank" style="text-decoration: none !important;"></a> 
                        </div>
                         
                     </div>
                      
                     <div style="position: absolute; top: 0px; left: 0px; width: 750px; height: 300px; display: none;" name="comSFrame77873_1" id="comSFrame77873_1">
                         
                        <div style="position: absolute; overflow: hidden; top: 0px; left: 0px; width: 750px; height: 300px; z-index: 1; display: none;" name="comSFrameSek77873_1" id="comSFrameSek77873_1">
                            
                           <div style="position:absolute; overflow:hidden; top:0px; left:0px; width:750px; height:300px;" name="comSImg77873_1" id="comSImg77873_1">
                                <a href="http://www.xenonduelacademy.com/h2-starter-guide" target="_blank" style="text-decoration: none !important;"><img style="border:0px;" src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/img/portalsliderstarter.png?1384638284" /></a> 
                           </div><a href="http://www.xenonduelacademy.com/h2-starter-guide" target="_blank" style="text-decoration: none !important;"></a> 
                           <div style="text-decoration: none ! important; background: none repeat scroll 0% 0% rgb(0, 0, 0); position: absolute; overflow: hidden; top: 210px; left: 0px; width: 750px; height: 90px; opacity: 0.4;" name="comSHtml77873__bk1" id="comSHtml77873__bk1">
                               
                           </div><a href="http://www.xenonduelacademy.com/h2-starter-guide" target="_blank" style="text-decoration: none !important;"></a><script type="text/javascript"> jqCS77873("#comSHtml77873__bk1").fadeTo(0,0.4);</script><a href="http://www.xenonduelacademy.com/h2-starter-guide" target="_blank" style="text-decoration: none !important;"></a> 
                           <div style="text-decoration: none ! important; padding: 10px; background: none repeat scroll 0% 0% transparent; position: absolute; overflow: hidden; top: 210px; left: 0px; width: 750px; height: 90px;" name="comSHtml77873_1" id="comSHtml77873_1">
                                <span style="font-size:22px;"><span style="color:#ffffff;"><span style="font-family:tahoma,geneva,sans-serif;"><strong>Starter Guide</strong></span></span></span> 
                           </div><a href="http://www.xenonduelacademy.com/h2-starter-guide" target="_blank" style="text-decoration: none !important;"></a><a href="http://www.xenonduelacademy.com/h2-starter-guide" target="_blank" style="text-decoration: none !important;"></a> 
                           <div style="text-decoration: none ! important; position: absolute; overflow: hidden; top: 0px; left: 0px; width: 750px; height: 300px;" name="comSLink77873_1" id="comSLink77873_1">
                               
                           </div><a href="http://www.xenonduelacademy.com/h2-starter-guide" target="_blank" style="text-decoration: none !important;"></a> 
                        </div>
                         
                     </div>
                      
                     <div style="position: absolute; top: 0px; left: 0px; width: 750px; height: 300px; display: none;" name="comSFrame77873_2" id="comSFrame77873_2">
                         
                        <div style="position: absolute; overflow: hidden; top: 0px; left: 0px; width: 750px; height: 300px; z-index: 1; display: none;" name="comSFrameSek77873_2" id="comSFrameSek77873_2">
                            
                           <div style="position:absolute; overflow:hidden; top:0px; left:0px; width:750px; height:300px;" name="comSImg77873_2" id="comSImg77873_2">
                                <a href="http://www.xenonduelacademy.com/t1075-testing-rubric#8219" target="_blank" style="text-decoration: none !important;"><img style="border:0px;" src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/img/portalslidertesting.png?1384638284" /></a> 
                           </div><a href="http://www.xenonduelacademy.com/t1075-testing-rubric#8219" target="_blank" style="text-decoration: none !important;"></a> 
                           <div style="text-decoration: none ! important; background: none repeat scroll 0% 0% rgb(0, 0, 0); position: absolute; overflow: hidden; top: 210px; left: 0px; width: 750px; height: 90px; opacity: 0.4;" name="comSHtml77873__bk2" id="comSHtml77873__bk2">
                               
                           </div><a href="http://www.xenonduelacademy.com/t1075-testing-rubric#8219" target="_blank" style="text-decoration: none !important;"></a><script type="text/javascript"> jqCS77873("#comSHtml77873__bk2").fadeTo(0,0.4);</script><a href="http://www.xenonduelacademy.com/t1075-testing-rubric#8219" target="_blank" style="text-decoration: none !important;"></a> 
                           <div style="text-decoration: none ! important; padding: 10px; background: none repeat scroll 0% 0% transparent; position: absolute; overflow: hidden; top: 210px; left: 0px; width: 750px; height: 90px;" name="comSHtml77873_2" id="comSHtml77873_2">
                                <span style="font-size:22px;"><span style="color:#ffffff;"><span style="font-family:tahoma,geneva,sans-serif;"><strong>Testing Rubic</strong></span></span></span> 
                           </div><a href="http://www.xenonduelacademy.com/t1075-testing-rubric#8219" target="_blank" style="text-decoration: none !important;"></a><a href="http://www.xenonduelacademy.com/t1075-testing-rubric#8219" target="_blank" style="text-decoration: none !important;"></a> 
                           <div style="text-decoration: none ! important; position: absolute; overflow: hidden; top: 0px; left: 0px; width: 750px; height: 300px;" name="comSLink77873_2" id="comSLink77873_2">
                               
                           </div><a href="http://www.xenonduelacademy.com/t1075-testing-rubric#8219" target="_blank" style="text-decoration: none !important;"></a> 
                        </div>
                         
                     </div>
                      
                     <div style="position: absolute; top: 0px; left: 0px; width: 750px; height: 300px; display: none;" name="comSFrame77873_3" id="comSFrame77873_3">
                         
                        <div style="position: absolute; overflow: hidden; top: 0px; left: 0px; width: 750px; height: 300px; z-index: 1; display: none;" name="comSFrameSek77873_3" id="comSFrameSek77873_3">
                            
                           <div style="position:absolute; overflow:hidden; top:0px; left:0px; width:750px; height:300px;" name="comSImg77873_3" id="comSImg77873_3">
                                <a href="http://www.xenonduelacademy.com/h6-staff-application" target="_blank" style="text-decoration: none !important;"><img style="border:0px;" src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/img/portalsliderstaffhire.png?1384638284" /></a> 
                           </div><a href="http://www.xenonduelacademy.com/h6-staff-application" target="_blank" style="text-decoration: none !important;"></a> 
                           <div style="text-decoration: none ! important; background: none repeat scroll 0% 0% rgb(0, 0, 0); position: absolute; overflow: hidden; top: 210px; left: 0px; width: 750px; height: 90px; opacity: 0.4;" name="comSHtml77873__bk3" id="comSHtml77873__bk3">
                               
                           </div><a href="http://www.xenonduelacademy.com/h6-staff-application" target="_blank" style="text-decoration: none !important;"></a><script type="text/javascript"> jqCS77873("#comSHtml77873__bk3").fadeTo(0,0.4);</script><a href="http://www.xenonduelacademy.com/h6-staff-application" target="_blank" style="text-decoration: none !important;"></a> 
                           <div style="text-decoration: none ! important; padding: 10px; background: none repeat scroll 0% 0% transparent; position: absolute; overflow: hidden; top: 210px; left: 0px; width: 750px; height: 90px;" name="comSHtml77873_3" id="comSHtml77873_3">
                                <span style="font-size:22px;"><span style="color:#ffffff;"><span style="font-family:tahoma,geneva,sans-serif;"><strong>Staff Applications</strong></span></span></span> 
                           </div><a href="http://www.xenonduelacademy.com/h6-staff-application" target="_blank" style="text-decoration: none !important;"></a><a href="http://www.xenonduelacademy.com/h6-staff-application" target="_blank" style="text-decoration: none !important;"></a> 
                           <div style="text-decoration: none ! important; position: absolute; overflow: hidden; top: 0px; left: 0px; width: 750px; height: 300px;" name="comSLink77873_3" id="comSLink77873_3">
                               
                           </div><a href="http://www.xenonduelacademy.com/h6-staff-application" target="_blank" style="text-decoration: none !important;"></a> 
                        </div>
                         
                     </div>
                      
                     <div style="position: absolute; top: 0px; left: 0px; width: 750px; height: 300px; display: block;" name="comSFrame77873_4" id="comSFrame77873_4">
                         
                        <div style="position: absolute; overflow: hidden; top: 0px; left: 0px; width: 750px; height: 300px; z-index: 2; display: block;" name="comSFrameSek77873_4" id="comSFrameSek77873_4">
                            
                           <div style="position:absolute; overflow:hidden; top:0px; left:0px; width:750px; height:300px;" name="comSImg77873_4" id="comSImg77873_4">
                                <a href="http://www.xenonduelacademy.com/f17-tournaments" target="_blank" style="text-decoration: none !important;"><img style="border:0px;" src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/img/portaltours.png?1384638284" /></a> 
                           </div><a href="http://www.xenonduelacademy.com/f17-tournaments" target="_blank" style="text-decoration: none !important;"></a> 
                           <div style="text-decoration: none ! important; background: none repeat scroll 0% 0% rgb(0, 0, 0); position: absolute; overflow: hidden; top: 210px; left: 0px; width: 750px; height: 90px; opacity: 0.4;" name="comSHtml77873__bk4" id="comSHtml77873__bk4">
                               
                           </div><a href="http://www.xenonduelacademy.com/f17-tournaments" target="_blank" style="text-decoration: none !important;"></a><script type="text/javascript"> jqCS77873("#comSHtml77873__bk4").fadeTo(0,0.4);</script><a href="http://www.xenonduelacademy.com/f17-tournaments" target="_blank" style="text-decoration: none !important;"></a> 
                           <div style="text-decoration: none ! important; padding: 10px; background: none repeat scroll 0% 0% transparent; position: absolute; overflow: hidden; top: 210px; left: 0px; width: 750px; height: 90px;" name="comSHtml77873_4" id="comSHtml77873_4">
                                <span style="font-size:22px;"><span style="color:#ffffff;"><span style="font-family:tahoma,geneva,sans-serif;"><strong>Tournaments</strong></span></span></span> 
                           </div><a href="http://www.xenonduelacademy.com/f17-tournaments" target="_blank" style="text-decoration: none !important;"></a><a href="http://www.xenonduelacademy.com/f17-tournaments" target="_blank" style="text-decoration: none !important;"></a> 
                           <div style="text-decoration: none ! important; position: absolute; overflow: hidden; top: 0px; left: 0px; width: 750px; height: 300px;" name="comSLink77873_4" id="comSLink77873_4">
                               
                           </div><a href="http://www.xenonduelacademy.com/f17-tournaments" target="_blank" style="text-decoration: none !important;"></a> 
                        </div>
                         
                     </div><a href="" style="cursor:pointer; text-decoration:none !important; font-size:8px;" name="0"></a> 
                     <div style="cursor: pointer; text-decoration: none ! important; font-size: 8px; margin-left: 0px; margin-top: 0px; border: 0px solid rgb(255, 255, 255); position: absolute; height: 11px; width: 11px; top: 6px; left: 665px; z-index: 5; text-align: center; vertical-align: bottom; color: rgb(255, 255, 255); opacity: 0.6; background: none repeat scroll 0% 0% transparent;" name="comSNavigation77873_0" id="comSNavigation77873_0">
                         
                        <div style="font-size:1px;line-height:0;height:11px;" id="height_workaround">
                             <img src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/imgnav/nav13846382870.png?timstamp=1384638287" id="comImgBullet77873_0" style="position: absolute; top: 0px; left: 0px; border: 0px none; display: block;" /><img src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/imgnav/bulls13846382870.png?timstamp=1384638287" id="comImgBulletcurr77873_0" style="position: absolute; top: 0px; left: 0px; border: 0px none; display: none;" /> 
                        </div>
                         
                     </div><a href="" style="cursor:pointer; text-decoration:none !important; font-size:8px;" name="0"></a><script type="text/javascript"> jqCS77873("#comSNavigation77873_0").fadeTo(0,0.6);</script><a href="" style="cursor:pointer; text-decoration:none !important; font-size:8px;" name="1"></a> 
                     <div style="cursor: pointer; text-decoration: none ! important; font-size: 8px; margin-left: 0px; margin-top: 0px; border: 0px solid rgb(255, 255, 255); position: absolute; height: 11px; width: 11px; top: 6px; left: 682px; z-index: 5; text-align: center; vertical-align: bottom; color: rgb(255, 255, 255); opacity: 0.6; background: none repeat scroll 0% 0% transparent;" name="comSNavigation77873_1" id="comSNavigation77873_1">
                         
                        <div style="font-size:1px;line-height:0;height:11px;" id="height_workaround">
                             <img src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/imgnav/nav13846382871.png?timstamp=1384638287" id="comImgBullet77873_1" style="position: absolute; top: 0px; left: 0px; border: 0px none; display: block;" /><img src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/imgnav/bulls13846382871.png?timstamp=1384638287" id="comImgBulletcurr77873_1" style="position: absolute; top: 0px; left: 0px; border: 0px none; display: none;" /> 
                        </div>
                         
                     </div><a href="" style="cursor:pointer; text-decoration:none !important; font-size:8px;" name="1"></a><script type="text/javascript"> jqCS77873("#comSNavigation77873_1").fadeTo(0,0.6);</script><a href="" style="cursor:pointer; text-decoration:none !important; font-size:8px;" name="2"></a> 
                     <div style="cursor: pointer; text-decoration: none ! important; font-size: 8px; margin-left: 0px; margin-top: 0px; border: 0px solid rgb(255, 255, 255); position: absolute; height: 11px; width: 11px; top: 6px; left: 699px; z-index: 5; text-align: center; vertical-align: bottom; color: rgb(255, 255, 255); opacity: 0.6; background: none repeat scroll 0% 0% transparent;" name="comSNavigation77873_2" id="comSNavigation77873_2">
                         
                        <div style="font-size:1px;line-height:0;height:11px;" id="height_workaround">
                             <img src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/imgnav/nav13846382872.png?timstamp=1384638287" id="comImgBullet77873_2" style="position: absolute; top: 0px; left: 0px; border: 0px none; display: block;" /><img src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/imgnav/bulls13846382872.png?timstamp=1384638287" id="comImgBulletcurr77873_2" style="position: absolute; top: 0px; left: 0px; border: 0px none; display: none;" /> 
                        </div>
                         
                     </div><a href="" style="cursor:pointer; text-decoration:none !important; font-size:8px;" name="2"></a><script type="text/javascript"> jqCS77873("#comSNavigation77873_2").fadeTo(0,0.6);</script><a href="" style="cursor:pointer; text-decoration:none !important; font-size:8px;" name="3"></a> 
                     <div style="cursor: pointer; text-decoration: none ! important; font-size: 8px; margin-left: 0px; margin-top: 0px; border: 0px solid rgb(255, 255, 255); position: absolute; height: 11px; width: 11px; top: 6px; left: 716px; z-index: 5; text-align: center; vertical-align: bottom; color: rgb(255, 255, 255); opacity: 0.6; background: none repeat scroll 0% 0% transparent;" name="comSNavigation77873_3" id="comSNavigation77873_3">
                         
                        <div style="font-size:1px;line-height:0;height:11px;" id="height_workaround">
                             <img src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/imgnav/nav13846382873.png?timstamp=1384638287" id="comImgBullet77873_3" style="position: absolute; top: 0px; left: 0px; border: 0px none; display: block;" /><img src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/imgnav/bulls13846382873.png?timstamp=1384638287" id="comImgBulletcurr77873_3" style="position: absolute; top: 0px; left: 0px; border: 0px none; display: none;" /> 
                        </div>
                         
                     </div><a href="" style="cursor:pointer; text-decoration:none !important; font-size:8px;" name="3"></a><script type="text/javascript"> jqCS77873("#comSNavigation77873_3").fadeTo(0,0.6);</script><a href="" style="cursor:pointer; text-decoration:none !important; font-size:8px;" name="4"></a> 
                     <div style="cursor: pointer; text-decoration: none ! important; font-size: 8px; margin-left: 0px; margin-top: 0px; border: 0px solid rgb(0, 0, 0); position: absolute; height: 11px; width: 11px; top: 6px; left: 733px; z-index: 5; text-align: center; vertical-align: bottom; color: rgb(0, 0, 0); opacity: 0.6; background: none repeat scroll 0% 0% transparent;" name="comSNavigation77873_4" id="comSNavigation77873_4">
                         
                        <div style="font-size:1px;line-height:0;height:11px;" id="height_workaround">
                             <img src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/imgnav/nav13846382874.png?timstamp=1384638287" id="comImgBullet77873_4" style="position: absolute; top: 0px; left: 0px; border: 0px none; display: none;" /><img src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/imgnav/bulls13846382874.png?timstamp=1384638287" id="comImgBulletcurr77873_4" style="position: absolute; top: 0px; left: 0px; border: 0px none; display: block;" /> 
                        </div>
                         
                     </div><a href="" style="cursor:pointer; text-decoration:none !important; font-size:8px;" name="4"></a><script type="text/javascript"> jqCS77873("#comSNavigation77873_4").fadeTo(0,0.6);</script> 
                  </div>
                   
                  <div style="cursor: pointer; margin: 0px 0px 0px 10px; border: 0px none; position: absolute; height: 32px; width: 32px; top: 134px; left: 0px; z-index: 6; text-align: center; vertical-align: bottom; background-color: transparent; display: none;" name="comSNavigationControl77873__back" id="comSNavigationControl77873__back">
                       <img src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/imgnavctl/defback.png?1384638284" style="position: absolute; top: 0px; left: 0px; border: 0px none; display: block;" class="def" /><img src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/imgnavctl/defbackhover.png?1384638284" style="position: absolute; top: 0px; left: 0px; border: 0px none; display: none;" class="hover" /> 
                  </div><script type="text/javascript"> jqCS77873("#comSNavigationControl77873__back").bind('mouseenter', function() {  jqCS77873(this).css('background-color', 'transparent'); jqCS77873("#comSNavigationControl77873__back img.hover").show(); jqCS77873("#comSNavigationControl77873__back img.def").hide(); });</script><script type="text/javascript"> jqCS77873("#comSNavigationControl77873__back").bind('mouseleave', function() {  jqCS77873(this).css('background-color', 'transparent'); jqCS77873("#comSNavigationControl77873__back img.def").show();  jqCS77873("#comSNavigationControl77873__back img.hover").hide(); });</script><script type="text/javascript"> jqCS77873("#comSNavigationControl77873__back").bind('click', function() { objcomSlider77873.switchFramePrev(); });</script> 
                  <div style="cursor: pointer; margin: 0px 0px 0px -10px; border: 0px none; position: absolute; height: 32px; width: 32px; top: 134px; left: 718px; z-index: 6; text-align: center; vertical-align: bottom; background-color: transparent; display: none;" name="comSNavigationControl77873__forward" id="comSNavigationControl77873__forward">
                       <img src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/imgnavctl/defforward.png?1384638284" style="position: absolute; top: 0px; left: 0px; border: 0px none; display: block;" class="def" /><img src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/imgnavctl/defforwardhover.png?1384638284" style="position: absolute; top: 0px; left: 0px; border: 0px none; display: none;" class="hover" /> 
                  </div><script type="text/javascript"> jqCS77873("#comSNavigationControl77873__forward").bind('mouseenter', function() {  jqCS77873(this).css('background-color', 'transparent'); jqCS77873("#comSNavigationControl77873__forward img.hover").show(); jqCS77873("#comSNavigationControl77873__forward img.def").hide(); });</script><script type="text/javascript"> jqCS77873("#comSNavigationControl77873__forward").bind('mouseleave', function() {  jqCS77873(this).css('background-color', 'transparent'); jqCS77873("#comSNavigationControl77873__forward img.def").show();  jqCS77873("#comSNavigationControl77873__forward img.hover").hide(); });</script><script type="text/javascript"> jqCS77873("#comSNavigationControl77873__forward").bind('click', function() { objcomSlider77873.switchFrame(); });</script><script type="text/javascript">jqCS77873("#comSWrapper77873_").bind('mouseenter', function() { jqCS77873("#comSNavigationControl77873__back").fadeIn("fast");jqCS77873("#comSNavigationControl77873__forward").fadeIn("fast"); });</script><script type="text/javascript">jqCS77873("#comSWrapper77873_").bind('mouseleave', function() { jqCS77873("#comSNavigationControl77873__back").fadeOut("fast");jqCS77873("#comSNavigationControl77873__forward").fadeOut("fast"); });</script> 
               </div>
                
            </div><script type="text/javascript">var oCOMScript77873=document.createElement('script');oCOMScript77873.src="http://www.comslider.com/target/users/1384616192xf0102dc6de9982ef1d5538dcebc304ff/comslider.js?timestamp=1384621610";oCOMScript77873.type='text/javascript';document.getElementsByTagName("head").item(0).appendChild(oCOMScript77873);</script> 
         </td>
            
      </tr>
         
   </tbody>
</table>

AmEr DeSiGN كتب:تفضل

الكود:

<div style="width: 140.8px; height: 154.88px; top: 39.6px; right: 655.96px; opacity: 1; z-index: 5;" class="slideItem"><a href="#"><img style="width: 140.8px; height: 140.8px; display: inline-block;" src="http://www.abokarim.eb2a.com/vb/samael3arb/carousel/images/slide1.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 5.8px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="width: 176px; height: 193.6px; top: 22px; right: 522.2px; opacity: 1; z-index: 6;" class="slideItem"><a href="#"><img style="width: 176px; height: 176px; display: inline-block;" src="http://www.abokarim.eb2a.com/vb/samael3arb/carousel/images/slide2.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 41px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="width: 220px; height: 242px; top: 0px; right: 355px; opacity: 1; z-index: 7;" class="slideItem"><a href="#"><img style="width: 220px; height: 220px; display: inline-block;" src="http://www.abokarim.eb2a.com/vb/samael3arb/carousel/images/slide3.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 85px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="width: 176px; height: 193.6px; top: 22px; right: 231.8px; opacity: 1; z-index: 6;" class="slideItem"><a href="#"><img style="width: 176px; height: 176px; display: inline-block;" src="http://www.abokarim.eb2a.com/vb/samael3arb/carousel/images/slide4.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 41px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="width: 140.8px; height: 154.88px; top: 39.6px; right: 133.24px; opacity: 1; z-index: 5; display: block;" class="slideItem"><a href="#"><img style="width: 140.8px; height: 140.8px; display: inline-block;" src="http://www.abokarim.eb2a.com/vb/samael3arb/carousel/images/slide5.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 5.8px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="width: 112.64px; height: 123.904px; top: 53.68px; right: 54.392px; opacity: 1; z-index: 4; display: block;" class="slideItem"><a href="#"><img style="width: 112.64px; height: 112.64px; display: inline-block;" src="http://www.abokarim.eb2a.com/vb/samael3arb/carousel/images/slide6.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 0px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="width: 90.112px; height: 99.1232px; top: 64.944px; right: 419.944px; opacity: 0; z-index: 3; display: none;" class="slideItem"><a href="#"><img style="width: 90.112px; height: 90.112px; display: inline-block;" src="http://www.abokarim.---ممنوع الاشهار---/vb/samael3arb/carousel/images/slide7.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 0px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="width: 112.64px; height: 123.904px; top: 53.68px; right: 762.968px; opacity: 1; z-index: 4;" class="slideItem"><a href="#"><img style="width: 112.64px; height: 112.64px; display: inline-block;" src="http://www.abokarim.---ممنوع الاشهار---/vb/samael3arb/carousel/images/slide8.png" alt=""></a><div style="z-index: -1; position: absolute; margin: 0px; padding: 0px; border: medium none; overflow: hidden; left: 0px; bottom: 0px; width: 220px;" class="shadow"><div style="position: relative; float: left;" class="shadowLeft"></div><div style="position: relative; float: left; width: 0px;" class="shadowMiddle"></div><div style="position: relative; float: left;" class="shadowRight"></div></div></div><div style="display: none; width: 220px; height: 220px; top: 0px; right: 355px; opacity: 1; z-index: 11; position: absolute; cursor: pointer; overflow: hidden; padding: 0px; margin: 0px; border: medium none;" class="spinner"></div><div style="display: none; width: 220px; height: 220px; top: 0px; right: 355px; opacity: 1; z-index: 10; position: absolute; cursor: pointer; overflow: hidden; padding: 0px; margin: 0px; border: medium none;" class="videoOverlay"></div>

غير روابط الصور الى ما تريده

ومن ثم قلت انا :3

MR.KA!TO10 كتب:الكود لا يعمل 
ربما ينقصه اشياء اخرى ( كود css و كود جافا مرافق له ؟ )
انظر هنا
في التشكيلات !
b3stanime.forumarabia.com
في صفحة HTML !
http://b3stanime.forumarabia.com/h5-page 

ارجو التأكد ..

 


ومن ثم تم الرد

AmEr DeSiGN كتب:الـ css

الكود:

.carousel {
    border: medium none;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 930px;
}
.carousel .slides {
    border: medium none;
    height: 200px;
    list-style: none outside none;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
}
.carousel .slides .slideItem {
    border: medium none;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.carousel .slides .slideItem a {
    border: medium none;
    display: block;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-decoration: none;
}
.carousel .slides .slideItem img {
    border: medium none;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
.carousel .nextButton, .carousel .prevButton, .carousel .buttonNav .bullet, .carousel .buttonNav .bulletActive {
    background-color: transparent;
    background-image: url("images/icons.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
.carousel .nextButton, .carousel .prevButton {
    cursor: pointer;
    height: 34px;
    position: absolute;
    top: 90px;
    width: 34px;
    z-index: 9999;
}
.carousel .nextButton {
    background-position: 0 -34px;
    left: 44px;
}
.carousel .nextButton:hover {
    background-position: -34px -34px;
}
.carousel .nextButton:active {
    background-position: -68px -34px;
}
.carousel .prevButton {
    background-position: 0 0;
    right: 44px;
}
.carousel .prevButton:hover {
    background-position: -34px 0;
}
.carousel .prevButton:active {
    background-position: -68px 0;
}
.carousel .buttonNav {
    margin: 0 auto;
    position: relative;
    z-index: 999;
}
.carousel .buttonNav .numbers {
    cursor: pointer;
    float: left;
    margin: 5px;
    position: relative;
}
.carousel .buttonNav .numbers:hover {
}
.carousel .buttonNav .numberActive {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
    cursor: default;
}
.carousel .buttonNav .bullet {
    background-position: -16px -68px;
    cursor: pointer;
    float: right;
    height: 16px;
    margin: 5px;
    position: relative;
    width: 16px;
}
.carousel .buttonNav .bullet:hover {
    background-position: 0 -68px;
}
.carousel .buttonNav .bulletActive {
    background-position: 0 -68px;
    cursor: default;
}
.carousel .shadow {
    height: 26px;
    width: 100%;
}
.carousel .shadow .shadowLeft {
    background: url("images/shadowLeft.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 15px;
    width: 66px;
}
.carousel .shadow .shadowMiddle {
    background: url("images/shadowTile.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 15px;
}
.carousel .shadow .shadowRight {
    background: url("images/shadowRight.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 15px;
    width: 69px;
}

الـ java
انتظر واحد غيري هع

باقي كود الجافا اخي STONES :3

الكود الذي وضعته في ردك كبير جدا اخي ستونز STONES :3
اريد فقط كود الجافا ( اقرأ الرد السابق من فضلك ) :3

اخي لايتوفر كود جافا خاص
بطلبك يمكنك البحث في قوقل
او متابعة موضوعك

طيب هل اكواد الجافا واحدة في جميع السلايدات ؟ :3

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

شكرا اخ حودة لم انتبه على رسالتك :D
تم الحل :)