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

السؤال

نشر

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

- لو سمحتوا انا عندي موقع علي بلوجر، فيه جزء من القالب المقاس بتاعه كبير (العرض تحديدا)، وبيعمل مشاكل في العرض علي الموبايل، المشكلة اني لما بغير مقاس العرض من اكواد ال 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
نشر
  بتاريخ On 12‏/2‏/2021 at 15:16 قال علاء ابراهيم2:

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

أظهر المزيد  

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

  • 1
نشر
  بتاريخ On 12‏/2‏/2021 at 20:50 قال علاء ابراهيم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
نشر
  بتاريخ On 12‏/2‏/2021 at 14:30 قال Sam Ahw:

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

width:400px;

ثم

width: 100% !important

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

أظهر المزيد  

الكود width: 100% ! important 

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

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

 

 

 

 

  بتاريخ On 12‏/2‏/2021 at 14:35 قال 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

  بتاريخ On 12‏/2‏/2021 at 14:30 قال سامح أشرف:

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

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

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

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

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

 

  • 0
نشر
  بتاريخ On 12‏/2‏/2021 at 14:46 قال علاء ابراهيم2:

الكود width: 100% ! important 

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

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

أظهر المزيد  

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

margin:0 auto 10px auto

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

  • 0
نشر

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

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

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

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

  • 0
نشر
  بتاريخ On 12‏/2‏/2021 at 14:46 قال علاء ابراهيم2:

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

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

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

أظهر المزيد  

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

  • 0
نشر
  بتاريخ On 12‏/2‏/2021 at 15:07 قال سامح أشرف:

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

أظهر المزيد  

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

  بتاريخ On 12‏/2‏/2021 at 14:56 قال Sam Ahw:

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

margin:0 auto 10px auto

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

أظهر المزيد  

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

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

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

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

 

  • 0
نشر
  بتاريخ On 12‏/2‏/2021 at 15:16 قال علاء ابراهيم2:

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

أظهر المزيد  

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

  • 0
نشر
  بتاريخ On 12‏/2‏/2021 at 15:34 قال Abdulraheem Barghouthi:

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

أظهر المزيد  

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

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

https://bit.ly/3p9znby

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

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

code 1.txt

  بتاريخ On 12‏/2‏/2021 at 14:30 قال Sam Ahw:

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

width:400px;

ثم

width: 100% !important

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

أظهر المزيد  

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

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

https://bit.ly/3p9znby

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

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

code 1.txt

  • 0
نشر
  بتاريخ On 12‏/2‏/2021 at 20:50 قال علاء ابراهيم2:

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

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

أظهر المزيد  

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

  • 0
نشر
  بتاريخ On 12‏/2‏/2021 at 21:13 قال Sam Ahw:

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

أظهر المزيد  

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

  • 0
نشر
  بتاريخ On 12‏/2‏/2021 at 21:20 قال Abdulraheem Barghouthi:

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

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

أظهر المزيد  

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

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

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

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

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

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

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

 

 

 

  • 0
نشر
  بتاريخ On 12‏/2‏/2021 at 21:31 قال علاء ابراهيم2:

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

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

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

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

أظهر المزيد  

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

  • 0
نشر
  بتاريخ On 12‏/2‏/2021 at 22:10 قال 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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...