كيف اجعل صفحة html متوافقة مع الجوال!

2 مشترك

اذهب الى الأسفل

تم الحل كيف اجعل صفحة html متوافقة مع الجوال!

مُساهمة من طرف meme.99 الإثنين 24 يوليو 2017 - 9:51

السلام عليكم اخواني الاعزاء

اريد كود يجعل صفحة HTML متوافقة ومتجاوب مع الجوال

ارجو ان تكونو فهمتم علي Cool
meme.99
meme.99
 
 

انثى
عدد المساهمات : 151
معدل النشاط : 5133
السُمعة : 0

http://korea.wow3.info

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كيف اجعل صفحة html متوافقة مع الجوال!

مُساهمة من طرف {عذب} الإثنين 24 يوليو 2017 - 12:47

وعليكم السلام ورحمة الله وبركاته
اهلا وسهلا فيك اختي بمنتدى الدعم والمساعدة

بالطبع فهمنا ما تعنين , في الحقيقة هذا باب كبير لكنه سهل جدا ويطلق عليه "HTML Responsive Web Design ❮ PreviousNext ❯" فيستطلب منك خبرة في css3 لكي تضعين مثلا اذا كان عرض الشاشة 250 بكسل ضع الخط 10 بكسل وان كانت الديفات بجانب بعض فضعها اسفل بعض وهذا بالطبع يتطلب خبرة سابقة في css و html , وهناك طريقة لكن متقدمة وهي بالجافاسكربت تقوم بنفس ما قلته لك لكن بطريقة اصعب وتفاعل اكبر

وهناك مواقع مثل موقع 
bootstrap
تقوم بصناعة قوالب متوافقة مع الجوال والكمبيوتر

أتمنى اكون قد افدتك ولو بالقليل
Cool
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3028
معدل النشاط : 9976
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كيف اجعل صفحة html متوافقة مع الجوال!

مُساهمة من طرف meme.99 الثلاثاء 25 يوليو 2017 - 2:13

الأخ عذاب .. عفوا ليس هذا ما أريد


وجدت كود بأحد المواقع اغلب الظن ان هو هذا ما أريد لكن لا أعرف كيفية إستخدامه ارجو المساعدة




الكود:
   /* CSS Global Responsive */
    @media screen and (max-width:960px) {
    }
    @media only screen and (max-width:768px){
    }
    @media (min-width:768px) and (max-width:979px) {
    }
    @media (max-width:767px) {
    }
    @media only screen and (min-width:640px){
    }
    @media only screen and (max-width:640px){
    }
    @media only screen and (min-width:640px){
    }
    @media only screen and (max-width:480px){
    }
    @media screen and (max-width:320px){
    } 

ارجو صنع صفحة HTML ووضع صورة خلفية للصفحة + صورة أمام الصفحة ( ليست خلفية )
مع ضبطها مع الكود اعلاه .. بحيث يتوافق مع شاشة الجوال والتابلت وجميع الشاشات

اعذروني عالإطاله اشكركم♥
meme.99
meme.99
 
 

انثى
عدد المساهمات : 151
معدل النشاط : 5133
السُمعة : 0

http://korea.wow3.info

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كيف اجعل صفحة html متوافقة مع الجوال!

مُساهمة من طرف {عذب} الثلاثاء 25 يوليو 2017 - 20:00

هذا هو الذي كنت اتحدث لك عنه

فما ارفقيته هو كود css3 يقوم بضبط كلاسات الصفحة بما يناسبك بالاعتماد على حجم الشاشة او المتصفح

وطبعا للعلم هنا قسم لحل المشاكل فقط ... لكن لا مشكلة سأتساهل معك هذه المرة , اعطيني الصفحة التي صممتيها وسأقوم بتنسيقها وجعلها متناسقة مع جميع الشاشات بإذن الله Cool
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3028
معدل النشاط : 9976
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كيف اجعل صفحة html متوافقة مع الجوال!

مُساهمة من طرف {عذب} الخميس 10 أغسطس 2017 - 22:38

مر على الموضوع اسبوع تقريباً , هذه يعني ان الموضوع تم حلة او أهملت من صاحب المشكلة رجاء في حال كانت لديك المشكلة مستمر او اي استفسار اخر قم بفتح موضوع جديد سيتم غلق الموضوع & يرسل الى الأرشيف
يرجى مراجعة : قوانين منتدى الدعم
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3028
معدل النشاط : 9976
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى