منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

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


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

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

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

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

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

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

http://korea.wow3.info

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

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

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

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

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

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

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

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

http://www.quran-jed.net/index.php/component/muscol/Z/97-/85-/14

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

تم الحل رد: كيف اجعل صفحة 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 ووضع صورة خلفية للصفحة + صورة أمام الصفحة ( ليست خلفية )
مع ضبطها مع الكود اعلاه .. بحيث يتوافق مع شاشة الجوال والتابلت وجميع الشاشات

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

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

http://korea.wow3.info

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

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

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

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

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

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

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

http://www.quran-jed.net/index.php/component/muscol/Z/97-/85-/14

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

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

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

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

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

http://www.quran-jed.net/index.php/component/muscol/Z/97-/85-/14

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

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

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