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

كيفية الغاء هذا الشريط علي اليسار في قوالب بلوجر

Mohamed Abdelssamad

السؤال

Recommended Posts

  • 0
بتاريخ منذ ساعة مضت قال Mohamed Abdelssamad:

وما هي الشيفرة البرمجية وكيف اتي بها

يمكنك نسخها من خلال محرر الأكواد أو إرفاق ملفات الموقع.

القصد هو الأكواد الخاص بالعرض HTML - CSS

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

يمكنك نسخها من خلال محرر الأكواد أو إرفاق ملفات الموقع.

القصد هو الأكواد الخاص بالعرض HTML - CSS

ابعتلك اكواد القالب

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 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
بتاريخ 2 ساعات قال 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
بتاريخ 10 دقائق مضت قال Wael Aljamal:

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

أنا عملت 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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...