رسپانسیو

[masoud_ra]

سلام دوستان.
من یه سایت طراحی کردم و دیگه الان فقط مونده طراحی رسپانسیو واسه موبایل و تبلت.
من هیچی راجبه رسپانسیو نمیدونم اینم اولین قالب طراحی شده توسط من بوده.
میشه کمکم کنید

[masoud_ra]

انجمن برنامه نویس اونوقت هیچ کسی بلد نیست!

[mehbod.rayaneh]

سلام دوستان.
من یه سایت طراحی کردم و دیگه الان فقط مونده طراحی رسپانسیو واسه موبایل و تبلت.
من هیچی راجبه رسپانسیو نمیدونم اینم اولین قالب طراحی شده توسط من بوده.
میشه کمکم کنید
درود
تا اونجایی ک یادمه نمیشه طراحی کرد بعد رسپانسیو کرد!
ینی اصولا برا تبدیل طرحای پیکسلی باید کد نویسی مجدد انجام بشه!
اصول طراحی واکنشگرا بر پایه مقدار دهی % و مدیا کوئری بنا شده است! ینی شما باید اندازه هایی ک توی صفحه دارید را ب % بدید! و با مدیا کوئری 1 سری جزئیات را تغییر بدید!
حالا اگه شما واقعا میخوای رسپانسیو باشه ک بشین مجددا بر اساس % مقدار دهی کن!
اگر میخوای همین جوری برا رفع کتی و ... قالبت تو 1 سری ریزولیشنا جواب بده، از مدیا کوئری ها استفاده کن!
در مورد مدیا کوئری جستجو کنید ، توی همین انجمن زیاد در موردش بحث شده!
پیروز باشید

انجمن برنامه نویس اونوقت هیچ کسی بلد نیست!
چرا! همه بلدن! حال ندارن جواب بدن!

[ashokri.nll]

1 ) دوست عزیز یه سرچی بزنی بعد تاپیک بدی بهتره .
2 ) اول یه دمویی چیزی بزار .
3 ) با بوت استرپ یا ... میتونی کارتو راه بندازی
4 ) یا با مدیا کوئری Css3

[masoud_ra]

درود
تا اونجایی ک یادمه نمیشه طراحی کرد بعد رسپانسیو کرد!
ینی اصولا برا تبدیل طرحای پیکسلی باید کد نویسی مجدد انجام بشه!
اصول طراحی واکنشگرا بر پایه مقدار دهی % و مدیا کوئری بنا شده است! ینی شما باید اندازه هایی ک توی صفحه دارید را ب % بدید! و با مدیا کوئری 1 سری جزئیات را تغییر بدید!
حالا اگه شما واقعا میخوای رسپانسیو باشه ک بشین مجددا بر اساس % مقدار دهی کن!
اگر میخوای همین جوری برا رفع کتی و ... قالبت تو 1 سری ریزولیشنا جواب بده، از مدیا کوئری ها استفاده کن!
در مورد مدیا کوئری جستجو کنید ، توی همین انجمن زیاد در موردش بحث شده!
پیروز باشید

چرا! همه بلدن! حال ندارن جواب بدن!

بابت حال نداشتن ایول کلی خندیدم.
سایت بر اساس % طراحی شده روی تبلت میزونه فقط موبایل مشکل داره.

[masoud_ra]

1 ) دوست عزیز یه سرچی بزنی بعد تاپیک بدی بهتره .
2 ) اول یه دمویی چیزی بزار .
3 ) با بوت استرپ یا ... میتونی کارتو راه بندازی
4 ) یا با مدیا کوئری Css3

بیا داداش این لینک (http://178.131.59.184:81/gomer/index.php/en/)
مشکل من اینجاست که اصلا بلد نیستم چجوری باید این کار رو بکنم دفعه اولمه یه سایت طراحی کردم

[omidparkour]

فکر میکنم سایتتون رسپانسیو هستش:متفکر:

[mohamad_torabi]

کار ریسپانسیو کردن کلا تجربی هست ولی مثلا اگر بخواید یاد بگیرید برید سراغ بوت استرپ

[masoud_ra]

کار ریسپانسیو کردن کلا تجربی هست ولی مثلا اگر بخواید یاد بگیرید برید سراغ بوت استرپ

الان تنها موبایل مشکل داره که دارم روش کار می کنم ایشالا که تا صبح درستش کنم.
اینجا درخواست پلاگین واسه جوملا هم داره؟

[mehbod.rayaneh]

بابت حال نداشتن ایول کلی خندیدم.
سایت بر اساس % طراحی شده روی تبلت میزونه فقط موبایل مشکل داره.
مگه خنده داره؟!
خوب شما از مدیا کوئری استفاده کن!
آخر فایل css میای میگی : آقای مرورگر ، شما ک قرار کدی ک نوشتمو بخونی! توجه کن!
اگه ریزولیشن صفحه نمایشت کوچیکتر از X شد بیا اینی ک اینجا گفتمو اجرا کن و کاری ب اونی ک اون بالا بوده نداشته باش!

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {

.mehbod {width:70%}

}

/* Landscape phones and down */

@media (max-width: 480px) {

#wraper{width:100%;}

}


و هر وقت ریزولیشن صفحه نمایشت بین X , Y بود این یکیو اجرا کن!

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
#saeed{width:20%;font-size:2em}

}


و هر وقت ریزولیشن صفحه نمایشت از Z بزرگتر شد این یکیو اجرا کن!

/* Large desktop */
@media (min-width: 1200px) {
#saeed{width:30%;font-size:3em}


}


خلاصه چیزی نداره! فقط باید چیزایی ک قرار تغییر کنه را بین اینا بنویسی! و تغییراتو اعمال کنی!
برای اطمینان از عملکرد اینا ک گفتم میتونی سایتتو توی موزیلا با حالا responsive design view ببینی و مشکلاتشو رفع کنی!
پیروز باشی

[mohamad_torabi]

مگه خنده داره؟!
خوب شما از مدیا کوئری استفاده کن!
آخر فایل css میای میگی : آقای مرورگر ، شما ک قرار کدی ک نوشتمو بخونی! توجه کن!
اگه ریزولیشن صفحه نمایشت کوچیکتر از X شد بیا اینی ک اینجا گفتمو اجرا کن و کاری ب اونی ک اون بالا بوده نداشته باش!

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {

.mehbod {width:70%}

}

/* Landscape phones and down */

@media (max-width: 480px) {

#wraper{width:100%;}

}


و هر وقت ریزولیشن صفحه نمایشت بین X , Y بود این یکیو اجرا کن!

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
#saeed{width:20%;font-size:2em}

}


و هر وقت ریزولیشن صفحه نمایشت از Z بزرگتر شد این یکیو اجرا کن!

/* Large desktop */
@media (min-width: 1200px) {
#saeed{width:30%;font-size:3em}


}


خلاصه چیزی نداره! فقط باید چیزایی ک قرار تغییر کنه را بین اینا بنویسی! و تغییراتو اعمال کنی!
برای اطمینان از عملکرد اینا ک گفتم میتونی سایتتو توی موزیلا با حالا responsive design view ببینی و مشکلاتشو رفع کنی!
پیروز باشی
سلام
من تا حالا اگر کار ریسپانسیو میخواستم از بوت استرپ استفاده میکردم از این تاحالا استفاده نکرده بودم میشه یه نمونه کاملا ساده برام بزاری ؟:لبخند:
مرسی

[mehbod.rayaneh]

سلام
من تا حالا اگر کار ریسپانسیو میخواستم از بوت استرپ استفاده میکردم از این تاحالا استفاده نکرده بودم میشه یه نمونه کاملا ساده برام بزاری ؟:لبخند:
مرسی
استفاده از بوت استرپ تو موارد خاص و پروژه های بزرگ خوبه! ولی برا سایتای کوچیک اصلا خوب نیست و باعث میشه ک شما بعد از کلی کار کردن و تجربه و تخصص الان بیای بگی مدیا کوئریو توضیح بده!!! :لبخند:
اینی ک گفتم واقعا ساده بود! چجوری ساده تر بذارم؟
ایشالله اگر وقت شد و خدا قسمت کرد و حال داشتم و هوا خوب بود و خواستم قالب رایگان بزنم، 1 آموزش طراحی قالب اینجوری میذارم با مثال! :چشمک:
اگرم کسی هست ک psd مشتی داشته باشه ک خودش طراحی کرده باشه و بخواد رایگان منتشر کنه برام بفرسته تا همراه با آموزشش بذارم! البته اگه شرایطی ک اون بالا گفتم محیا باشه! :قهقهه::قهقهه:
پیروز باشید :چشمک:

[mohamad_torabi]

استفاده از بوت استرپ تو موارد خاص و پروژه های بزرگ خوبه! ولی برا سایتای کوچیک اصلا خوب نیست و باعث میشه ک شما بعد از کلی کار کردن و تجربه و تخصص الان بیای بگی مدیا کوئریو توضیح بده!!! :لبخند:
اینی ک گفتم واقعا ساده بود! چجوری ساده تر بذارم؟
ایشالله اگر وقت شد و خدا قسمت کرد و حال داشتم و هوا خوب بود و خواستم قالب رایگان بزنم، 1 آموزش طراحی قالب اینجوری میذارم با مثال! :چشمک:
اگرم کسی هست ک psd مشتی داشته باشه ک خودش طراحی کرده باشه و بخواد رایگان منتشر کنه برام بفرسته تا همراه با آموزشش بذارم! البته اگه شرایطی ک اون بالا گفتم محیا باشه! :قهقهه::قهقهه:
پیروز باشید :چشمک:
دیگه شرایط نیست؟:قهقهه:
به هوا چیکار داری؟

[mehbod.rayaneh]

دیگه شرایط نیست؟:قهقهه:
به هوا چیکار داری؟
همچین میگه ""دیگه شرایط نیست؟"" ک هرکی ندونه فکر میکنه اینایی ک گفتم محیاس!!!!:قهقهه::قهقهه:
هوا باید خوب باشه! کلا من 1 طراح علاقمند ب محیط زیستم! :لبخند:

[masoud_ra]

مگه خنده داره؟!
خوب شما از مدیا کوئری استفاده کن!
آخر فایل css میای میگی : آقای مرورگر ، شما ک قرار کدی ک نوشتمو بخونی! توجه کن!
اگه ریزولیشن صفحه نمایشت کوچیکتر از X شد بیا اینی ک اینجا گفتمو اجرا کن و کاری ب اونی ک اون بالا بوده نداشته باش!

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {

.mehbod {width:70%}

}

/* Landscape phones and down */

@media (max-width: 480px) {

#wraper{width:100%;}

}


و هر وقت ریزولیشن صفحه نمایشت بین X , Y بود این یکیو اجرا کن!

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
#saeed{width:20%;font-size:2em}

}


و هر وقت ریزولیشن صفحه نمایشت از Z بزرگتر شد این یکیو اجرا کن!

/* Large desktop */
@media (min-width: 1200px) {
#saeed{width:30%;font-size:3em}


}


خلاصه چیزی نداره! فقط باید چیزایی ک قرار تغییر کنه را بین اینا بنویسی! و تغییراتو اعمال کنی!
برای اطمینان از عملکرد اینا ک گفتم میتونی سایتتو توی موزیلا با حالا responsive design view ببینی و مشکلاتشو رفع کنی!
پیروز باشی

اقا دمت گرم کارم راه افتاد.
من دنبال یه پلاگین واسه جوملام اینجا باید توی مدوم قسمت مطرح کنم؟
اینجا بگم اشکال داره؟

[mehbod.rayaneh]

اقا دمت گرم کارم راه افتاد.
من دنبال یه پلاگین واسه جوملام اینجا باید توی مدوم قسمت مطرح کنم؟
اینجا بگم اشکال داره؟
خدا را شاکریم ک کارتان راه افتاد!
جوملا؟ تو همین انجمن 1 تاپیک جدید بزنید و درخواستتان را مطرح بنمایید!
شاید دوستانی ک کار کرده اند بتوانند کمک بنمایند!
پیروز باشید
در پناه حق

[ali@hmadi]

اقا دمت گرم کارم راه افتاد.
من دنبال یه پلاگین واسه جوملام اینجا باید توی مدوم قسمت مطرح کنم؟
اینجا بگم اشکال داره؟

فقط یک نکته که کسی دیدم نگفت , این کد css3 هست , و مرورگر قدیمی (گوشی قدیمی) اینو ساپورت نمیکنه و اصلا به این کار رسپانسیو نمیگند و برای افرادی هست که آخر کار به یاد این جور مطالب می افتند ... گوشی هوشمند هم که نیازی به رسپانسیو نداره ... اگه کار قالبت به اتمام رسیده و بخواهید چنین کاری کنید واقعا ایول ... چون کلا باید از اول طراحی را انجام بدهید ... که به نظرم کار بیهوده ای است چون دستت کمی بسته میشه ... . مثلا در نمایش فیلم , قرار دادن فرم های سنگین و ... .

نه مشکلی نداره , ولی شاید به جوابی نرسید ... چون اینجا همه طراح هستند ... بخش php هم همه برنامه نویس , کلا سایت جوملا فارسی یک انجمن داره و وردپرس هم یک انجمن ... این مطالب اونجا سریع تر پاسخ داده میشه ... ولی ایجا هم من یا دوستان اگر بتوانیم حتما راهنمایی میکنیم :لبخند: