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

السؤال

Recommended Posts

  • 0
نشر
بتاريخ On 7/28/2021 at 11:23 قال Mohamed Abdelssamad:

تمام

يمكنك تجريب الحل التالي:

سوف نضع قيم افتراضية للتنسيقات في عناصر CSS وهذا يمنع حدوث مثل هذه المشاكل:

*{
  padding: 0px;
  margin: 0px;
}

على الأغلب يوجد لديك صفحة تنسيقات CSS عامة لكاكل الموقع.. ضع الشيفرة السابقة في أول جزء من ملف التنسيقات

أو ضعه فقط في أول الملف الذي يحوي المشكلة

  • 0
نشر
بتاريخ 6 ساعات قال Wael Aljamal:

يمكنك تجريب الحل التالي:

سوف نضع قيم افتراضية للتنسيقات في عناصر CSS وهذا يمنع حدوث مثل هذه المشاكل:


*{
  padding: 0px;
  margin: 0px;
}

على الأغلب يوجد لديك صفحة تنسيقات CSS عامة لكاكل الموقع.. ضع الشيفرة السابقة في أول جزء من ملف التنسيقات

أو ضعه فقط في أول الملف الذي يحوي المشكلة

هل اذا قمت باضافتة فوق <haed/> في ملف استايل عادي

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

هل اذا قمت باضافتة فوق <haed/> في ملف استايل عادي

نعم يمكن ذلك، قبل استدعاء اي ملف تنسيقات css، ضع وسم style داخل head و فيه  الشيفرة

 

<head>
  meta ..
  
  <style>
    *{
      padding: 0px;
      margin: 0px;
    }
  </style>
  
  .. css
  
</head>

هكذا..

  • 0
نشر
بتاريخ 7 دقائق مضت قال Wael Aljamal:

نعم يمكن ذلك، قبل استدعاء اي ملف تنسيقات css، ضع وسم style داخل head و فيه  الشيفرة

 


<head>
  meta ..
  
  <style>
    *{
      padding: 0px;
      margin: 0px;
    }
  </style>
  
  .. css
  
</head>

هكذا..

تمام شكرا جدا انشاء الله هتنجح

  • 0
نشر
بتاريخ 12 دقائق مضت قال Mohamed Abdelssamad:

لم تنجح هذة الطريقة ايضا

حاول فتح الموقع في متصفح الحاسوب لكن بعرض الهاتف، أي بعد عمل inspect element (يمكنك الضغط على F12) تظهر لك التنسيقات التي تؤثر على العناصر:

يمكن إلغاء تفعيل خاصية بالضغط على المربع بجانبها.. حاول معرفة الخاصية التي تسبب المكشلة

يمكنك مشاركة رابط الصفحة لنحاول المساعدة أكثر

Capture.PNG

Screenshot 2021-07-31 164549.png

  • 0
نشر
بتاريخ 3 دقائق مضت قال Wael Aljamal:

حاول فتح الموقع في متصفح الحاسوب لكن بعرض الهاتف، أي بعد عمل inspect element (يمكنك الضغط على F12) تظهر لك التنسيقات التي تؤثر على العناصر:

يمكن إلغاء تفعيل خاصية بالضغط على المربع بجانبها.. حاول معرفة الخاصية التي تسبب المكشلة

يمكنك مشاركة رابط الصفحة لنحاول المساعدة أكثر

Capture.PNG

Screenshot 2021-07-31 164549.png

https://art-demo-be.blogspot.com/?m=1

هذا رابط القالب

  • 0
نشر
بتاريخ 19 دقائق مضت قال Mohamed Abdelssamad:

https://art-demo-be.blogspot.com/?m=1

هذا رابط القالب

هل هذا هو شرط  التمرير ؟ (شريط تتبع مكان الصفحة) يبدو أنه يظهر في الهاتف و يشغل فراغاً، هكذا لن تكون مشكلة بل يمكن إخفاء شريط التمرير scroll 

 

شريط التمرير.png

  • 0
نشر
بتاريخ منذ ساعة مضت قال Wael Aljamal:

هل هذا هو شرط  التمرير ؟ (شريط تتبع مكان الصفحة) يبدو أنه يظهر في الهاتف و يشغل فراغاً، هكذا لن تكون مشكلة بل يمكن إخفاء شريط التمرير scroll 

 

شريط التمرير.png

نعم هذا شريط التمرير.

كيفية الغائة من الهاتف

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

نعم هذا شريط التمرير.

كيفية الغائة من الهاتف

من خلال شيفرة css: Hide scroll bar

شاشة صغيرة:

@media only screen and (max-width: 600px) {
  body {
    overflow: hidden;
  }
}

بشكل عام:

body {
  overflow: hidden; /* Hide scrollbars */
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
body {
  -ms-overflow-style: none;
}

html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

إن لم تعمل الخاصية الأولى أضف لها من الجزء الآخر (المهم أن تكون ضمن العنصر media)

  • 0
نشر
بتاريخ 1 دقيقة مضت قال Wael Aljamal:

من خلال شيفرة css: Hide scroll bar

شاشة صغيرة:


@media only screen and (max-width: 600px) {
  body {
    overflow: hidden;
  }
}

بشكل عام:


body {
  overflow: hidden; /* Hide scrollbars */
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
body {
  -ms-overflow-style: none;
}

html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

إن لم تعمل الخاصية الأولى أضف لها من الجزء الآخر (المهم أن تكون ضمن العنصر media)

اضيف الا سكربتين مع بعض في ملف ستايل واحد

  • 0
نشر
بتاريخ 8 دقائق مضت قال Mohamed Abdelssamad:

اضيف الا سكربتين مع بعض في ملف ستايل واحد

نريد فقط الأول:

@media only screen and (max-width: 600px) {
  body {
    overflow: hidden;
  }
}

هذا تنسيق CSSـ إما نضيفه في وسم style كما في شرح سابق، أو إن كان في القالب ملف CSS رئيسي نضعه في آخر.

الشيفرات الأخرى حالات خاصة لكل متصفح، الشيفرة هذهيفترض أن تعمل على الجيمع)

  • 0
نشر
بتاريخ 10 دقائق مضت قال Wael Aljamal:

نريد فقط الأول:


@media only screen and (max-width: 600px) {
  body {
    overflow: hidden;
  }
}

هذا تنسيق CSSـ إما نضيفه في وسم style كما في شرح سابق، أو إن كان في القالب ملف CSS رئيسي نضعه في آخر.

الشيفرات الأخرى حالات خاصة لكل متصفح، الشيفرة هذهيفترض أن تعمل على الجيمع)

لم تعمل هذة الطريقة وعندما قمت باضافة الكود القالب لم يعد يقوم بانزول الي اسفل

بتاريخ 18 دقائق مضت قال Wael Aljamal:

نريد فقط الأول:


@media only screen and (max-width: 600px) {
  body {
    overflow: hidden;
  }
}

هذا تنسيق CSSـ إما نضيفه في وسم style كما في شرح سابق، أو إن كان في القالب ملف CSS رئيسي نضعه في آخر.

الشيفرات الأخرى حالات خاصة لكل متصفح، الشيفرة هذهيفترض أن تعمل على الجيمع)

الصراحة مش عارف اقولك اي الكود التاني اشتغل الكود الطويل اشتغل شكرا جدا واللة ربنا يخليك ويحفظك ويوفقك الحمدلله ان انا عرفت شخص مثلك شكرا جدا لحضرتك وعلي وقوفك جنبي

  • 0
نشر
بتاريخ 9 دقائق مضت قال Mohamed Abdelssamad:

لم تعمل هذة الطريقة وعندما قمت باضافة الكود القالب لم يعد يقوم بانزول الي اسفل

حسنا،

@media only screen and (max-width: 600px) {
  ::-webkit-scrollbar {
  	width: 0;  /* Remove scrollbar space */
  	background: transparent;  /* Optional: just make scrollbar invisible */
  }
}

 

  • 0
نشر
بتاريخ الآن قال Wael Aljamal:

حسنا،


@media only screen and (max-width: 600px) {
  ::-webkit-scrollbar {
  	width: 0;  /* Remove scrollbar space */
  	background: transparent;  /* Optional: just make scrollbar invisible */
  }
}

 

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

  • 0
نشر
بتاريخ 38 دقائق مضت قال Wael Aljamal:

من خلال شيفرة css: Hide scroll bar

شاشة صغيرة:


@media only screen and (max-width: 600px) {
  body {
    overflow: hidden;
  }
}

بشكل عام:


body {
  overflow: hidden; /* Hide scrollbars */
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
body {
  -ms-overflow-style: none;
}

html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

إن لم تعمل الخاصية الأولى أضف لها من الجزء الآخر (المهم أن تكون ضمن العنصر media)

في حاجة صغير جدا القالب رايج جنب اليسار شوية صغير اي الا ممكن اعملة في الاسكريبت دا علشان يبق مظبوط

IMG_٢٠٢١٠٧٣١_١٨٢٦٣٦.jpg

  • 0
نشر
بتاريخ 7 دقائق مضت قال Mohamed Abdelssamad:

في حاجة صغير جدا القالب رايج جنب اليسار شوية صغير اي الا ممكن اعملة في الاسكريبت دا علشان يبق مظبوط

 

تقصد الأرقام؟ 

ضف التنسيق :

ul span {
	margin-left: px;
}

 

  • 0
نشر
بتاريخ 57 دقائق مضت قال Mohamed Abdelssamad:

لم تعمل بس مفيش مشكلة مش مهم

يبدو أن زر num lock كان مطفا لدي فلم يكتب الرقم

	margin-left: 10px;

مثلا 10 بكسل، الأرقام موضوعة ضمن عنصر span وهي في قائمة ul لذلك نستهدف هذه العناصر بعمل هوامش خارجية margin بقيمة نريدها 10 كناسبة مثلا..

أعد المحاولة، شكرا لك

  • 0
نشر (معدل)
بتاريخ 1 دقيقة مضت قال Wael Aljamal:

يبدو أن زر num lock كان مطفا لدي فلم يكتب الرقم


	margin-left: 10px;

مثلا 10 بكسل، الأرقام موضوعة ضمن عنصر span وهي في قائمة ul لذلك نستهدف هذه العناصر بعمل هوامش خارجية margin بقيمة نريدها 10 كناسبة مثلا..

أعد المحاولة، شكرا لك

الاسكريبت هيبق 

 

ul span { margin-left: 10px; }

 

 

 

تم التعديل في بواسطة Mohamed Abdelssamad
  • 0
نشر
بتاريخ 7 دقائق مضت قال Mohamed Abdelssamad:

الاسكريبت هيبق 

ul span { margin-left: 10px; }

تمام، فقط إزاجة من اليسار.. لاحظ ..

أنا عملت zoom out بالمتصفح و قد تقلص المسافات و تم العرض بطريقة سليمة بدون عمل هذا التعديل (عرض على حاسوب)

1.PNG

2.PNG

  • 0
نشر
بتاريخ On 31‏/7‏/2021 at 19:49 قال Wael Aljamal:

تمام، فقط إزاجة من اليسار.. لاحظ ..

أنا عملت zoom out بالمتصفح و قد تقلص المسافات و تم العرض بطريقة سليمة بدون عمل هذا التعديل (عرض على حاسوب)

1.PNG

2.PNG

كيفية حل هذة المشكلة ي بشمهندس وائل 

https://academy.hsoub.com/questions/16608-كيفية-خذف-background/

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...