+ الرد على الموضوع
النتائج 1 إلى 1 من 1
  1. 21 / 06 / 2014 01 : 02 AM #1
    Tofy is on a distinguished road
    تاريخ التسجيل
    19 / 06 / 2014
    الدولة
    مجهولة
    المشاركات
    113
    معدل تقييم المستوى
    234

    افتراضي سلايد شو منتدي العشاق اصبح بين يدكم من العمالقة storyeg.com

    سلام عليكم الان نقدم لكم سلايد شو مجاني لعيونك ..

    مثال ..

    سلايد شو منتديات العشاق storyeg.com


    طريقة التركيب

    مثلا

    ندخل علي قالب Header

    و نضع أسفل القالب ...

    الكود هذا

    كود:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

        <script type="text/javascript" src="js/jquery.infinitecarousel3.min.js"></script>
<script type="text/javascript">
$(function(){
    $('.carousel').infiniteCarousel({
        imagePath: 'images/',
        transitionSpeed:600,
        displayTime: 6000,
        internalThumbnails: false,
        thumbnailType: 'count',
        customClass: 'myCarousel',
        progressRingColorOpacity: '0,0,0,.9',
        progressRingBackgroundOn: false,
        margin: 22,
        easeLeft: 'easeOutBounce',
        easeRight:'easeOutBounce',
        inView: 4,
        advance: 2,
        autoPilot: true,
        prevNextInternal: false,
        autoHideCaptions: false
    });

});
</script>
</script>
    <script type="text/javascript" src="js/organictabs.jquery.js"></script>
    <script type="text/javascript">
        $(function() {
    
            $("#example-one").organicTabs();
            
            $("#example-two").organicTabs({
                "speed": 200
            });
    
        });
    </script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>سلايد شو العشاق storyeg.com</title>
<style>




a{text-decoration:none;outline:0px}
a img{border:0px}





.n-bar0 {
    background-repeat: repeat-x;
    background-image:url(images/storyeg4.jpg);
    margin-bottom: 3px;
}

.n-bar2 {
    background-image:url(images/storyeg_2.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    height: 41px;
}






.navbox{
    margin-bottom: 11px;
}
.n-bar2 ul {
    margin: 0px;
    padding: 5px 7px 0px 0px;
    list-style-type: none;
}
.n-bar2 ul li {
    float: right;
    margin-left: 2px;
    line-height: 32px;
    text-align: center;
    
}
.n-bar2 ul li a {
    background-image:url(images/storyeg_1.jpg);
    background-repeat: no-repeat;
    height: 32px;
    display: block;
    color: #404040;
    font-family: "GE SS2","Arial";
    font-size: 16px;
    padding-right: 20px;
    text-shadow:0px 1px 0px #fff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear;

}
.n-bar2 ul li a:visited {color: #404040;
}
.n-bar2 ul li a:hover {
    color: #FFFFFF;text-shadow:0px 1px 0px #485907
}
.n-bar2 ul li.fm-01 a {background-position: right top;width: 118px;}
.n-bar2 ul li.fm-02 a {width: 106px;background-position: -269px top;}
.n-bar2 ul li.fm-03 a {background-position: -149px top;width: 99px;}
.n-bar2 ul li.fm-04 a {background-position: left top;width: 126px;}
.n-bar2 ul li.fm-01 a:hover {background-position: right bottom;}
.n-bar2 ul li.fm-02 a:hover {background-position: -269px bottom;}
.n-bar2 ul li.fm-03 a:hover {background-position: -149px bottom;}
.n-bar2 ul li.fm-04 a:hover {background-position: left bottom;}
#example-one ul li.fm-01 a.current, #example-one ul.tab-1 li a:hover { background-position: right bottom; color: white;text-shadow:0px 1px 0px #485907 }
#example-one ul li.fm-02 a.current, #example-one ul.tab-2 li a:hover { background-position: -269px bottom; color: white;text-shadow:0px 1px 0px #485907 }
#example-one ul li.fm-03 a.current, #example-one ul.tab-3 li a:hover { background-position: -149px bottom; color: white;text-shadow:0px 1px 0px #485907 }
#example-one ul li.fm-04 a.current, #example-one ul.tab-4 li a:hover { background-position: left bottom; color: white;text-shadow:0px 1px 0px #485907 }



.ic_thumbnails {
display:none    
}
form#qrform table.tborder thead tr td.tcat p{
    margin:0px
}
.f-mn-high {
min-height:53px
}
.drp2 .wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;    
}

.drp2 .wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}
/*************************** postbit_legacy Tabs ***************************/
.djdot{
position:relative;
right:0;
font: 9px tahoma;
width: 180px;
margin:15px 0 0 0;
z-index:2;
}

.djdot ul{
margin: 0;
padding: 0;
position: absolute;
right:0;
float:right;
}



</style>
</head>

<body>
<div id="example-one">
    <div class="n-bar0"><div class="n-bar1"><div class="n-bar2"> 
    <ul class="nav">
<li class="fm-01"><a href="#tab-1" class="current">أعمال تيست</a></li>
<li class="fm-02"><a href="#tab-2">أعمال تيست 2</a></li>
<li class="fm-04"><a href="#tab-3">أعمال تيست3 </a></li>
<li class="fm-04"><a href="#tab-4">أعمال تيست 4</a></li>
<li class="fm-04"><a href="#tab-5">أعمال تيست 5 </a></li>
</ul>
            </div></div></div>

<div class="thumb0"><div class="thumb1"><div class="thumb2" style="direction:ltr">
            <div class="list-wrap">
<div style="padding-left:16px" id="tab-1">
<ul class="carousel"><!-- Anime banners -->
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im68.gulfup.com/hZsKh.png" width="200" /></a></li>
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im75.gulfup.com/Y6oCe.png" width="200" /></a></li>
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im49.gulfup.com/J5b2x.png" width="200" /></a>
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://img03.arabsh.com/uploads/image/2014/03/20/0c30454366f107.png" width="200" /></a></li>
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.3asq.com/img/uploads/13951243621.png" width="200" /></a></li>
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب1" height="100" src="http://im83.gulfup.com/rs0tU.png" width="200" /></a></li>
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/18/png//afd38ff1d2dca78.png" width="200" /></a></li>
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im79.gulfup.com/dXWSu.png" width="200" /></a></li>
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im72.gulfup.com/iyZud.png" width="200" /></a>
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im49.gulfup.com/6Wjt2.png" width="200" /></a>
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im70.gulfup.com/3Mxpj.png" width="200" /></a>
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/13/png//75c2e42ce3bca35.png" width="200" /></a>
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://img04.arabsh.com/uploads/image/2014/03/11/0c314d4c67f702.png" width="200" /></a>
</li>
</ul>
</div>
<div style="padding-left:12px" id="tab-2" class="hide">
<ul class="carousel"><!-- Manga banners -->
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www5.0zz0.com/2014/03/19/15/899494084.png" width="200" /></a></li>
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im56.gulfup.com/IY7hl.png" width="200" /></a></li>
    <li><a href="#"><img alt="    شركة العمالقة لخدمات الويب" height="100" src="http://www4.0zz0.com/2014/03/19/15/595414352.png" width="200" /></a></li>
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im78.gulfup.com/hFIBI.png" width="200" /></a></li>
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب " height="100" src="http://im33.gulfup.com/ll15b.png" width="200" /></a></li>
    <li><a href="#"><img alt="    شركة العمالقة لخدمات الويب" height="100" src="http://im51.gulfup.com/LBCaL.png" width="200" /></a></li>
    <li><a href="#"><img alt=" شركة العمالقة لخدمات الويب" height="100" src="http://im85.gulfup.com/AzWo4.png" width="200" /></a></li>
    <li><a href="#"><img alt=" شركة العمالقة لخدمات الويب  " height="100" src="http://im45.gulfup.com/5jQNf.png" width="200" /></a></li>
</ul>
</div>
<div style="padding-left:12px" id="tab-3" class="hide">
<ul class="carousel"><!-- Prog and games -->
    <li><a href="#"><img alt="شركة العمالقة لخدمات الويب  " height="100" src="http://im68.gulfup.com/PeR5J.png" width="200" /></a></li>
    <li><a href="#"><img alt="Your شركة العمالقة لخدمات الويب" height="100" src="http://www3.0zz0.com/2014/03/21/21/281352634.png" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im48.gulfup.com/Cxqqv.png" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/18/png//c1e2e8affc09d1a.png" width="200" /></a></li>
        <li><a href="#"><img alt="    شركة العمالقة لخدمات الويب    " height="100" src="http://im50.gulfup.com/dGRKg.png" width="200" /></a></li>
</ul>
</div>
<div style="padding-left:12px" id="tab-4" class="hide">
<ul class="carousel"><!-- Movies -->
        <li><a href="#"><img alt="  شركة العمالقة لخدمات الويب" height="100" src="http://im69.gulfup.com/mwima.png" width="200" /></a></li>
        <li><a href="#"><img alt="  شركة العمالقة لخدمات الويب" height="100" src="http://im54.gulfup.com/LlfbD.jpg" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://www.m5zn.com/newuploads/2014/03/20/png//5c0180c409f782f.png" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://im70.gulfup.com/ipeKG.jpg" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب" height="100" src="http://i5.minus.com/jb2hZAirpo73V7.png" width="200" /></a></li>
</ul>
</div>
<div style="padding-left:12px" id="tab-5" class="hide">
<ul class="carousel"><!-- All -->
        <li><a href="#"><img alt="  شركة العمالقة لخدمات الويب" height="100" src="http://im87.gulfup.com/JWavr.jpg" width="200" /></a></li>
        <li><a href="#"><img alt="  شركة العمالقة لخدمات الويب" height="100" src="http://im89.gulfup.com/u7F9N.png" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب  " height="100" src="http://im54.gulfup.com/lmqqP.gif" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب  " height="100" src="http://im51.gulfup.com/mdXYn.png" width="200" /></a></li>
        <li><a href="#"><img alt="شركة العمالقة لخدمات الويب    " height="100" src="http://www3.0zz0.com/2014/02/16/15/779725425.png" width="200" /></a></li>
        <li><a href="#"><img alt="  شركة العمالقة لخدمات الويب" height="100" src="http://im58.gulfup.com/u4mTX.png" width="200" /></a></li>
        <li><a href="#"><img alt="القرآن الكريم" height="100" src="http://im49.gulfup.com/fPSgf.png" width="200" /></a></li>
</ul>
</div>
                      </div> <!-- END List Wrap -->
         </div></div></div>
         </div><!--  -->
<!-- Baidu banner ends at 1-4 -->
              

</body>
</html>

    و ترفع ملف images.zip إلي مجلد images

    ترفع ملف js.zip إلي مجلد js

    و تفك الضغط عنهم بداخل المجلدات و مبروك عليك ..



    تحياتي لكم
    الملفات المرفقة
    • نوع الملف: zip js.zip (6.4 كيلوبايت, 96 مشاهدات)
    • نوع الملف: zip images.zip (27.0 كيلوبايت, 114 مشاهدات)
    mwadah
    رد مع اقتباس رد مع اقتباس
     

 
+ الرد على الموضوع
« Post Generator v1.0 هاك مولد و منسق المواضيع الاصدار الأول Post Generator v1.0 | تحذير شديد الخطورة لجميع اصحاب المنتديات »

معلومات الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

الذين يشاهدون الموضوع الآن: 1 (0 من الأعضاء و 1 زائر)

     

مواقع النشر (المفضلة)

مواقع النشر (المفضلة)

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك

قوانين المنتدى

للأعلى
تعريب المودة ــ ® Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd
الساعة الآن 10 : 08 AM
وادي لتقنية المعلومات تصميم وبرمجة التطبيقات
تصميم وبرمجة مواقع
برمجة تطبيقات
استضافة سعودية


كشف تسربات المياه
كشف تسرب المياه
كشف تسربات المياه
برنامج انتخابات
شحن شدات ببجي
شركة تسويق الكترونى فى مصر
شركة تصميم مواقع الكترونية
Best PHACO Training Course Academy
افضل دكتور مياه بيضاء فى مصر
افضل دكتور عيون فى مصر