تصمّيم منتدى عربي RTL بجمالية تقليدية وألوان مخصصة إش رأيكم؟

  • بادئ الموضوع بادئ الموضوع Kryvion
  • تاريخ البدء تاريخ البدء
  • المشاهدات المشاهدات 77 مشاهدة

Kryvion

عضو مميز
الكاتب
إنضم
24 يناير 2026
المشاركات
375
الحلول
2
مستوى التفاعل
436
النقاط
0
الإقامة
الوطن العربي
الموقع الالكتروني
www.taqniyazone.com
الجنس
PBOFzox.gif

سأحاول تصميم منتدى متكامل من الصفر بهوية بصرية خاصة به
(وليس نسخة مطابقة من ستار تايمز، بل منتدى عربي كلاسيكي بروح "الديوان" مكان التجمع والنقاش التقليدي)،
مبني بالكامل بـ HTML/CSS/JS تفاعلي: صفحة أقسام، قوائم مواضيع، صفحة موضوع بالردود، ونظام دخول وهمي.

صممت المنتدى بالكامل باسم "الديوان" — مستوحى من فكرة "ستار تايمز" كمنتدى عربي كلاسيكي، لكن بهوية بصرية خاصة

(لون كحلي داكن + ذهبي نحاسي + أخضر مزرق، بخط "عارف رقعة" العربي التقليدي للعناوين وخط "تجوال" للمحتوى، مع زخرفة نجمية إسلامية كفاصل بين الأقسام).
screencapture-file-C-Users-Noumidia-Downloads-al-diwan-forum-html-2026-07-10-22-49-48.png

الملف يعمل بالكامل داخل المتصفح ويشمل:

الصفحة الرئيسية: عرض الأقسام (تقنية، ترفيه، برامج، رياضة، عام) مع عدد المواضيع والردود وآخر مشاركة.
قائمة المواضيع داخل كل قسم، مع زر "موضوع جديد".

صفحة الموضوع: عرض المشاركات كبطاقات (صورة العضو، الرتبة، تاريخ الانضمام، عدد المشاركات) + صندوق الرد.
تسجيل دخول وهمي (بدون خادم حقيقي) يفتح صلاحية النشر والرد.
تصميم متجاوب يعمل على الجوال والحاسوب.


النقاط المهمة:
لم أنسخ محتوى أو شعار أو هوية ستار تايمز الفعلية، هذا تصميم أصلي مستقل بمحتوى تجريبي.
لا يوجد خادم فعلي خلف الكواليس؛ كل البيانات (المواضيع، الردود، تسجيل الدخول) تُحفظ مؤقتاً في الذاكرة فقط وتُفقد عند إعادة تحميل الصفحة.
لو تحبوا أضيف تخزيناً دائماً (باستخدام نظام التخزين المتاح في الـ artifacts) بحيث تُحفظ المواضيع والردود حتى بعد إغلاق الصفحة، يمكن أن أضيفه.

رابط الملف للتجربة الحية
https://top4top.io/downloadf-38436di8c1-rar.html
تحبوا أطور أي جزء أكثر؟ فمثلا صفحة ملف شخصي للعضو،
أو نظام تصنيفات/أوسمة، أو دعم الصور داخل المشاركات؟
 
عمل مميز فعلا

سأقوم بالاطلاع عليه لاحقا إن شاء الله وموافاتك بالملاحظات التحسينية -إن وجدت-

بارك الله فيك
 
هذا من ذوقك الراقي، سعيد جداً لأن الموضوع نال إعجابك 🌷
عمل مميز فعلا

سأقوم بالاطلاع عليه لاحقا إن شاء الله وموافاتك بالملاحظات التحسينية -إن وجدت-

بارك الله فيك
 
ما شاء الله شغل جميل جدا ومتعوب عليه
متشوق لرؤية انطلاقته والتسجيل معكم فيه
 
الله يعطيك العافيه شكل مميز
ننتظر تطبيقه على أرض الواقع لنسجل به
 
ما شاء الله التصميم رائع جداً ويحمل روحاً كلاسيكية دافئة ومنظمة تعيد أمجاد المنتديات العربية بشكل عصري ومريح للعين.
اختيارك للألوان والخطوط موفق جداً ويخدم الفكرة التي تسعى إليها بامتياز.
إليك تحليلى للتصميم الحالي:

نقاط القوة في التصميم

الهوية البصرية: دمج الكحلي الداكن مع الذهبي النحاسي والخلفية العاجية (Beige) يمنح الموقع
طابعاً "ديوانياً" فخماً وتقليديا ومريحا جدا للقراءة الطويلة مقارنة بالخلفيات البيضاء الساطعة.


الخطوط: استخدام خط "عارف رقعة" للشعار والعناوين الرئيسية ممتاز جدا لإبراز الهوية العربية
وخط "تجوال" للمحتوى يضمن مقروئية عالية وسهلة للمستخدمين.

توزيع العناصر: الهيكلة ممتازة وتقسيم البطاقات (Cards) للأقسام يمين يسار يعطي توازنا بصريا مريحا.
الإشارات الرقمية (
المواضيع والردود) واضحة وتؤدي غرضها بكفاءة.

اللمسات الكلاسيكية: الشريط الزخرفي النجمي في الأعلى اختيار ذكي جداً
لربط التصميم بالروح الإسلامية والعربية التقليدية دون مبالغة


مقترحاتى وتعديلات للتحسين

لجعل المنتدى أكثر احترافية بعض النصائح:

تباين نصوص البطاقات: في جهة اليسار (المواضيع الأخيرة) النص الذي يوضح اسم كاتب الموضوع والوقت
باهت جداً وقريب من لون الخلفية يفضل زيادة غمق اللون قليلاً لتحسين القراءة وضمان التباين (
Contrast).

الرموز (Icons) داخل الأقسام: الأيقونات الدائرية السوداء على اليمين جميلة لكن الرموز الداخلية
تحتاج لتكبير حجمها قليلاً (
Scaling) لتقليل المساحة الفارغة داخل الدائرة السوداء وتصبح أكثر وضوحاً.

شريط البحث العلوي: النص التجريبي داخل صندوق البحث ( ابحث في المواضيع والمشاركات ) قريب جدامن
أيقونة العدسة يفضل إعطاء مسافة بادئة (Padding-right) للنص ليتحرك قليلاً نحو اليسار ليعطي مظهراً أنظف.

باأختصار مشروع واعد جداً وله طابع مميز يفتقده الويب العربي الحالي.
 
عودة
أعلى أسفل