تركيب تحميل الصفحة بأشكال احترافية

السلام عليكم إخواني أخواتي الأعزاء مرة أخرى ومع إضافة جديدة وحصرية يسعدني أن أقدمها لكم ، الإضافة عبارة عن أشكال 

لتحميل الصفحة أو بالأحرى تحميل الموقع بكامله مع طريقة التركيب طبعا ، 50% من المواقع والمدونات تستخدمها وهناك
أسباب

وعوامل لإستخدامها إذا كان الموقع بنفسه ثقيل التحميل لما يشمله من إضافات أو سرعة الأنترنيت ضعيفة أو لإضافة رونق جميل 

للموقع في كلا الحالتين هناك سبب وجيه وهو تحفيز الزائر على أن لا يترك الموقع فهناك تأثيرات عديدة تم إبداعها لترك الزائر

 يركز عليها بينما تحمل الصفحة وفي نفس الوقت طريفة وهذا مثال يوضح المعنى من هنا ..  جميلة أليست كذلك الأن لديك فكرة 

عما سأقدمه في الإضافة إلى أنا إضافتنا ليست بالشكل المماثل على أي حال هناك العديد لتختار بينهم ولهذا سنمر لشرح 

في المعاينة يمكنك التجربة بالضغط على مواضيع ريتما تحمل الصفحة وسيظهر لك المثال ، قد لا تلاحظ الشكل إذا كانت لديك

 سرعة الأنترنت سريعة 

الأشكال - النسخة الأولى -
 

الأشكال - النسخة الثانية -

 

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

  1 . نتوجه لقالب >> تحرير 

  2. ابحث بإستعمال CTRL+F عن :  <head/>

  3. ضع الكود التالي قبله [ فوقه]

<style type='text/css'>/* CSS Loading Page */
#page-loader {position:fixed!important;position:absolute;top:0;left:0;bottom:0;
right:0;z-index:9999;background:#fff url(&#39;http://2.bp.blogspot.com/-t2gSISF0Sdc/U4XzAzFl5qI/AAAAAAAADVY/nYmOzAOnbus/s1600/Loader3.gif&#39;) no-repeat 50% 50%;color:#fcfcfc;padding:1em 1.2em;display:none;}</style>

  4. ابحث عن : <body/>

  5. ضع الكود التالي قبله [ فوقه]

<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    $('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000);
});
//]]>
</script>

* إنتهينا من الأكواد الأساسية .. لتغيير الشكل غير الصورة بالكود الأول

http://1.bp.blogspot.com/-P-5FnimXxqA/U12jaq9zy5I/AAAAAAAACfI/7xRWD-dq6ns/s1600/loading.gif

* من الأشكال التي قمت بتحميلها إرفع صورة الشكل الذي يناسبك وضعها بدل الصورة السابقة

 وأخيرا يمكنك حفظ العمل ومبروك عليك التأثير والإضافة ميعادنا في التدوينة القادمة 

 

عنوان التدوينة: تركيب تحميل الصفحة بأشكال احترافية
تقييم : 10 من 10 مرتكز على 24 تقييم.
المدير |زياد الزعبي

عدد المشاهدات :

Zied Zaabi

زياد الزعبي : من تونس, اهتمامي وحبي للتدوين هو ما جعلني أستمر ليس فقط لتقديم المواضيع بل أيضا لمساعدة الأشخاص المبتدئين ، كما كنت سابقا إلا أني لم أجد من يساعدني ! مع ذلك كافحت وواضبت على ما أحبه من عمل لأصل إلى ما أريده ، ليس كمستقبل لكن كهدف حققته ,زياد ويب

• غرد
• مشاركة
• إضافة
مزيد

بضغطة زر تشارك الفائدة وتدعم المدونة

صندوق التدوينة

رابط مباشر :

كود للمنتديات :

HTML كود :