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

Mohamed Abdelssamad · 27 يوليو 2021

ارجو الرد يا اخوان .

اللة يجازكم خير.

Wael Aljamal · 27 يوليو 2021

ارجو إرفاق الشيفرة البرمجية، من الصعب التعديل على القالب بدون اذن الوصول..

Mohamed Abdelssamad · 28 يوليو 2021

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

Wael Aljamal · 28 يوليو 2021

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

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

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

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

Mohamed Abdelssamad · 28 يوليو 2021

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

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

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

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

Wael Aljamal · 28 يوليو 2021

بتاريخ 1 دقيقة مضت قال Mohamed Abdelssamad:

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

أرفقه مع السؤال من فضلك.. لربما يوجد أحد خبير بقوالب بلوغر

Mohamed Abdelssamad · 28 يوليو 2021

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

أرفقه مع السؤال من فضلك.. لربما يوجد أحد خبير بقوالب بلوغر

تمام

Wael Aljamal · 30 يوليو 2021

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

تمام

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

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

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

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

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

Mohamed Abdelssamad · 31 يوليو 2021

بتاريخ 6 ساعات قال Wael Aljamal:
يمكنك تجريب الحل التالي:

سوف نضع قيم افتراضية للتنسيقات في عناصر CSS وهذا يمنع حدوث مثل هذه المشاكل:
*{
  padding: 0px;
  margin: 0px;
}
على الأغلب يوجد لديك صفحة تنسيقات CSS عامة لكاكل الموقع.. ضع الشيفرة السابقة في أول جزء من ملف التنسيقات

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

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

Wael Aljamal · 31 يوليو 2021

بتاريخ 5 ساعات قال Mohamed Abdelssamad:

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

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

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

هكذا..

Mohamed Abdelssamad · 31 يوليو 2021

بتاريخ 7 دقائق مضت قال Wael Aljamal:
نعم يمكن ذلك، قبل استدعاء اي ملف تنسيقات css، ضع وسم style داخل head و فيه الشيفرة
<head>
  meta ..
  
  <style>
    *{
      padding: 0px;
      margin: 0px;
    }
  </style>
  
  .. css
  
</head>
هكذا..

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

Mohamed Abdelssamad · 31 يوليو 2021

بتاريخ 2 ساعات قال Wael Aljamal:
نعم يمكن ذلك، قبل استدعاء اي ملف تنسيقات css، ضع وسم style داخل head و فيه الشيفرة
<head>
  meta ..
  
  <style>
    *{
      padding: 0px;
      margin: 0px;
    }
  </style>
  
  .. css
  
</head>
هكذا..

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

Wael Aljamal · 31 يوليو 2021

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

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

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

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

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

Mohamed Abdelssamad · 31 يوليو 2021

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

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

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

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

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

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

Wael Aljamal · 31 يوليو 2021

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

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

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

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

Mohamed Abdelssamad · 31 يوليو 2021

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

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

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

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

Wael Aljamal · 31 يوليو 2021

بتاريخ 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)

Mohamed Abdelssamad · 31 يوليو 2021

بتاريخ 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)

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

Wael Aljamal · 31 يوليو 2021

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

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

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

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

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

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

Mohamed Abdelssamad · 31 يوليو 2021

بتاريخ 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 رئيسي نضعه في آخر.

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

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

Wael Aljamal · 31 يوليو 2021

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

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

حسنا،

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

Mohamed Abdelssamad · 31 يوليو 2021

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

حسنا،


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

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

Wael Aljamal · 31 يوليو 2021

بتاريخ 5 دقائق مضت قال Mohamed Abdelssamad:

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

تمام بالتوفيق

Mohamed Abdelssamad · 31 يوليو 2021

بتاريخ 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)

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

Wael Aljamal · 31 يوليو 2021

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

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

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

ضف التنسيق :

ul span {
	margin-left: px;
}

Mohamed Abdelssamad · 31 يوليو 2021

بتاريخ 4 دقائق مضت قال Wael Aljamal:
تقصد الأرقام؟

ضف التنسيق :
ul span {
	margin-left: px;
}

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

Wael Aljamal · 31 يوليو 2021

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

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

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

	margin-left: 10px;

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

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

Mohamed Abdelssamad · 31 يوليو 2021

بتاريخ 1 دقيقة مضت قال Wael Aljamal:
يبدو أن زر num lock كان مطفا لدي فلم يكتب الرقم
	margin-left: 10px;
مثلا 10 بكسل، الأرقام موضوعة ضمن عنصر span وهي في قائمة ul لذلك نستهدف هذه العناصر بعمل هوامش خارجية margin بقيمة نريدها 10 كناسبة مثلا..

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

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

ul span { margin-left: 10px; }

تم التعديل في 31 يوليو 2021 بواسطة Mohamed Abdelssamad

Wael Aljamal · 31 يوليو 2021

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

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

ul span { margin-left: 10px; }

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

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

Mohamed Abdelssamad · 31 يوليو 2021

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

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

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

تمام سوف افعل ذلك

Mohamed Abdelssamad · 6 أغسطس 2021

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

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

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

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

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