كود تحميل الصفحه

تذكير بمساهمة فاتح الموضوع :

[codes][javascript]كود جافا سكريبت جارى تحميل الصفحة لمنتديات احلى منتدى
[codes][javascript]كود جافا سكريبت جارى تحميل الصفحة لمنتديات احلى منتدى
[codes][javascript]كود جافا سكريبت جارى تحميل الصفحة لمنتديات احلى منتدى من برمجتى
[codes][javascript]كود جافا سكريبت جارى تحميل الصفحة لمنتديات احلى منتدى من برمجتى

فاصل5 فاصل5

welcome1

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

صورة للكود
Preview1

http://im41.gulfup.com/rCWwU.png

فاصل5

معلومات عن الكود
info1
الكود من برمجتى ( جميع الحقوق محفوظة لشركة فور يمنى )
الكود عبارة عن جافا سكريبت و css
الكود حصلاى لشركة فور يمنى

فاصل5

شرح تركيب كود ال css
info1
1 - نذهب الى لوحة الادارة .
2 - مظهر المنتدى .
3 - الوان .
4 - ورقة تصميم ال css .
5 - ضع الكود التالى بدون تعديل .

فاصل5

الكود
code1

الكود:

#editor-loading {border-radius: 4px 4px 4px 4px;color: rgb(187, 187, 187);font-family: Arial;font-size: 1.1em;font-weight: 700;
left: 36%;padding: 15px 0px;position: fixed;text-align: center;top: 30%;width: 30%;z-index: 999;}.closs {bottom: -97%;left: 5px;position: fixed;z-index: 999;height: 100%;width: 100%;background:url(http://i75.servimg.com/u/f75/17/42/09/54/untitl10.png) no-repeat;}
#overlay {background: black;height: 100%;left: 0px;opacity: 0.8;position: fixed;top: 0px;width: 100%;z-index: 999;}
// *** code by ahmed & mohamed abd elfatah *** //
// *** www.4egy.net *** //

- نذهب الى لوحة الادارة .
2 - عناصر اضافية .
3 - ادارة اكواد الجافا سكريبت .
4 - انشئ كود جديد و اجعله جميع الصفحات و سميه اى اسم و ضع الكود التالى .

الكود:

الرمز:

    document.write('<div id="overlay"></div>
    <div id="editor-loading">
    <img src="http://i75.servimg.com/u/f75/17/42/09/54/untitl12.png" />
    <br /><br />
    <img src="http://static.ak.fbcdn.net/rsrc.php/v2/yb/r/GsNJNwuI-UM.gif" />
    <br /><div  class="closs"></div></div>');
    $(window).load(function () {
    $("#editor-loading").fadeOut('slow');
    $("#overlay").animate({
        height: "0%"
      }, 2000 );
    });
    $(window).load(function () {
    $("#overlay").animate({
    width: "0%"
    }, 2000 );
    });