النتائج 1 إلى 5 من 5

الموضوع: إخر موضوعات المنتدي بالـ[jQUery]

  1. #1
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2007
    المشاركات
    892

    إخر موضوعات المنتدي بالـ[jQUery]



    شريط اخر موضوعات المنتدي jQUery

    لمشاهدة مثال : تفضل



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

    - إذهب إلى >> خيارات المنتدى >> مجهز البيانات الخارجي >> تفعيل Javascript

    - إذهب إلى >> الإستايلات والقوالب >> البحث في القوالب >> headinclude

    إضف الكود :
    كود PHP:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
    <script src="js/jquery.ticker.js" type="text/javascript"></script>
    <script type="text/javascript" src="{vb:raw vboptions.bburl}/external.php?&type=js"></script>
    <script type="text/javascript">
        $(function () {
            $('#js-news').ticker();
        });
    </script> 
    - إذهب إلى >> الإستايلات والقوالب >> البحث في القوالب >> additional.css
    إضف الكود :
    كود PHP:
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    /* StatorLatest Threads Ticker  */
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    #ticker-wrapper * {
            
    margin-leftauto;
            
    margin-rightauto;

    }

    #ticker-wrapper.has-js {
        
    margin20px auto 20px auto;
        
    padding0px 20px;
        
    width900px;
        
    height30px;
        
    displayblock;
        -
    webkit-border-radius15px;
        -
    moz-border-radius15px;
        
    border-radius15px;
        
    background-color#f8f0db;
        
    font-size1.1em;
    }
    #ticker {
        
    width830px;
        
    height30px;
        
    displayblock;
        
    positionrelative;
        
    overflowhidden;
        
    background-color#f8f0db;
    }
    #ticker-title {
        
    padding5px;
        
    color#990000;
        
    font-weightbold;
        
    background-color#f8f0db;
        
    text-transformnone;
    }
    #ticker-content {
        
    margin0px;
        
    padding5px;
        
    positionabsolute;
        
    color#1F527B;
        
    font-weightnormal;
        
    background-color#f8f0db;
        
    overflowhidden;
        
    white-spacenowrap;
        
    line-height1.2em;

    }
    #ticker-content:focus {
        
    none;
    }
    #ticker-content a {
        
    text-decorationnone;    
        
    color#1F527B;
    }
    #ticker-content a:hover {
        
    text-decorationunderline;    
        
    color#0D3059;
    }
    #ticker-swipe {
        
    padding-top9px;
        
    positionabsolute;
        
    top0px;
        
    background-color#f8f0db;
        
    displayblock;
        
    width800px;
        
    height23px
    }
    #ticker-swipe span {
        
    margin-left1px;
        
    background-color#f8f0db;
        
    border-bottom1px solid #1F527B;
        
    height12px;
        
    width7px;
        
    displayblock;
    }
    #ticker-controls {
        
    padding8px 0px 0px 0px;
        list-
    style-typenone;
        
    floatleft;
    }
    #ticker-controls li {
        
    padding0px;
        
    margin-left5px;
        
    floatleft;
        
    cursorpointer;
        
    height16px;
        
    width16px;
        
    displayblock;
    }
    #ticker-controls li#play-pause {
        
    background-imageurl('../images/controls.png');
        
    background-position32px 16px;
    }
    #ticker-controls li#play-pause.over {
        
    background-position32px 32px;
    }
    #ticker-controls li#play-pause.down {
        
    background-position32px 0px;
    }
    #ticker-controls li#play-pause.paused {
        
    background-imageurl('../images/controls.png');    
        
    background-position48px 16px;
    }
    #ticker-controls li#play-pause.paused.over {
        
    background-position48px 32px;
    }
    #ticker-controls li#play-pause.paused.down {
        
    background-position48px 0px;
    }
    #ticker-controls li#prev {
        
    background-imageurl('../images/controls.png');
        
    background-position0px 16px;        
    }
    #ticker-controls li#prev.over {
        
    background-position0px 32px;        
    }
    #ticker-controls li#prev.down {
        
    background-position0px 0px;        
    }
    #ticker-controls li#next {
        
    background-imageurl('../images/controls.png');    
        
    background-position16px 16px;    
    }
    #ticker-controls li#next.over {
        
    background-position16px 32px;    
    }
    #ticker-controls li#next.down {    
        
    background-position16px 0px;    
    }
    .
    js-hidden {
        
    displaynone;
    }
    #no-js-news {
        
    padding10px 0px 0px 45px
        
    color#F8F0DB;
    }
    .
    left #ticker-swipe {
        
    left80px;
    }
    .
    left #ticker-controls, .left #ticker-content, .left #ticker-title, .left #ticker {
        
    floatleft;
    }
    .
    left #ticker-controls {
        
    padding-left6px;
    }
    .
    right #ticker-swipe {
        
    right80px;
    }
    .
    right #ticker-controls, .right #ticker-content, .right #ticker-title, .right #ticker {
        
    floatright;
    }
    .
    right #ticker-controls {
        
    padding-right6px;

    - إذهب إلى >> الإستايلات والقوالب >> البحث في القوالب >> navbar
    إضف الكود :
    كود PHP:
    <!--ticker-->
    <
    div id="ticker-wrapper" class="no-js">
    <
    ul id="js-news" class="js-hidden">
    <
    script type="text/javascript" src="{vb:raw vboptions.bburl}/external.php?&type=js"></script>
        <script type="text/javascript">
    <!--
        for (var i = 0; i < threads.length; i++)
        {
            document.write('<li><a href="{vb:raw vboptions.bburl}/showthread.php?t=' + threads[i]['threadid'] + '">' + threads[i]['title'] + '</a>' + '&nbsp;&nbsp;&nbsp;' + '<span style="color: red;">Posted By:</span>'+ '&nbsp;' + threads[i]['poster'] + '</a>' + '</li>');
        }
    //-->
    </script>
    </ul>
    </div>
    <!--ticker--> 
    قم برفع مجلد js إلى منتداك





    الملفات المرفقة الملفات المرفقة
    __________________
    No support via PM! to get support
    Support Manger



  2. #2
    عضو فعال
    تاريخ التسجيل
    Sep 2007
    المشاركات
    1,569


    اضافة جميلة

    يعطيك الف عافية





    __________________
    My twitter - حراج
    لا تنس ذكر الله | سبحان الله و الحمد لله ولا إله ألا الله و الله أكبر


  3. #3
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2007
    المشاركات
    892


    اضافة جميلة

    يعطيك الف عافية
    اسعدنى مرورك فايز





    __________________
    No support via PM! to get support
    Support Manger


  4. #4
    عضو فعال جدا
    تاريخ التسجيل
    Sep 2007
    المشاركات
    2,105


    بارك الله فيك
    شيء جميل التحديثات و المواضيع الجميله





    __________________
    للتواصل p2006q#gmail.com

  5. #5
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2007
    المشاركات
    892


    بارك الله فيك
    شيء جميل التحديثات و المواضيع الجميله
    اسعدنى مرورك ودعمك وان شاء الله هناك المزيد لدعمكم بكل جديد





    __________________
    No support via PM! to get support
    Support Manger






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

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