> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.ipa.omdda.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# إضافة صفحة التحميل للموقع (تخصيص CSS, JS)

في بعض الأحيان تفكر في تمييز موقعك عن غيرك وهذا يحسن من انجذاب عملائك للموقع ولهذا تخصيص الموقع شي مهم لاي موقع إلكتروني
وتوجد لدينا في لوحة التحكم بعض [الخصائص الجاهزة](/ar/article/althymat-oysw7a/) وقسم مخصص لتخصيص [CSS و JS](/ar/article/tkhsys-almokaa-html-css-js-16k9t1a/) وهذا يتطلب مطور ومصمم للعمل عليه 

والان راح اشارك معاكم كود بسيط يعمل بواسطة تخصيص CSS, JS وبواسطة يمكنك إضافة صفحه التحميل في موقعك مع بعض التخصيص

![](https://storage.crisp.chat/users/helpdesk/website/1e18b3be853e8800/loading_vh24mk.png)

اولا يجب الدخول الى الإعدادات ثم [التخصيص](/ar/article/tkhsys-almokaa-html-css-js-16k9t1a/)
وستجد ٣ خيارات 
يمهنا الان هو HTML, JS 
سنضع في HTML هذا الكود

```html
<script src="https://cdn.aeen.sa/assets/SeIPA/loading.js?v=1.0"></script>
```

وفي JS سنضع هذا الكود 

```javascript
let loadingBackground = "#1f2d41";
let loadingIcon = "https://cdn.aeen.sa/assets/SeIPA/logo.png";
```

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

مثال لوضع لون الخلفية ابيض

```javascript
let loadingBackground = "#FFF";
let loadingIcon = "https://cdn.aeen.sa/assets/SeIPA/logo.png";
```

مثال لوضع صورة للخلفية

```javascript
let loadingBackground = "url('رابط الصورة') no-repeat center center fixed";
let loadingIcon = "https://cdn.aeen.sa/assets/SeIPA/logo.png";
```

let loadingIcon هنا سيكون رابط الايقونة الخاصة فيك قم بإستبدال الرابط فقط