منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف Meko_72 في الثلاثاء 18 ديسمبر 2012 - 18:49

ممكن اعرف هدا الكود حق ايش وطريقة استخدامو
الكود:


    <!-- �������� jquery ����� ��� -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
    $(".paging").show();
    $(".paging a:first").addClass("active");
    var imageWidth = $(".window").width();
    var imageSum = $(".image_reel img").size();
    var imageReelWidth = imageWidth * imageSum;
    $(".image_reel").css({'width' : imageReelWidth});
    rotate = function(){
        var triggerID = $active.attr("rel") - 1;
        var image_reelPosition = triggerID * imageWidth;
        $(".paging a").removeClass('active');
        $active.addClass('active');
        $(".image_reel").animate({
            left: -image_reelPosition
        }, 500 );
    };
    rotateSwitch = function(){
        play = setInterval(function(){
            $active = $('.paging a.active').next();
            if ( $active.length === 0) {
                $active = $('.paging a:first');
            }
            rotate();
        }, 4000); //��� ���� ����� ��� ������� �������� 4 �����
    };
    rotateSwitch();

    $(".image_reel a").hover(function() {
        clearInterval(play);
    }, function() {
        rotateSwitch();
    });
    $(".paging a").click(function() {
        $active = $(this);
        clearInterval(play);
        rotate();
        rotateSwitch();
        return false;
    });
    });
    </script>

    <!-- �������� jquery �����  ��� -->
    <!-- �������� style ����� ����� -->
    <style type="text/css">
    *{outline: none;}
    img {border: 0;}
    .container {
        width: 790px;
        padding: 0;
        margin: 0 auto;
    }
    .folio_block {
        position: absolute;
        left: 50%; top: 50%;
        margin: -140px 0 0 -395px;
    }
    .main_view {
        float: left;
        position: relative;
    }
    .window {
    /*--������� ���� �����--*/
        height:250px;    width: 600px;
    /*--����� ������� ���� �����--*/
        overflow: hidden;
        position: relative;
    }
    .image_reel {
        position: absolute;
        top: 0; left: 0;
    }
    .image_reel img {float: left;}
    .paging {
        position: absolute;
        bottom: 40px; right: -7px;
        width: 178px; height:47px;
        z-index: 100;
        text-align: center;
        line-height: 40px;
        background: url(http://i47.servimg.com/u/f47/15/47/68/39/bg10.png) no-repeat;
        display: none;
        }
    .paging a {
        padding: 5px;
        text-decoration: none;
        color: #fff;
    }
    .paging a.active {
        font-weight: bold;
        background: #920000;
        border: 1px solid #610000;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    .paging a:hover {font-weight: bold;}
    </style>

    <!-- �������� style ����� ��� -->

    </head>

    <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">

    <!--�����  ����� ����� -->

    <div style="position: absolute; width: 221px; height: 100px; z-index: 103; left: 304px; top: 184px" id="a" align="center">
        <div class="main_view">
            <div class="window">
                <div class="image_reel" style="position: absolute; left: 1px; top: 31px; height:966px" id="c">
                    <a href="http://jayyousi.alafdal.net/h3-page">


                    <img src="http://www.loverfog.net/images/3.png" alt="" width="600" height="221" /></a>
                    <a href="http://jayyousi.alafdal.net/h3-page/">

                    <img src="http://www10.0zz0.com/2012/12/10/13/195518464.png" alt="" width="600" height="221" /></a>
                    <a href="https://www.facebook.com/laithjayyosi">
                    <img src="http://www6.0zz0.com/2012/12/10/13/646030898.png" alt="" width="600" height="221" /></a>
                    <a href="http://www.facebook.com/laithjayyosi/">
                    <img

    src="http://www9.0zz0.com/2012/12/10/13/132265557.jpg" alt="" width="600" height="221" /></a>
    <a href="http://www.facebook.com/laithjayyosi/"></div>
            </div>



            <div class="paging" style="position: absolute; left: 422px; bottom: 204px" id="b">
                <a href="#" rel="1">1</a> <a href="#" rel="2">2</a>
      <a href="#" rel="3">3</a> <a href="#" rel="4">4</a>
            </div>
        </div>
avatar
Meko_72
 
 

انثى
عدد المساهمات : 117
معدل النشاط : 2081
السُمعة : -2

http://sweet-anime.forumalgerie.net/

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

رد: ممكن اعرف هدا الكود حق ايش وطريقة استخدامو

مُساهمة من طرف MaRlEn في الثلاثاء 18 ديسمبر 2012 - 19:40

والله حتى انا ابغى اعرفف
avatar
MaRlEn



انثى
عدد المساهمات : 2
معدل النشاط : 1710
السُمعة : -1

http://k-ingdom.forumarabia.com/forum

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

رد: ممكن اعرف هدا الكود حق ايش وطريقة استخدامو

مُساهمة من طرف Kimo Mimo في السبت 22 ديسمبر 2012 - 0:07

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

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


يمنع طلب الدعم على الرسائل الخاصة !
avatar
Kimo Mimo
احلى مساعد
احلى مساعد

ذكر
عدد المساهمات : 14380
معدل النشاط : 17324
السُمعة : 716

http://help.ahlamontada.com

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

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


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