المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : ستايل style انيق وجميل يظهر للزائر اثناء تحميل موقعك او منتداك او مدونتك ويختفي بعد التحميل



admin
11-01-2013, بتوقيت غرينيتش 04:11 AM
http://www.dzbatna.com/images/icons/iconrote.gif ط³طھط§ظٹظ„ ط§ظ†ظٹظ‚ ظˆط¬ظ…ظٹظ„ ظٹط¸ظ‡ط± ظ„ظ„ط²ط§ط¦ط± ط§ط«ظ†ط§ط، طھط*ظ…ظٹظ„ ظ…ظˆظ‚ط¹ظƒ ط§ظˆ ظ…ظ†طھط¯ط§ظƒ ط§ظˆ ظ…ط¯ظˆظ†طھظƒ ظˆظٹط®طھظپظٹ ط¨ط¹ط¯ ط§ظ„طھط*ظ…ظٹظ„ (http://www.dzbatna.com/t2241447/)






السلام عليكم ورحمة الله وبركاته

اليوم اتينا لكم بكود code جديد رائع وانيق وجميل وهو عبارة عن الاتي :

عندما يدخل الزائر الى منتداك او موقعك او مدونتك وفي اثناء تحميل الموقع يظهر له الاتي وبشكل لطيف وجديد

كما موضح بالصورة

http://i69.servimg.com/u/f69/14/82/58/44/11111113.png

لرؤية مثال حي على ذلك هنا (http://www.algantel.com/h103-page)

ميزات الكود code
-سهل وجميل جدا وتركيب installه سريع
-يختفي مباشرة بعد تحميل موقعك او صفحتك
-يعطي الزائر الارتياح اثناء تحميل الصفحة
-سريع التحميل ولا يؤثر على سرعة موقعك


والان خطوات تركيب install الكود code في الموقع :




- فقط اذهب الى ال html للصفحة الرئيسية بموقعك
- والان انتقل الى جزء ال <body> الخاص بموقعك واستبدله بالكود code الاتي
رمز Code:
<body onLoad='init()' >
- والان ضع الكود code الاتي بعد الكود code السابق مباشرة
رمز Code:
<!-- www.algantel.com --> <div id='exelodingdiv' style='z-index:999999999;position:fixed; width:100%; height:100%; top:0px; left:0px; background-color: #efefef;'> <div style='position:absolute; text-align:right; right:5%; bottom:0%; font-size: 55px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);'> <h1>Loading...</h1> </div> </div> <script type='text/javascript'> var ld=(document.all); var ns4=document.layers; var ns6 = document.getElementById; if(document.all){ ns6 = false; } var ie4=document.all; if (ns4) ld=document.exelodingdiv; else if (ns6) ld=document.getElementById(&quot;exelodingdiv&quot;).style; else if (ie4) ld=document.all.exelodingdiv.style; function init() { if(ns4){ld.visibility=&quot;hidden&quot;;} else if (ns6||ie4) ld.display=&quot;none&quot;; } </script> <!--www.algantel.com. -->
- والان احفظ العمل وبه ينتهي تركيب installه للمواقع


والان خطوات تركيب install الكود code في المدونات :

- اذهب الى مدونتك
- والان اذهب الى القوالب &quot;Template&quot;
- والان اضغط على تعديل ال HTML
- والان انتقل الى جزء ال <Body> , واستدله بالاتي رمز Code:
<body onLoad='init()' >
- والان ضع الاتي بأسفله
رمز Code:
<!--www.algantel.com. --> <div id='exelodingdiv' style='z-index:999999999;position:fixed; width:100%; height:100%; top:0px; left:0px; background-color: #efefef;'> <div style='position:absolute; text-align:right; right:5%; bottom:0%; font-size: 55px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;text-shadow: 0 1px 0 #CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0 #AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);'> <h1>Loading...</h1> </div> </div> <script type='text/javascript'> var ld=(document.all); var ns4=document.layers; var ns6 = document.getElementById; if(document.all){ ns6 = false; } var ie4=document.all; if (ns4) ld=document.exelodingdiv; else if (ns6) ld=document.getElementById(&quot;exelodingdiv&quot;).style; else if (ie4) ld=document.all.exelodingdiv.style; function init() { if(ns4){ld.visibility=&quot;hidden&quot;;} else if (ns6||ie4) ld.display=&quot;none&quot;; } </script> <!--www.algantel.com. -->
انتهى الشرح طريقة واي استفسار نحن بالخدمة وانتظرونا باالجديد








ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى