منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات 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>

Meko_72
 
 

انثى
عدد المساهمات : 117
معدل النشاط : 1824

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

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

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

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

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

MaRlEn



انثى
عدد المساهمات : 2
معدل النشاط : 1453

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

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

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

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

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

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

Kimo Mimo
 
 

ذكر
عدد المساهمات : 13775
معدل النشاط : 16457

http://help.ahlamontada.com

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

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


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