منتدى جلاكسو
تطوير المواقع والمنتديات وادوات التصميم => دعم وتطوير منتديات vBulletin => مشاكل وحلول vB => الموضوع حرر بواسطة: uaiwejuf في 04/05/2015 » 09:23:am
-
السلام عليكم ورحمه الله وبركاته
فى الاونه الاخيره ظهرت مشكله شغلت الكثير من أصحاب المنتديات وهى مشكله الاستايل الخاص بالمنتدى فى الظهور من خلال الجوال
لقد قمت بأختبار استايل المنتدى الخاص بى من خلال الصفحه المقدمه لهذه الخدمه التى على الرابط التالى
https://www.google.com/webmasters/tools/mobile-friendly (https://www.google.com/webmasters/tools/mobile-friendly/)
لكن للاسف ظهرت نتيجه عدم توافقه مع الجوال
وربما الكثير من أصحاب المنتديات يلجئون الى وضع استايل مخصص للجوال أو تغيير استايل منتدياتهم
لكن أنا أريد ايجاد طريقه تجمع من عدم تغيير الاستايل الحالى للمنتدى وأيضا توافق الاستايل مع الجوال
فأتمنى من حضراتكم أعطاء شرح مبسط أو طريقه لذلك أما اذا أردتم نتيجه لظهور الاسباب الناتجه من عدم توافق الاستايل مع الجوال فهى كالاتى
1- النص صغير جدا ولا يمكن قرأته
2- الروابط قريبه جدا من بعضها
3- لم يتم تعيين اطار عرض للجوال
-
عليكم السلام ورحمة الله وبركاته
نعم من فتره وجوجل بدأت فى فرض مقايس التجاوب التلقائى للمواقع
-
السلام عليكم
بشكر سياتك على متابعتك وعلى تعقيبك
لكن بالنسبه لتحويل الاستايلات لتتناسب مع الجوال فكيف يتم التعديل عليها ؟
وما هى القوالب الخاصه بذلك ؟
وأنا أتفق مع سياتك فى الرأى أن كثره أقسام المنتدى لها عامل اساسى فى ظهور شكل الاقسام مصغر
لكن أعتقد أن الاستايلات الخاصه بالجوال أعتمادها الرئيسى على عدم ظهور صور فى الاستايل وربما فكره استايل الجوال بتكون اعتمادها الرئيسى على سهوله تصفح المنتدى للزائر
وهذا على اساس ان جوجل يعتبر زائر للمنتدى
كل هذه توقعات وأراء
وبالنسبه للموضوع فقد وضعت جوجل كود يفيد فى تغيير أحجام وشكل المنتدى ولكن أعتقد أن الكود حتى يتم عمله بشكل صحيح يجب وضع استايل مناسب
مع العلم أنه عند تم تجربه الكود وجدت أن نتيجه توافق المنتدى مع الجوال تغيرت من النتيجه التى تم ذكرها فى الموضوع الى نتيجه أخرى
وهى كبر حجم المنتدى بشكل ملحوظ لكن فى النهايه لم تظهر توافق مع الجوال
وهذا هو الكود <meta name=viewport content="width=device-width, initial-scale=1">
وتم تجربه الكود بوضعه فى قالب
headinclude
وهل استايلات الجيل الخامس تتناسب مع الجوال ؟
-
عليكم السلام
لاداعى للشكر الموضوع مهم ويستحق المناقشه بالفعل اذا قررت تهتم بظهور موقعك على حسب مقايس اختبار جوجل يجب ان تستبعد الصور قدر الامكان او تكون فى خلايا قابله للتحريك مثال عندك ثلاث مستطيلات تظهر متجاوره على جهاز الكمبيوتر وكذلك متجاوره فى حالة العرض على الموبايل وانت تستخدمه أفقى ولكن عندما تستخدم الموبايل بالطريقه الرئسيه يجب ان تنحدر هذه المستطيلات تحت بعضها البعض
وكذلك الكود الذى ذكرته يعمل على عدم ثبات عرض اطار الموقع ليحقق ماذكرته بالسابق بحيث اذا استخدمت الموبايل بالطريقه الرئسيه يقل عرض اطار الموقع واذا استخدمت الموبايل بالطريقه الافقيه يزيد تلقائى عرض اطار الموقع ولكن يجب ان يكون كل الخلايا داخل التصميم تستخدم تعين العرض التقائى
شرح الكود بموقع جوجل بالرابط التالى تراه بعد الرد على الموضوع
(https://www.glaxu.com/vb/images/hide.gif)
وبالتالى يجب ان يكون الاستايل مصمم من البدايه ليتكافىء مع الموبايل من الالف للياء ولايمكن تصويب الاستايلات الحاليه بمجرد اضافة كود او اكثر
وكذلك استايلات منتديات الجيل الرابع بغض النظر عن انها لم تلاقى اى نجاح عند المستخدم العربى والاجنبى الا انها ايضا لم تتوافق مع الموبايل وبالتأكيد بنتكلم عن الاستايلات الافتراضيه
وفى الصوره مثال لمنتدى الجيل الرابع ستجده غير متوافق مع الموبايل
(https://www1.glaxu.net/up3/uploads/684198a4c0.jpg)
ولكن شركة فيبليتن صممت اضافه تكلفتها 249 دولار ليتكافىء الجيل الرابع مع الموبايل
(https://www1.glaxu.net/up3/uploads/0a6a5b037d.jpg)
(https://www1.glaxu.net/up3/uploads/d68aa513e0.jpg)
رابط روؤية الاضافه على موقع شركة فيبليتن تراه بعد الرد على الموضوع
(https://www.glaxu.com/vb/images/hide.gif)
اما الجيل الخامس من منتديات فيبليتن متكافىء مع الموبايل ولكن لااعتقد ان احد يستخدمه غير شركة فيبليتن فقط نتيجة عدم نجاح الجيل الرابع لجمهور المستخدمين والكثير بعد الانتقال للجيل الرابع تراجع مره اخرى للجيل الثالث وقد واجهوا كثير من المشكلات عند الرجوع فكيف يطمئن جمهور المستخدمين للجيل الخامس
-
السلام عليكم
لقد قرأت تعقيب سياتك أكثر من مره وربما ما توصلت الى افادته أنه من الصعب تحويل استايل ليتناسب مع الجوال الا اذا كان الاستايل تم اعداده لهذا الغرض
لكن أعتقد أنه من خلال ادوات مشرفى المواقع وتحديدا من خاصيه إحصاءات PageSpeed
يمكن تهيئه الاستايل للحصول على افضل النتائج وقد قمت بتصوير أجزاء مما أريد حضرتك توضيحه
الموضح بالون الاصفر هو حجم النص الموجود حاليا فى المنتدى وبالنسبه للون الوردى أعتقد أن هذا هو الحجم الافضل له
فكيف يتم تغيير هذا الحجم ؟
وهذه صوره أخرى
كما موضح يفيد أن المنتدى لا يحتوى على اطار عرض
فهل يمكن توضيح هذه النقطه أكثر؟ وايضا هل يوجد طريقه لانشاء اطار ؟
ويوجد صوره أخرى وأخيره وهى
هذه الصوره توضح أنه يوجد مشاكل تخص الجافا سكريبت وال css
مع العلم عند الدخول على الراوابط أجده يظهر لى اكواد غريبه لم أفهم منها شيئ
فهل يمكن توضيح طريقه الازاله ؟ وايضا شرح بسيط لهذه النقطه ما سبب ظهورها ؟
-
عليكم السلام
قمت بالرد من قبل حتى يتوائم الاستايل مع الموبايل يجب تصميمه من الالف للياء (اطار - خلايا - نصوص)
وسؤالك عن ضبط النصوص اللى هو حجم الخط بيتم من خصائص الاستايل
واطار العرض تم الرد عليه فى الرد السابق واضفت رابط من موقع جوجل يشرح فيه ماهو اطار العرض
وتصميم الاستايل ليتوافق مع الموبايل والكمبيوتريجب الا يعتمد على الجداول table ولكن على div
تذكير بعنوان موضوعك
(مشكله توافق استايل المنتدى مع الجوال )
وتقريبا تم الرد بشكل عام لكن الاسئله الجديده تؤدى للدخول فى شرح طريقة تصميم الاستايل
-
جزاك الله كل خير
استاذ / أحمد نبيل
لاتاحه الفرصه بكتابه هذا الموضوع
وأيضا لمتابعتك المميزه والرد على جميع استفساراتى
وأسف جدا اذا كنت تعمقت أكثر من خلال التحدث عن ما يخص الاستايل
ولم أكتفى بما يخص الموضوع الذى تم فتحه للاستفسار كما قمت مشكورا بتعليقك على نقطه تذكير بعنوان موضوعك
(مشكله توافق استايل المنتدى مع الجوال )
أكرر شكرى وأمتنانى على تواجدك ومتابعتك الدقيقه
وأعتقد أن هذا الموضوع لا يوجد به كلام أخر بعد توضيح سياتك لجميع استفساراتى
وبالنسبه لتعليقك بخصوص وسؤالك عن ضبط النصوص اللى هو حجم الخط بيتم من خصائص الاستايل
أنا اعلم انه بيكون من خلال خصائص الاستايل ولكن أعتقدت انه يوجد قوالب فى المنتدى يمكن التعديل عليها أو كود يوضع فى ال css يكبر الخط
كل الشكر والتقدير لك على ما قدمته من معلومات وافاده لى ولكل الزوار واعضاء المنتدى
-
مشكووووور
-
بارك الله فيك وجزاك الله خير الجزاء
-
مشكورين على الموضوع الهام
-
شكرا
-
دمتم بالف خير لفت نظرى السطر
(اذا قررت تهتم بظهور موقعك على حسب مقايس اختبار جوجل يجب ان تستبعد الصور قدر الامكان)
بالنسبه لى هذا السطر مرعب لانى استخدم اضيف صوره كثيره بسبب الشرح اللى اقوم به فى موقعى محتاجه توضيح او تطمين او حل لو سمحت يا استاذ نبيل
-
دمتم بالف خير لفت نظرى السطر
(اذا قررت تهتم بظهور موقعك على حسب مقايس اختبار جوجل يجب ان تستبعد الصور قدر الامكان)
بالنسبه لى هذا السطر مرعب لانى استخدم اضيف صوره كثيره بسبب الشرح اللى اقوم به فى موقعى محتاجه توضيح او تطمين او حل لو سمحت يا استاذ نبيل
اذا اضافة الصور مهمه احرصى ان يكون عرض الصور 320 او بخاصية اوتو واذا كان ضرورى يكون عرض الصوره اكبر لمشاهده افضل للتفاصيل فيها يكون الصوره المعروضه 320 ولمن يرد الاطلاع عليها بحجم اكبر او حجمها الطبيعى يكون من خلال الضغط على الصوره فينتقل للصوره بحجم اكبر كل هذا لان الصور بعرض 320 هى المناسبه للعرض على الجوال
-
حلو فيه حل لذي المشكله
-
موضوع في غايت الاهميه جزاكم الله خير
-
مشكور على الموضوع