صاحب vBulletin قرر تغيّر الشكل القديم (VB3/VB4) في الإصدارات الحديثة مثل 5.x و6.x لأسباب تقنية وتجارية متعددة، وهي ليست فقط مسألة “تغيير ذوق”. دعني أشرح لك الأسباب بالتفصيل:
1️⃣ التطور التكنولوجي للويب
VB3/4 كان مبني على HTML قديم وجداول (Tables) لتنسيق الصفحات.
التصميم هذا أصبح قديم جدًا وصعب دمجه مع التقنيات الحديثة مثل:
CSS3 وFlexbox
HTML5
تصاميم متجاوبة (Responsive Design) للشاشات المختلفة
VB6 صمّم من البداية متجاوب مع الهواتف والأجهزة الحديثة، لذلك اضطروا لتغيير البنية والتصميم بالكامل.
2️⃣ تحسين تجربة المستخدم (UX)
التصميم القديم كان ثقيل وبطيء عند وجود الكثير من المشاركات والمواضيع.
VB6 اعتمد لوحات، بطاقات، قوائم ديناميكية لتسهيل التصفح وسرعة تحميل الصفحات.
الهدف: منتدى أسهل للتنقل، أكثر وضوحًا، وتجربة مستخدم حديثة.
3️⃣ دعم الأجهزة الحديثة (Mobile & Tablets)
VB3 وVB4 كان تصميمه ثابت ويظهر بشكل غير مناسب على الهواتف.
مع ازدياد استخدام الموبايل لتصفح الإنترنت، صار من الضروري إعادة تصميم المنتدى بالكامل ليصبح متجاوبًا تلقائيًا (Responsive).
4️⃣ التحديث الأمني
VB3/4 كان يعتمد على دوال PHP قديمة (mysql_*) وبعض تقنيات HTML غير آمنة.
تغيير الشكل والبنية ساعد تحديث قاعدة الكود بالكامل لتكون أكثر أمانًا وتعمل على PHP 7 و8 بدون مشاكل.
5️⃣ تقديم مزايا جديدة
VB6 لم يغيّر الشكل فقط، بل أضاف:
لوحة تحكم حديثة للمدراء
نظام التنبيهات والمراسلة أفضل
إمكانية دمج التطبيقات والتقارير بسهولة
دعم إضافات Plugins/Extensions بطريقة أسهل
🔹 خلاصة
| السبب | VB3/4 | VB6 |
|---|---|---|
| HTML/CSS | قديم، جداول | حديث، CSS3، متجاوب |
| الهواتف | غير متجاوب | متجاوب تلقائيًا |
| الأداء | بطيء عند المنتديات الكبيرة | أسرع وأكثر استقرارًا |
| الأمان | يعتمد دوال قديمة | محدث لدعم PHP 7+ و8 |
| المزايا | محدودة | إضافات، تنبيهات، رسائل، إدارة أسهل |
💡 يعني تغيير الشكل كان حتميًا للتوافق مع التكنولوجيا الحديثة، الأمان، والأداء الأفضل، وليس فقط “تغيير ذوق”.
مقارنة مصوّرة بين VB3 القديم وVB6 الجديد مع توضيح كل الفروقات الرئيسية لتفهم سبب تغيير الشكل:
1️⃣ التصميم العام والهيكلية
| العنصر | VB3 القديم | VB6 الجديد | السبب |
|---|---|---|---|
| Layout | يعتمد على جداول (Tables) | يعتمد على Div وCSS3 وFlexbox | لتسهيل التعديل وجعل التصميم متجاوب |
| الألوان والخطوط | ألوان صارمة، غالبًا أزرق | ألوان مريحة، خيارات متعددة | لتقديم تجربة مستخدم أفضل ومرنة |
| الأقسام والمواضيع | جدول تقليدي | بطاقات/لوحات ديناميكية | لسهولة القراءة والتنقل |
💡 النتيجة: VB6 أكثر نظافة وحداثة، لكن يختلف شكل المنتدى التقليدي الكلاسيكي.
2️⃣ تجربة الهواتف والأجهزة الصغيرة
| VB3 | VB6 |
|---|---|
| يظهر كنسخة مصغرة غير متجاوبة، يحتاج Zoom | متجاوب تلقائيًا مع كل أحجام الشاشات |
| القوائم الجانبية كبيرة وصعبة التنقل | القوائم قابلة للطي ومتنقلة |
| الصور والوسائط تحتاج تعديل يدوي | تتكيف تلقائيًا مع الشاشة |
هذا السبب الأكبر لتغيير الشكل، لأن أغلب المستخدمين اليوم يتصفحون المنتدى من الهواتف.
3️⃣ الأداء وسرعة التحميل
| VB3 | VB6 |
|---|---|
| كل صفحة تعتمد على جداول كثيفة → بطيء عند المنتديات الكبيرة | صفحات خفيفة، تحميل أسرع، استخدام AJAX للتحديثات الجزئية |
| استعلامات قاعدة البيانات قديمة وبطيئة | تحسينات على الاستعلامات والدوال الحديثة |
4️⃣ الأمان ودعم PHP الحديث
| VB3 | VB6 |
|---|---|
| يعتمد على PHP قديم ودوال mysql_* | يعتمد على PDO أو MySQLi ويعمل على PHP 7–8 |
| تعرض للثغرات بسهولة | تحديثات مستمرة، دعم إضافات آمنة |
5️⃣ المزايا الحديثة
لوحة تحكم حديثة للمديرين
نظام تنبيهات ورسائل داخلي أسرع
إمكانية دمج إضافات Plugins بسهولة
دعم الإحصائيات المتقدمة والمواضيع المميزة
جميع هذه الميزات صعب دمجها في VB3 دون إعادة كتابة الكود بالكامل.
🔹 خلاصة
VB6 أحدث، أسرع، وأكثر أمانًا، متجاوب مع الهواتف
VB3 كلاسيكي، بسيط، قريب للشكل التقليدي الذي يحبه الكثيرون
الفرق الكبير في الشكل كان مطلوب تقنيًا وليس مجرد تغيير في الذوق
شرح بصري ومفصل للفروقات بين VB3 القديم وVB6 الجديد وكيفية تقريب الشكل القديم على نسخة حديثة. سأقسمها على شكل عناصر رئيسية مع صور تخيلية تقريبية لتسهيل الفهم:
1️⃣ الهيدر والرأس (Header)
| VB3 | VB6 | التعليق |
|---|---|---|
| شريط عريض باللون الأزرق، القوائم الرئيسية تحت بعض | شريط عائم متجاوب، القوائم أفقية مع أيقونات | VB6 أكثر قابلية للتصغير/تكبير على الموبايل |
| شعار المنتدى ثابت | شعار يمكن تغيير حجمه تلقائيًا | تصميم متجاوب |
في VB6 يمكنك استخدام CSS لإعادة الهيدر ليظهر كما في VB3: لون أزرق موحد، القوائم أسفل الشعار.
2️⃣ قائمة الأقسام (Forum List)
| VB3 | VB6 | التعليق |
|---|---|---|
| جدول لكل قسم مع أعمدة: المواضيع، المشاركات، آخر مشاركة | لوحات/بطاقات ديناميكية | VB6 يعطي إمكانية تصفية الأقسام وعرضها بطرق حديثة |
| تصميم كلاسيكي بسيط | تصميم حديث بألوان متدرجة | يمكن استخدام قالب كلاسيكي لإعادة الجدول التقليدي |
استراتيجياً: استخدام قالب “Legacy” في VB6 يجعل الأقسام تظهر مثل VB3 تقريبًا.
3️⃣ المواضيع والمشاركات
| VB3 | VB6 | التعليق |
|---|---|---|
| كل موضوع صف واحد في الجدول، اسم العضو على الجانب | بطاقات أو Div لكل موضوع، المعلومات موزعة | VB6 يضيف خيارات مثل “Pin/Sticky” وتوسيع المحتوى عبر AJAX |
| الردود تظهر ضمن جدول | الردود داخل لوحات متحركة | يمكن إعادة ترتيب القوالب ليظهر كل شيء في جدول كما في VB3 |
4️⃣ لوحة التحكم (AdminCP)
| VB3 | VB6 | التعليق |
|---|---|---|
| كلاسيكية، قائمة جانبية، ألوان محدودة | حديثة، AJAX، أيقونات، أكثر تنظيمًا | VB6 يجعل إدارة المنتدى أسهل وأسرع |
5️⃣ التوافق مع الأجهزة والPHP
| VB3 | VB6 | التعليق |
|---|---|---|
| ثابت، لا يعمل جيدًا على الهواتف، يعتمد PHP 5.6 أو أقل | متجاوب، يعمل على PHP 7 و8 | هذا أهم سبب لتغيير الشكل والتصميم |
🔹 الخلاصة العملية
الشكل القديم (VB3): بسيط، كلاسيكي، مألوف للمستخدمين القدماء
الشكل الجديد (VB6): حديث، متجاوب، آمن، أسرع، لكن يختلف بصريًا
الحل إذا تريد الشكل القديم مع PHP 8:
استخدم VB6 أو MyBB / phpBB
ركّب قالب Legacy (VB3/VB4 look)
عدّل CSS لتقريب الألوان والجداول
بهذه الطريقة تحصل على أمان واستقرار حديث + مظهر كلاسيكي.
سأوضّح لك كيف يمكن تقريب الشكل القديم (VB3) داخل النسخة الحديثة (VB6 أو MyBB) خطوة بخطوة، مع عناصر تصميمية أساسية:
1️⃣ الهيدر (Header)
VB3:
شريط أزرق عريض
شعار المنتدى على اليسار
القوائم تحت الشعار (Home, FAQ, Search, Members)
VB6 / MyBB الحديث:
الهيدر مرن، شريط أصغر، القوائم أفقية
يمكن استخدام CSS لتعديل:
جعل الشريط أزرق موحد
وضع الشعار كما في VB3
ترتيب القوائم أسفل الشعار
💡 نصيحة: استخدم custom CSS لتغيير الخلفية، الخطوط، والمحاذاة.
2️⃣ قائمة الأقسام (Forum List)
VB3:
جدول لكل قسم
أعمدة: Forum, Topics, Posts, Last Post
تصميم كلاسيكي وألوان محدودة
VB6 / MyBB:
بطاقات أو Div لكل قسم
يمكن إعادة تصميم القالب ليظهر كل قسم صف في جدول كما في VB3
💡 نصيحة:
اختر قالب Legacy / Classic
استخدم Template Editor لتعديل هيكل HTML وإعادة الجدول
3️⃣ المواضيع (Threads)
VB3:
كل موضوع صف واحد
آخر مشاركة، اسم العضو على الجانب
VB6 / MyBB:
بطاقات حديثة
يمكن تعديل القالب ليظهر المواضيع في جدول تقليدي
استخدم CSS لتحديد لون الصفوف (بديل أزرق/أبيض كما في VB3)
4️⃣ الردود (Posts)
VB3:
كل رد في جدول
معلومات العضو على يسار الرد
VB6 / MyBB:
البطاقات الحديثة تضع المعلومات فوق الرد أو بجانبه
يمكن تعديل القالب لتقسيم الصفحة:
عمود اليسار: معلومات العضو
عمود اليمين: محتوى الرد
💡 CSS + تعديل Templates يكفي لجعلها مشابهة للـ VB3.
5️⃣ لوحة التحكم (AdminCP)
VB3:
بسيطة، قائمة جانبية
ألوان محدودة
VB6 / MyBB:
أكثر تعقيدًا
لوحة حديثة، AJAX، أيقونات
لا يمكن جعلها مطابقة للقديم بالكامل، لكن يمكن تبسيط الألوان والرموز
💡 أهم شيء هنا هو: سهولة الاستخدام + الأمان وليس الشكل فقط.
6️⃣ التوافق مع الأجهزة الحديثة
VB3 لا يدعم الموبايل بشكل جيد
VB6/MyBB متجاوب، يمكن جعله يشبه VB3 على الحواسيب الكبيرة، مع الحفاظ على الموبايل
💡 الخلاصة: التصميم القديم للهواتف صعب، لكن على الكمبيوتر يمكنك تقليده بالكامل.
🔹 النتيجة العملية
باستخدام قالب Legacy و CSS مخصص:
الهيدر أزرق وشعاره كما في VB3
قائمة الأقسام على شكل جدول
المواضيع والردود كصفوف
تحصل على مظهر كلاسيكي مألوف
مع أمان PHP 8 وأداء حديث
0 تعليقات