[ Updated threads · رسائل جديدة · المشاركين · قواعد المنتدى · بحث · RSS ]
  • صفحة 1 من%
  • 1
منتدى هكركوز الكويت HkRhoz al KuwaiT » كل ما يخص ucoz » تعلم التثبيت والتصميم » كيف تركيب الاستايل ل ucoz
كيف تركيب الاستايل ل ucoz
التاريخ : الخميس, 2026-03-19, 3:00 AM | رسالة # 1
رتبة : ويب ماستر
العضو المسؤولين
عدد المشاركات : 255
المتواجدون الآن :
الجوائز : 0
السمعة : 0
الجنس : ذكر
دولتك : الكويت
المتصفح :
IP :
تاريخ التسجيل : 2011-03-06 (الأحد)
تاريخ الميلاد :
gulfmissile #

تركيب استايل (قالب) على uCoz يحتاج خطوات دقيقة لأنه يعتمد على نوع القالب، سواء كان قالب كامل (HTML + CSS + JavaScript) أو مجرد تعديلات CSS. سأشرح لك الطريقة خطوة خطوة بطريقة واضحة:
1️⃣ تجهيز الملفاتعادةً القالب يأتي في ملف مضغوط ZIP يحتوي على:
  • index.html أو ملفات HTML أخرى
  • ملفات CSS (style.css)
  • صور (images/)
  • أحياناً ملفات JS (script.js)

خطوة مهمة: لا تغير أسماء الملفات والمجلدات إلا إذا كنت تعرف التأثير على الروابط في القالب.
2️⃣ الدخول إلى لوحة تحكم uCoz
  • سجل دخولك إلى موقعك على uCoz.
  • من لوحة التحكم، اختر لوحة التصميم → إدارة القوالب → إدارة قوالب الموقع.
    • في بعض النسخ: Control Panel → Design → Templates


    3️⃣ استبدال القالب القديم بالقالب الجديدخيار أ: قالب كامل
  • افتح صفحة HTML الرئيسية (Main Page / Index).
  • انسخ محتوى ملف index.html من القالب الجديد.
  • الصقه في مكان HTML الموقع الحالي.
  • احفظ التغييرات.
    خيار ب: ملفات CSS وJS
  • ارفع ملفات CSS وJS والصور إلى ملفات الموقع:
    • لوحة التحكم → ملفات الموقع (File Manager) → ارفع كل الملفات بنفس المجلدات الموجودة في القالب.


  • عدّل الروابط في HTML إذا لزم الأمر، حتى تشير للملفات المرفوعة في موقعك.
    • مثال:  
      اقتباس
      <link rel="stylesheet" href="/templates/football/style.css">
      <script src="/templates/football/script.js"></script>

         


    4️⃣ تطبيق القالب على الأقسام المختلفة
    • إذا كان القالب يدعم صفحات متعددة (منتدى، مقالات، مدونة)، تأكد من نسخ HTML وCSS وJS لكل قسم.
    • بعض القوالب تحتوي على ملفات منفصلة لكل صفحة، مثل forum.html أو blog.html → انسخ كل صفحة على التوالي.

    5️⃣ اختبار القالب
    • بعد تركيب القالب، افتح الموقع على المتصفح وجرب:
    • الصفحة الرئيسية
    • صفحة المنتدى
    • صفحة المقالات

    • تحقق أن كل الصور والروابط تعمل.
    • إذا ظهر خطأ، غالباً المشكلة في مسار CSS أو الصور.

      6️⃣ نصائح مهمة
    • احفظ نسخة من القالب القديم قبل التركيب، لتتمكن من العودة إذا حصل خطأ.
    • استخدم متصفح مع Developer Tools (F12) لتصحيح أي مشاكل في CSS أو JavaScript.
    • لو القالب يحتوي وحدات غير موجودة في موقعك، ستحتاج لتعديل HTML لتجنب الفراغات أو الأخطاء.

       شرح تركيب قالب على uCoz خطوة‑بخطوة مع توضيحات تطبيقية حتى إذا كنت مبتدئ 👇
      🖼️ 1⃣ تجهيز ملفات القالبعادةً بعد تحميل القالب ستجد داخل ملف ZIP:
      📌 ملف HTML (مثلاً tmpl.txt أو ملفات صفحات)
      📌 ملف CSS (مثل style.css أو stylesheet (CSS).txt)
      📌 مجلد الصور (img أو images)
      📌 أحياناً ملفات JavaScript (js)
      🛠️ 2⃣ الدخول إلى لوحة التحكم في uCoz
    • سجّل دخولك إلى لوحة التحكم بموقعك في uCoz.
    • اذهب إلى:
      📥 Design customization / تخصيص التصميم
      ثم:
      ➡ Template Builder / محرر القالب
      وأيضًا:
      ➡ Style sheets (CSS) / إدارة الأنماط (CSS)
      📌 3⃣ رفع الصور وملفات القالبلكي تظهر الصور والملفات في القالب بشكل صحيح:
    • ارفع مجلد الصور وملفات الـJS (إن وجدت) إلى File Manager / ملفات الموقع من لوحة التحكم.
    • يمكنك سحبها إلى المجلد الرئيسي أو في المجلد الذي تريد استخدامه.
      📎 تذكر أن تبقي نفس أسماء المجلدات مثل ما هي بقالب ZIP.

      🧩 4⃣ تركيب كود القالب الأساسي📍 أ) إضافة HTML الرئيسي
    • افتح Template Builder / محرر القالب.
    • افتح أو أنشئ القالب الرئيسي (Main page).
    • افتح ملف tmpl.txt من القالب الذي نزلته.
    • انسخ جميع النصوص (Ctrl+A ثم Ctrl+C).
    • ألصقها (Ctrl+V) في شاشة Template Builder داخل لوحة التحكم.
    • احفظ التغييرات.
      👉 بهذا يصبح شكل القالب هو التصميم الأساسي لموقعك.
      🎨 5⃣ تركيب CSS / أنماط التصميم
    • اذهب إلى: Design ➜ Style sheets (CSS).
    • افتح ملف CSS من القالب (مثلاً style.css).
    • انسخ النص كله.
    • ألصقه في محرر CSS داخل لوحة التحكم.
    • احفظ التغييرات.
      🔁 هذا يضمن أن كل الألوان والخطوط والتنسيقات تظهر بالشكل الصحيح.
      🖼️ 6⃣ رفع الصور والروابطتأكد أن الروابط داخل القالب تشير إلى المجلدات التي رفعتها في الخطوة 3.
      مثال:        
      اقتباس
      <img src="/images/logo.png" alt="Logo">
         إذا رفعت الصور داخل مجلد مختلف يجب تعديل المسار ليطابق ما رفعت.
      🧪 7⃣ اختبار وتعديل القالببعد تركيب القالب:
      ✔ افتح الموقع في المتصفح
      ✔ جرّب الصفحة الرئيسية
      ✔ تأكد من أن الصور تظهر بشكل صحيح
      ✔ راجع أي روابط مفقودة أو أخطاء CSS
      🔄 8⃣ نصائح مهمة قبل وبعد التركيب🔹 قم بعمل نسخة احتياطية للقالب الأصلي قبل وضع القالب الجديد.
      🔹 إذا ظهر خطأ في التصميم، غالبًا تكون روابط CSS أو الصور غير صحيحة.
      🔹 إذا لم يعجبك الشكل النهائي، بإمكانك تعديل HTML أو CSS لاحقًا.
      🎥 فيديو توضيحي عملي 📍إذا كنت تفضل الشرح بالفيديو، يوجد فيديو يوضح تركيب قالب على uCoz خطوة بخطوة على YouTube:https://www.youtube.com/watch?v=Du_Zp7k7ZnE📌 خلاصة سريعةإجمالاً خطوات تركيب قالب uCoz:
    • رفع الصور وملفات js/css
    • نسخ HTML القالب في محرر القالب
    • نسخ CSS في إدارة الأنماط
    • تعديل الروابط ومسارات الملفات
    • اختبار وعرض الموقع
    •
    منتدى هكركوز الكويت HkRhoz al KuwaiT » كل ما يخص ucoz » تعلم التثبيت والتصميم » كيف تركيب الاستايل ل ucoz
    • صفحة 1 من%
    • 1
    بحث: