کمک در تکليف CSS، رفع ايرادات (فوري)
یازده سال پیش منتشر شده
تعداد بازدید: 2034
کد پروژه: 11250
شرح پروژه
با سلام:
رفع اشکالات و بهينه سازي CSS در يک صفحه HTML ساده (من تقريبا اين صفحه را تکميل کردم ولي چند تا مشکل داره):
مدت زمان مورد نياز براي انجام اين تکليف (زير يک روز و تنها ظرف چند ساعت! حداکثر تا يکشنبه 6 اسفند- ساعت 8 بعد از ظهر)
**** خواهشا اگر در CSS کاملا و 1000% مسلط نيستيد لطفا پيشنهاد ندهيد، لطفا اول تست کنيد و اگر ديد درست شده پيشنهاد دهيد.****
در داخل فايل ضميمه يک فايل HTML موجود هست که CSS در قسمت Head تعريف شده است. - کلا چند خط بيشتر نيست!
يک عکس هم هست که راهنما براي ديزاين نهايي است و بايد صفحه به اين صورت باشه.
**نکته بسيار مهم:
اين يک تمرين CSS است و فقط ميتوان قسمت CSS در HEAD را تغيير داد و به هيچ وجه هيچ کد HTML در قسمت Body نبايد کم يا زياد شود. (باز هم تاکيد ميکنم دوستان، فقط با تغييرات در CSS که در قسمت head هست!! "پس خواهشمندم پيشنهادات تغيير در HTML و يا جاوااسکريپت و غيره ندهيد!")
من تقريبا اين صفحه را تکميل کردم ولي چند تا مشکل داره:
1- CSS مقداري غير اصولي نوشته شده که نياز به بهينه سازي و اصلاح داره
2- براي مثال، اگر کد را ببينيد، براي اينکه صفحه رو بسازم براي
کلاس action-bar. مقدار bottom: 80px و position: absolute را تعريف کردم، که حقيقتا بايد براي کد نويسي تميز bottom: 0 باشه! ولي احتمالا position ها اشکال دارن و براي همين ميخوام اصلاح بشن.
همچنين براي کلاس content-elements. مقدار bottom: 120px تعريف شده که اون هم با توجه به مثال بالا بايد bottom: 40px باشه (40px هم براي اينکه scrollbar زير دکمه ها نرود!)
3- همانطوريکه در عکس ميبينيد، کادر با صفحه از هر طرف 20px فاصله داره که من margin 20 اضافه ميکنم باز درست نميشه!
4- HTML را height 95px دادم که کل صفحه در مرورگر جا بشه! که اين هم اشتباه هست و بايد 100 باشه!
5- در کل يک کد css خيلي تميز و بهينه شده ميخوام که همه مشکلات
را حل کنه و صفحه کاملا مطابق عکس بشه. (باز هم ذکر ميکنم، تنها با تغييرات در CSS در قسمت Head. به کد HTML به هيچ وجه نبايد دست زد حتي يک کلمه!)
در CSS نبايد چيزي براي IE جدا تعريف بشه و يا هک بشه. بلکه کد CSS بايد تصحيح بشه تا با IE هم مشکل نداشته باشه.
که البته چون HTML5 هست با IE9 به بالا. (فکر نميکنم با IE8 بشه!)
صفحه بايد دقيقا و 100% مانند عکس باشد (که الان هست)
**نکته هاي داخل عکس:
1- Header و قسمت پايين(دکمه ها) ثايت هستند و تنها کانتنت داراي scroll هست.
2- همانطوريکه در عکس مشخص است، کل صفحه داخل يک کادر قرار دارد.
3- همانطوريکه در فايلي که من ساختم ميبينيد، صفحه هميشه در پنجره مرورگر به صورت کامل 100% هست. يراي مثال اگر پنجره مرورگر را به صورت طولي کاهش دهيم، تمام قسمت ها همچنان در پنجره به صورت 100% خواهند بود. (در واقع دکمه ها با تغيير طولي و ارتفاع پنجره مرورگر هميشه نمايان هستند و جا نميمون، فقط طول قسمت نوشته ها کم ميشه! در واقع Header و footer هميشه هستند!). اين مطلب خيلي مهم هست و الان هم داره کار ميکنه!
.
6- سازگار با IE9 و به بالا، safari, chrome, firefox.
توجه:
*******تنها با اديت کردن قسمت CSS و نه هيچ چيز ديگري بايد درست شود.
قسمت HTML نبايد دست بخورد.*****
قابل تحویل:
این پروژه شامل 1 فایل مهم است، لطفا قبل از ارسال پیشنهاد حتما نسبت به بررسی این فایل اقدام فرمایید.
مهارت ها و تخصص های مورد نیاز
بودجه
5,000 تومان تا 100,000 تومان
مهلت برای انجام
1روز
وضعیت مناقصه
بسته
درباره کارفرما
عضویت چهارده سال پیش
