اذهب إلى المحتوى

السؤال

نشر

السلام عليكم ورحمه الله وبركاته

- لو سمحتوا انا عندي موقع علي بلوجر، فيه جزء من القالب المقاس بتاعه كبير (العرض تحديدا)، وبيعمل مشاكل في العرض علي الموبايل، المشكلة اني لما بغير مقاس العرض من اكواد ال css، التغيير مش بيتطبق، يعني في اكواد القالب بيكون المقاس اللي انا عملته ولما اعمل فحص علي المتصفح الاقي المقاس زي مهوا متغيرش !!!

- ياريت لو حد من حضراتكم يقدر يفيدني في المشكلة دي، انا معنديش الخبرة الكافية في الاكواد ودورت كتير علي حلول وملقتش.

- ده الكود اللي بحاول اغيره: (400px)

.episodesList [
style="width:400px;
margin:0 auto 10px auto;
color:#FFFFFF;
box-shadow:0 0 10px #3b5998;border-radius:0 0 5px 5px;
background:#3b5998;padding:10px;font-size:22px;
text-align:center;"
]{
background:#2a264e!important;
font-weight:700;
border:0!important;
box-shadow:0 0 0!important;
border-radius:5px!important
}

 

Recommended Posts

  • 2
نشر

مشكلة مثل هذه قد يتسبب بها عدد من الأمور:

  • قد تكون هذه مشكلة في ملفات cache الخاصة بالمتصفح، لذلك حاول أن تجرب الموقع في متصفح مختلف تماماً أو قم بحذف الملفات المؤقتة وملفات الارتباط cookies من المتصفح.
  • وقد تكون المشكلة تنبع من كود جافا سكريبت يقوم بتغير عرض العنصر، فقم بإيقاف الجافا سكريبت من المتصفح وجرب مرة ثانية.
  • بما أن قوالب بلوجر تكون بالكامل في ملف واحد، فربما تقوم بتغير العرض لعنصر مختلف تماماً، وليس العنصر الذي تقصده، لذلك تأكد من أنك تقوم بتعديل العنصر الصحيح.
  • 1
نشر

لاحظ في آخر سطر هناك الخاصية width التي تحمل القيمة 100% التي ستجعل هذا الجزء يأخذ كامل العرض لدى الأب، لحل المشكلة يجب حذف هذا السطر " width:100%!important ". وإبقاء خاصية الـ width  الأولى مضافاً عليها Important! كالتالي:


.episodesList [style="width:400px!important;margin:0 auto 10px auto;color:#FFFFFF;box-shadow:0 0 10px #3b5998;border-radius:0 0 5px 5px;background:#3b5998;padding:10px;font-size:22px;text-align:center;"]{background:#2a264e!important;font-weight:700;border:0!important;box-shadow:0 0 0!important;border-radius:5px!important}

إضافة !important لأي خاصية ستجعل أولوية التنفيذ لها.

  • 1
نشر
بتاريخ 13 دقائق مضت قال علاء ابراهيم2:

جربت الان مسح كود هذا الجزء تماما من القالب، ولكن تأثرت الاجزاء فوفقه واسفله وبقي كما هو :(

بما أن التأثير ظهر عند حذف خاصية الـmargin فإن المشكلة ليست متعلقة بالـcache أو تأخر ظهور التعديلات بل إن هناك ملفات أو خواص أخرى تقوم بتعديل طول العنصر لـ 400px حيث يصعب التنبؤ بالمسبب بدون الإطلاع على كامل الملفات.
يرجى إرفاق رابط الصفحة.

  • 1
نشر
بتاريخ 27 دقائق مضت قال علاء ابراهيم2:

حاولت التجربه علي اجزاء مختلفة من القالب واكتشفت انه يوجد كود آخر يؤثر علي هذا الجزء، ولكن لم استطع التعديل عليه لان مبرمج القالب وضعه بشكل مشفر، ولم استطع فك تشفير. هذه الاكواد

هذا رابط مدونه تجريبيه ركبت عليها نفس القالب، يمكنك رؤية هذا (المشكلة في عرض نسخة المحمول جزء المسلسلات تحديدا)، الجزء الذي يحمل تسمية "حلقات المسلسل"

https://bit.ly/3p9znby

المشكلة ليست لها علاقة بالملف الذي أرفقته بل بإضافة الطول 400px للعنصر.
مرفق صورة توضحية:
1.thumb.png.0cc63794e76de0527c1378f8ae082da6.png

إليك الشكل النهائي بعد حذف الخاصية width التي تحمل القيمة 400px
2.thumb.png.c56b0a78383cfc68272be916f831de09.png

  • 0
نشر

من الصعب تحديد الخطأ بجزء صغير من الكود، حيث يمكن أن تكون المشكلة بعنصر آخر موجود ضمن الصفحة ويسبب تلك المشكلة في العرض، ولكن بملاحظة الكود الذي أرفقته ألاحظ أنه يوجد قيمتين مختلفتين للعرض:

width:400px;

ثم

width: 100% !important

وبسبب وجود الخاصية !important سيتم تطبيق العرض 100% أي (كامل عرض العنصر) بدلاً من 400px.
لا أعلم إذا كانت ستحل المشكلة، ولكن باعتبار المشكلة ضمن هذا الجزء من الكود يمكنك فقط إزالة هذا التكرار واعتماد عرض واحد ثم عليك بالتجريب لرؤية إذا كانت ستحل المشكلة.
وبما أنك تقوم بالفحص على المتصفح Inspect، يمكنك التأكد بتحديد العنصر الذي يسبب المشكلة (أي العنصر ذو العرض الكبير) ورؤية التنسيقات التي يتم تطبيقها عليه في حال كان مطبّق عليه أي خاصية تسبب هذه المشكلة في العرض.

  • 0
نشر
بتاريخ 11 دقائق مضت قال Sam Ahw:

من الصعب تحديد الخطأ بجزء صغير من الكود، حيث يمكن أن تكون المشكلة بعنصر آخر موجود ضمن الصفحة ويسبب تلك المشكلة في العرض، ولكن بملاحظة الكود الذي أرفقته ألاحظ أنه يوجد قيمتين مختلفتين للعرض:


width:400px;

ثم

width: 100% !important

وبسبب وجود الخاصية !important سيتم تطبيق العرض 100% أي (كامل عرض العنصر) بدلاً من 400px.
لا أعلم إذا كانت ستحل المشكلة، ولكن باعتبار المشكلة ضمن هذا الجزء من الكود يمكنك فقط إزالة هذا التكرار واعتماد عرض واحد ثم عليك بالتجريب لرؤية إذا كانت ستحل المشكلة.

الكود width: 100% ! important 

انا ضفته كمحاولة لتغيير المقاس، ضفته منفردا ومسحت الكود الاصلي، وضفتهم مره مع بعض بس مفيش اي تغيير

غيرت جميع المقاسات اللي قيمتها 400px في الاكواد، ولما بعمل فحص في المتصفح الاقي المقاس زي مهوا متغيرش ، وجربت اكتر من متصفح نفس المشكلة، مع العلم ان المشكلة في الكود ده فقط، اي جزء تاني في القالب بيستجيب للتغييرات عادي

 

 

 

 

بتاريخ 12 دقائق مضت قال Abdulraheem Barghouthi:

لاحظ في آخر سطر هناك الخاصية width التي تحمل القيمة 100% التي ستجعل هذا الجزء يأخذ كامل العرض لدى الأب، لحل المشكلة يجب حذف هذا السطر " width:100%!important ". وإبقاء خاصية الـ width  الأولى مضافاً عليها Important! كالتالي:


.episodesList [style="width:400px!important;margin:0 auto 10px auto;color:#FFFFFF;box-shadow:0 0 10px #3b5998;border-radius:0 0 5px 5px;background:#3b5998;padding:10px;font-size:22px;text-align:center;"]{background:#2a264e!important;font-weight:700;border:0!important;box-shadow:0 0 0!important;border-radius:5px!important}

إضافة !important لأي خاصية ستجعل أولوية التنفيذ لها.

الجزء ده انا ضفته بنفسي لان مهما اغير قيمه الكود الاصلي، بتظهر بنفس القيمه (400px) عند عرض المدونة، وحتي بعض اضافة important ما زال يظهر بنفس القيمة 400px

بتاريخ 19 دقائق مضت قال سامح أشرف:

مشكلة مثل هذه قد يتسبب بها عدد من الأمور:

  • قد تكون هذه مشكلة في ملفات cache الخاصة بالمتصفح، لذلك حاول أن تجرب الموقع في متصفح مختلف تماماً أو قم بحذف الملفات المؤقتة وملفات الارتباط cookies من المتصفح.
  • وقد تكون المشكلة تنبع من كود جافا سكريبت يقوم بتغير عرض العنصر، فقم بإيقاف الجافا سكريبت من المتصفح وجرب مرة ثانية.
  • بما أن قوالب بلوجر تكون بالكامل في ملف واحد، فربما تقوم بتغير العرض لعنصر مختلف تماماً، وليس العنصر الذي تقصده، لذلك تأكد من أنك تقوم بتعديل العنصر الصحيح.

جربت اكتر من متصفح ونفس المشكلة

المشكلة في الكود ده فقط، باقي الاكواد بتستجيب للتغييرات عادي

فكرت فعلا انه ممكن اكون بعدل في المود الخطا، فقمت بتغغير جميع الاكواد اللتي تحمل القيمه (400px) ولكن عند عرض المدونة يظهر هذا الجزء بعرض 400px مره اخري

 

  • 0
نشر
بتاريخ 2 دقائق مضت قال علاء ابراهيم2:

الكود width: 100% ! important 

انا ضفته كمحاولة لتغيير المقاس، ضفته منفردا ومسحت الكود الاصلي، وضفتهم مره مع بعض بس مفيش اي تغيير

غيرت جميع المقاسات اللي قيمتها 400px في الاكواد، ولما بعمل فحص في المتصفح الاقي المقاس زي مهوا متغيرش ، وجربت اكتر من متصفح نفس المشكلة، مع العلم ان المشكلة في الكود ده فقط، اي جزء تاني في القالب بيستجيب للتغييرات عادي

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

margin:0 auto 10px auto

والتي تقوم هنا بإضافة هامش على اليمين واليسار بشكل تلقائي auto، ربما يمكنك التجربة بوضعها 0px. ولكن لا يوجد مشكلة بباقي التنسيقات الموجودة ضمن هذا الجزء. لذلك أقترح عليك كما ذكرت سابقاً مراقبة الحاوية لهذا العنصر أو باقي عناصر الصفحة في حال كانت تؤثر على عرض العناصر التي بداخلها وأيضاً يجب الأخذ بعين الاعتبار أن خاصيات التموضع position و flex والكثير من أساسيات البنية قد يسبب هذا الأمر

  • 0
نشر

ادخل لوحة التحكم وابحث عن حذف الملفات المؤقتة أو إعادة بناء القالب.

التعديلات على الملف الأصلي يمكن أن لا يؤخذ بها مباشرة بسبب وجود كاش لدى السيفر الخاص ببلغور وليس مشكلة متصفح.

قم بنسخ تنسيق css لنلف منفصل و اختبره و في حال تأكدك أنه يعمل، ستكون المشكلة كما ذكرت سابقا.

الكاش الخاص ب بلوغر يتخزن بذاكرة المخدم لتحقيق سرعة في نقل الملفات وعدم قراءة الملف من القرص الصلب في كل مرة يطلب الملف.

  • 0
نشر
بتاريخ 19 دقائق مضت قال علاء ابراهيم2:

جربت اكتر من متصفح ونفس المشكلة

المشكلة في الكود ده فقط، باقي الاكواد بتستجيب للتغييرات عادي

فكرت فعلا انه ممكن اكون بعدل في المود الخطا، فقمت بتغغير جميع الاكواد اللتي تحمل القيمه (400px) ولكن عند عرض المدونة يظهر هذا الجزء بعرض 400px مره اخري

هل يمكنك أن توقف عمل الجافاسكريبت في المتصفح ختى تتأكد من أنها ليست المشكلة؟

  • 0
نشر
بتاريخ 7 دقائق مضت قال سامح أشرف:

هل يمكنك أن توقف عمل الجافاسكريبت في المتصفح ختى تتأكد من أنها ليست المشكلة؟

معرفش بصراحة ممكن اوقفها ازاي، لان معنديش خبرة كبيرة في الاكواد زي مقولت، بس هي المسكلة في الجزء ده فقط من القالب اي جزء تاني بيستجيب عادي لاي تغيير

بتاريخ 20 دقائق مضت قال Sam Ahw:

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


margin:0 auto 10px auto

والتي تقوم هنا بإضافة هامش على اليمين واليسار بشكل تلقائي auto، ربما يمكنك التجربة بوضعها 0px. ولكن لا يوجد مشكلة بباقي التنسيقات الموجودة ضمن هذا الجزء. لذلك أقترح عليك كما ذكرت سابقاً مراقبة الحاوية لهذا العنصر أو باقي عناصر الصفحة في حال كانت تؤثر على عرض العناصر التي بداخلها وأيضاً يجب الأخذ بعين الاعتبار أن خاصيات التموضع position و flex والكثير من أساسيات البنية قد يسبب هذا الأمر

جربت الان مسح كود هذا الجزء تماما من القالب، ولكن تأثرت الاجزاء فوفقه واسفله وبقي كما هو :(

القالب عباره عن موقع لعرض المسلسلات وهذا الجزء يكون اسفل كل حلقة ويعرض اسفله ترقيم لباقي الحلقات، وهو ما يسبب عرض زائد للصفحة عند عرضها علي الموبايل

يمكن ان أرسل لك رابط الموقع لتري ذاك بنفسك اذا أمكن ذلك

وآسف فعلا علي هذه الاطالة

 

  • 0
نشر
بتاريخ 7 دقائق مضت قال علاء ابراهيم2:

معرفش بصراحة ممكن اوقفها ازاي، لان معنديش خبرة كبيرة في الاكواد زي مقولت، بس هي المسكلة في الجزء ده فقط من القالب اي جزء تاني بيستجيب عادي لاي تغيير

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

  • 0
نشر
بتاريخ 5 ساعات قال Abdulraheem Barghouthi:

بما أن التأثير ظهر عند حذف خاصية الـmargin فإن المشكلة ليست متعلقة بالـcache أو تأخر ظهور التعديلات بل إن هناك ملفات أو خواص أخرى تقوم بتعديل طول العنصر لـ 400px حيث يصعب التنبؤ بالمسبب بدون الإطلاع على كامل الملفات.
يرجى إرفاق رابط الصفحة.

حاولت التجربه علي اجزاء مختلفة من القالب واكتشفت انه يوجد كود آخر يؤثر علي هذا الجزء، ولكن لم استطع التعديل عليه لان مبرمج القالب وضعه بشكل مشفر، ولم استطع فك تشفير. هذه الاكواد

هذا رابط مدونه تجريبيه ركبت عليها نفس القالب، يمكنك رؤية هذا (المشكلة في عرض نسخة المحمول جزء المسلسلات تحديدا)، الجزء الذي يحمل تسمية "حلقات المسلسل"

https://bit.ly/3p9znby

وهذا الملف به الكود المشفر

اتمني لو حضرتك تقدر تساعدني في حل المشكلة دي، لاني دورت كتير جدا ومش لاقي اي حل للأسف

code 1.txt

بتاريخ 6 ساعات قال Sam Ahw:

من الصعب تحديد الخطأ بجزء صغير من الكود، حيث يمكن أن تكون المشكلة بعنصر آخر موجود ضمن الصفحة ويسبب تلك المشكلة في العرض، ولكن بملاحظة الكود الذي أرفقته ألاحظ أنه يوجد قيمتين مختلفتين للعرض:


width:400px;

ثم

width: 100% !important

وبسبب وجود الخاصية !important سيتم تطبيق العرض 100% أي (كامل عرض العنصر) بدلاً من 400px.
لا أعلم إذا كانت ستحل المشكلة، ولكن باعتبار المشكلة ضمن هذا الجزء من الكود يمكنك فقط إزالة هذا التكرار واعتماد عرض واحد ثم عليك بالتجريب لرؤية إذا كانت ستحل المشكلة.
وبما أنك تقوم بالفحص على المتصفح Inspect، يمكنك التأكد بتحديد العنصر الذي يسبب المشكلة (أي العنصر ذو العرض الكبير) ورؤية التنسيقات التي يتم تطبيقها عليه في حال كان مطبّق عليه أي خاصية تسبب هذه المشكلة في العرض.

قمت بالتجربه علي اكثر من جزء من القالب واكتشفت ان هناك كود اخر يؤثر علي هذا الجزء، لكن مبرمج القالب وضع هذا الكود بشكل مشفر، ولم استطع فك هذا التشفير

هذا رابط لمدونه تجريبيه قمت بتركيب نفس القالب عليها، الجزء الذي به مشكله اسفل كل حلقة من المسلسل بعنوان "حلقات المسلسل"

https://bit.ly/3p9znby

وهذا الملف المرفق يحتوي علي الكود المشفر.

اتمني لو حضرتك تقدر تساعدني في المشكلة دي،

code 1.txt

  • 0
نشر
بتاريخ 22 دقائق مضت قال علاء ابراهيم2:

حاولت التجربه علي اجزاء مختلفة من القالب واكتشفت انه يوجد كود آخر يؤثر علي هذا الجزء، ولكن لم استطع التعديل عليه لان مبرمج القالب وضعه بشكل مشفر، ولم استطع فك تشفير. هذه الاكواد

هذا رابط مدونه تجريبيه ركبت عليها نفس القالب، يمكنك رؤية هذا (المشكلة في عرض نسخة المحمول جزء المسلسلات تحديدا)، الجزء الذي يحمل تسمية "حلقات المسلسل

المشكلة هي بوجود width: 400 ، فقط قم بإزالتها وسيعود العرض الطبيعي للعنصر

  • 0
نشر
بتاريخ 2 دقائق مضت قال Sam Ahw:

المشكلة هي بوجود width: 400 ، فقط قم بإزالتها وسيعود العرض الطبيعي للعنصر

قمت بحذف الكود. بأكمله من اكواد ال css، ولكن لم يحدث له اي تغيير،غالبا المشكله في الكود المشفر

  • 0
نشر
بتاريخ 2 دقائق مضت قال Abdulraheem Barghouthi:

المشكلة ليست لها علاقة بالملف الذي أرفقته بل بإضافة الطول 400px للعنصر.
مرفق صورة توضحية:
1.thumb.png.0cc63794e76de0527c1378f8ae082da6.png

إليك الشكل النهائي بعد حذف الخاصية width التي تحمل القيمة 400px
2.thumb.png.c56b0a78383cfc68272be916f831de09.png

اولا شكرا جدا علي اهتمام حضرتك ♥️

عندما تقوم بعمل inspect والتعديل علي شكل هذا الجزء. فإنه يستجيب لهذا التعديل كما أشرت في الصور،

لكن عندما أقوم بتغيير هذا الجزء من الاكواد وحفظ التغيير ، اقوم بعمل inspect مرة أخرى اجد ان العرض كما هو لم يتغير !!

الكود الذي ارفقته هو الجزء الوحيد من القالب الذي عندما حذفته اختفي الجزء الذي أود تعديله

هل يمكنني ان اضيفك في القالب لتري الاكواد بنفسك؟!

اذا وافقت ارسل لي جيميل كي اضيفك في المدونه

بعتذر فعلا عن كم الرسائل، ولكن قمت بالبحث كثيرا ولم اجد اي حل، 

 

 

 

  • 0
نشر
بتاريخ 31 دقائق مضت قال علاء ابراهيم2:

اولا شكرا جدا علي اهتمام حضرتك ♥️

عندما تقوم بعمل inspect والتعديل علي شكل هذا الجزء. فإنه يستجيب لهذا التعديل كما أشرت في الصور،

لكن عندما أقوم بتغيير هذا الجزء من الاكواد وحفظ التغيير ، اقوم بعمل inspect مرة أخرى اجد ان العرض كما هو لم يتغير !!

الكود الذي ارفقته هو الجزء الوحيد من القالب الذي عندما حذفته اختفي الجزء الذي أود تعديله

العفو أخي الكريم، طريقتك في حل المشكلة سليمة 100% لكن أريد أن أوضح أن الكود ليس مشفر بل إنه مشوش/مموه أي تم عمل obfuscate له بقصد تصعيب التعديل من قبل أي أحد آخر.
هناك الكثير من المواقع التي ستساعدك في فك أو تقليل التشويش، قم بكتابة " javascript unpacker " في محرك البحث ثم قم بتجربة إحدى هذه المواقع.
ماذا لو حذفت الملف بالكامل ؟ ما الأمور التي يؤثر عليها ؟

  • 0
نشر
بتاريخ 13 دقائق مضت قال Abdulraheem Barghouthi:

العفو أخي الكريم، طريقتك في حل المشكلة سليمة 100% لكن أريد أن أوضح أن الكود ليس مشفر بل إنه مشوش/مموه أي تم عمل obfuscate له بقصد تصعيب التعديل من قبل أي أحد آخر.
هناك الكثير من المواقع التي ستساعدك في فك أو تقليل التشويش، قم بكتابة " javascript unpacker " في محرك البحث ثم قم بتجربة إحدى هذه المواقع.
ماذا لو حذفت الملف بالكامل ؟ ما الأمور التي يؤثر عليها ؟

عند حذف اي جزء من هذا الكود، يختفي عرض المشاركات من الصفحة الرئيسية، وتختفي سيرفرات المشاهدة والتحميل من صفحة العرض.

اعتقد ان هذا الكود هو السبب لانه الوحيد اللذي عندما قمت بحذفه اختفي الجزء الذي اود التعديل عليه

كما ان الجزء به عبارة "حلقات المسلسل" والتي عندما ابخث عنها في القالب لا أجدها، لذلك فكرت ان الكود المسؤل عنه سيكون مشفر

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...