شركة فور يمنى

شركة فور يمنى اكبر شركة متخصصة فى كل شئ,شركة,فور,يمنى,دعم,تطوير,مساعدة,كود,تومبيلات,شركة فور يمنى,تحميل,4,تصميم,ابداع,استايل,مدخل,العاب,برامج,افلام,انمى,وثائقى,قران,اخبار,حديث,فتاوى,محاضرات,نقاش,مطبخ,مرأة,رجل,foryamany,4egy,yamany,egy,اسلاميات,compan,for
انـــتــــهـــز الــــفــــرصـــه واعــــلــــنــــ مـــعـــانـــا واحـــصـــل عـــلـى هـدايــا قـيــمة للمزيد اضغط هنا

لتصفح افضل لشركتنا استخدم متصفح جوجل كروم ....... لتحميل متصفح جوجل كروم اضغط هنا
انتظروا الحلة الجديدة لشركتنا
ولا تنسوا نحن في خدمتكم دائما واي طلب تفضلوا بطلبه في القسم المناسب

اهلا بك زائرنا الكريم تشرفنا بزيارتك تفضل بالتسجيل للتمتع بجميع مزايا الاعضاء للتسجيل اضغط هنا
صغير كبير صغير صغير جدا
صغير كبير صغير صغير جدا
كبير جداً

كود سلايدر شو



كود سلايدر شو

skulls
عضو جديد
عضو جديد
التقييم التقييم : 0
المشاركات المشاركات : 48
الانتساب الانتساب : 03/04/2014



الجمعة أبريل 18, 2014 6:24 pm


كود سلايدر شو وجدته عندي مخبؤ 
مثال
http://alla-omar.mo-rpg.com/h3-page
الكود
الرمز:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script> <style>
    .container {
    max-width: 1000px;
    }
    .container:before, .container:after {
    content: " ";
    display: table;
    }
    a {
    text-decoration: none;
    }
    .container {
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
    }
    .row {
    margin-right: -15px;
    margin-left: -15px;
    }
    .row:before, .row:after {
    content: " ";
    display: table;
    }
    #slider {
    height: 200px;
    overflow: hidden;
    }
    #slider {
    margin-left: -6px;
    margin-right: -5px;
    }
    #sliderContent {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    }
    .list_carousel ul {
    list-style: none;
    width: 950px;
    margin-left: 12px;
    padding-bottom:5px;
    }
    .prev {
    display: block;
    width: 64px;
    height: 68px;
    position: relative;
    float: right;
    top: -140px;
    right: -5px;
    background: url(https://lh4.googleusercontent.com/-q8Pc_8x8yvM/UUx9c5pou4I/AAAAAAAAAW0/EQZ7VOE7kqo/s68/right.png) no-repeat;
    }
    .next {
    display: block;
    width: 65px;
    height: 68px;
    position: relative;
    float: left;
    right: -50px;
    top: -140px;
    background: url(https://lh4.googleusercontent.com/-L8gOkA58Lms/UUx9ch7xDKI/AAAAAAAAAWw/g0-ASOzNMHk/s68/left.png) no-repeat;
    }
    #sliderContent .list_carousel li {
    width:231px;
    height:180px;
    color: #999;
    text-align: center;
    padding: 0;
    display: block;
    float: left;
    margin-right:10px;
    margin-left:5px;
    background: #FFF;
    -webkit-box-shadow: 1px 0px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 0px 3px rgba(0,0,0,0.2);
    box-shadow: 1px 0px 3px rgba(0,0,0,0.2);
    margin-bottom:3px;
    }
    #sliderContent .slidPost a {
    overflow:hidden;
    display:block;
    text-align: right;
    }
    #sliderContent .list_carousel li a img {
    width:201px;
    height:127px;
    margin-top:5px;
    margin-bottom:5px;
    -webkit-box-shadow: 1px 0px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 0px 3px rgba(0,0,0,0.2);
    box-shadow: 1px 0px 3px rgba(0,0,0,0.2);
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    -ms-transition: all 250ms linear;
    transition: all 250ms linear;
    }
    #sliderContent .list_carousel li a img:hover {
    -webkit-transform: scale(1.050);
    -moz-transform: scale(1.050)
    -o-transform: scale(1.050)
    -ms-transform: scale(1.050)
    transform: scale(1.050)
    }
    #sliderContent .list_carousel #foo2 li a h2 {
    font: 12px Droid Arabic Kufi;
    color: #555;
    margin-top: -8px;
    direction: rtl;
    }
    .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    }
    </style>
<div class=" container">
   
   <div class="row">
      
      <div class="col-lg-12">
         
         <!--  Recent Video Section  -->
         <div class=" container">
            
            <div class="row">
               <script src="https://dl.dropboxusercontent.com/s/pn2ar7inc38199o/jquery.carouFredSel-6.2.0-packed.js" type="text/javascript"></script>
               <div id="slider">
                  <script language="javascript" type="text/javascript">
$(function() {
// Basic carousel, no options
$('#foo0').carouFredSel();
// Basic carousel + timer, using CSS-transitions
$('#foo1').carouFredSel({
auto: {
pauseOnHover: 'resume',
progress: '#timer1'
}
}, {
transition: true
});
// Scrolled by user interaction
$('#foo2').carouFredSel({
auto: false,
prev: '#prev2',
next: '#next2',
pagination: "#pager2",
mousewheel: true,
swipe: {
onMouse: true,
onTouch: true
}
});
});
</script>
                  <div id="sliderContent">
                     
                     <div class="list_carousel">
                        
                        <div class="caroufredsel_wrapper" style="display: block; text-align: start; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 984px; height: 183px; margin: 0px 0px 0px 12px; overflow: hidden;">
                           
                           <ul id="foo2" style="text-align: left; float: none; position: absolute; top: 0px; right: auto; bottom: auto; left: 0px; margin: 0px; width: 5904px; height: 183px;">
                              
                              <li>
                                  <a href="#"><img style="width: 140px; height: 140px;" alt="basketball" src="http://4.bp.blogspot.com/-WPiJ5tZtmto/Uqdt4BfYajI/AAAAAAAAJVE/5GOTbvm_RzU/s1600/IMG_1167_zps9845fe69.png" /></a><a href="#"></a>
                                 <h2 style="">
                                     مثال تجريبي
                                 </h2><a href="#"></a>
                              </li>
                              
                              <li>
                                  <a href="#"><img style="width: 140px; height: 140px;" alt="basketball" src="http://3.bp.blogspot.com/-cPWG-KS5uZ4/UpyHI9SenqI/AAAAAAAAJL4/dG__4zlZ7oU/s1600/1.jpg" /></a><a href="#"></a>
                                 <h2 style="">
                                     مثال تجريبي
                                 </h2><a href="#"></a>
                              </li>
                              
                              <li>
                                 <a href="#"><img style="width: 140px; height: 140px;" alt="basketball" src="http://1.bp.blogspot.com/-PkBZswArpXw/UkvxY5NhgOI/AAAAAAAABfc/eUwGnA1KvGE/s1600/%D8%A8%D8%B5%D9%88%D8%A9.jpg" /></a><a href="#"></a>
                                 <h2 style="">
                                     مثال تجريبي
                                 </h2><a href="#"></a>
                              </li>
                              
                              <li>
                                  <a href="#"><img style="width: 140px; height: 140px;" alt="basketball" src="http://4.bp.blogspot.com/-WPiJ5tZtmto/Uqdt4BfYajI/AAAAAAAAJVE/5GOTbvm_RzU/s1600/IMG_1167_zps9845fe69.png" /></a><a href="#"></a>
                                 <h2 style="">
                                     مثال تجريبي
                                 </h2><a href="#"></a>
                              </li>
                              
                              <li>
                                  <a href="#"><img style="width: 140px; height: 140px;" alt="basketball" src="http://3.bp.blogspot.com/-t8l2ZFu7NZo/UvADVC-GwxI/AAAAAAAAAHA/fr6YgOHyBS4/s1600/0_a494f_ed9326a1_orig.jpg" /></a><a href="#"></a>
                                 <h2 style="">
                                     مثال تجريبي
                                 </h2><a href="#"></a>
                              </li>
                              
                              <li>
                                  <a href="#"><img style="width: 140px; height: 140px;" alt="basketball" src="http://2.bp.blogspot.com/-Ek6BCSIEVS8/Ueu-YuLHkSI/AAAAAAAACH0/YO2gflbzv9Q/s1600/big-red-treefrog.jpg" /></a><a href="#"></a>
                                 <h2 style="">
                                     مثال تجريبي
                                 </h2><a href="#"></a>
                              </li>
                              
                              <li>
                                  <a href="#"><img style="width: 140px; height: 140px;" alt="basketball" src="http://4.bp.blogspot.com/-WPiJ5tZtmto/Uqdt4BfYajI/AAAAAAAAJVE/5GOTbvm_RzU/s1600/IMG_1167_zps9845fe69.png" /></a><a href="#"></a>
                                 <h2 style="">
                                     مثال تجريبي
                                 </h2><a href="#"></a>
                              </li>
                              
                              <li>
                                  <a href="#"><img style="width: 140px; height: 140px;" alt="basketball" src="http://3.bp.blogspot.com/-cPWG-KS5uZ4/UpyHI9SenqI/AAAAAAAAJL4/dG__4zlZ7oU/s1600/1.jpg" /></a><a href="#"></a>
                                 <h2 style="">
                                     مثال تجريبي
                                 </h2><a href="#"></a>
                              </li>
                              
                              <li>
                                  <a href="#"><img style="width: 140px; height: 140px;" alt="basketball" src="http://3.bp.blogspot.com/-t8l2ZFu7NZo/UvADVC-GwxI/AAAAAAAAAHA/fr6YgOHyBS4/s1600/0_a494f_ed9326a1_orig.jpg" /></a><a href="#"></a>
                                 <h2 style="">
                                     مثال تجريبي
                                 </h2><a href="#"></a>
                              </li>
                              
                              <li>
                                  <a href="#"><img style="width: 140px; height: 140px;" alt="basketball" src="http://2.bp.blogspot.com/-Ek6BCSIEVS8/Ueu-YuLHkSI/AAAAAAAACH0/YO2gflbzv9Q/s1600/big-red-treefrog.jpg" /></a><a href="#"></a>
                                 <h2 style="">
                                     مثال تجريبي
                                 </h2><a href="#"></a>
                              </li>
                              
                           </ul>
                           
                        </div>
                        
                        <div class="clearfix">
                           
                        </div><a class="prev" href="#" id="prev2" style="display: block;"></a><a class="next" href="#" id="next2" style="display: block;"></a>
                     </div>
                     
                  </div>
                  
                  <div class="clear">
                     
                  </div>
                  
               </div>
               
            </div>
            
         </div>
         
         <!--  /.container  -->
      </div>
      
   </div>
</div>




skulls
عضو جديد
عضو جديد
التقييم التقييم : 0
المشاركات المشاركات : 48
الانتساب الانتساب : 03/04/2014



الجمعة أبريل 18, 2014 6:25 pm


اي مشكل في تعديل عليه قولي وانا هنا


skulls
عضو جديد
عضو جديد
التقييم التقييم : 0
المشاركات المشاركات : 48
الانتساب الانتساب : 03/04/2014



الجمعة أبريل 18, 2014 6:25 pm


http://alla-omar.mo-rpg.com/h4-page
مثال لكود اخر لي حاب يديه يقولي


skulls
عضو جديد
عضو جديد
التقييم التقييم : 0
المشاركات المشاركات : 48
الانتساب الانتساب : 03/04/2014



الجمعة أبريل 18, 2014 6:26 pm


http://alla-omar.mo-rpg.com/page_html?mode=preview
كود اخر اطلب فقط



skulls
عضو جديد
عضو جديد
التقييم التقييم : 0
المشاركات المشاركات : 48
الانتساب الانتساب : 03/04/2014



الجمعة أبريل 18, 2014 6:29 pm


رابط اخر لسلايدر شو لو تريد مني استخراج اي كود انا هنا
http://alla-omar.mo-rpg.com/h5-page


كود سلايدر شو

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

مواضيع ذات صلة

خــدمات المـوضـوع


www.4egy.netكلمات دليليه
www.4egy.netرابط الموضوع
www.4egy.net BBCode
www.4egy.net HTML code

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


 








جارى التحميل