قالب جوملایی*واکنشی*

[joom 11]

سلام

آقا این قالب واکنشی گرا یعنی چی؟

چطوری میشه یه قالب رو واکنش گرا کرد؟

ممنون میشم کمک کنید

[mmfallah 67]

قالب واكنش گرا يا ريسپانسيو به قالب هايي گفته كه قالب را در اندازه هاي مختف بسته به همون اندازه نشون مي ده و مثلا توي تبلت ها و توي موبايل ها هم به اندازه همون صفحه نشون ميده

[joom 11]

ممنون که جواب دادید*تشکر*

چطوری میشه به قالب هامون چنین خاصیتی رو دادی؟

دستور خاصی داره؟

ممنون میشم بازم کمکم کنید

[mmfallah 67]

ممنون که جواب دادید*تشکر*

چطوری میشه به قالب هامون چنین خاصیتی رو دادی؟

دستور خاصی داره؟

ممنون میشم بازم کمکم کنید

http://joomlaforum.ir/showthread.php/8616-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%B1%DB%8C%D8%B3%D9%BE%D8%A7%D9%86%D8%B3%DB%8C%D9%88-%28%D9%88%D8%A7%D9%83%D9%86%D8%B4-%DA%AF%D8%B1%D8%A7%29?p=51204#post51204

[joom 11]

ممنون از مقاله مفید شما...

این تعرین واکنشی بود.!

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

ممنون میشم مثل همیشه کمکم کنید

[mmfallah 67]

هنوز در اين زمينه مقاله فارسي اي پيدا نكردم ولي انگليسي هست.

10 قالب رايگان براي جوملا با قابليت واكنش گرايي

http://www.hongkiat.com/blog/free-joomla-responsive-themes/

[blazhel 16]

اگه می خواهی یاد بگیری بهم پیام خصوصی بده بهت اموزش بدم

[mohammad2232 16]

دوست عزیز ورژن جدید آرتیستر هم با این خصوصیات قالب درست میکنه موفق باشید

[joom 11]

دانلود کردم ولی باز چیزی نفهمیدم....

ممنون میشم دوستان در این مورد کمک کنند

[joom 11]

دانلود کردم ولی باز چیزی نفهمیدم....

ممنون میشم دوستان در این مورد کمک کنند

[mohsen farahani 13]

با استفاده از css3 و html5 خیلی سادس من چند تا راه میگم هرکدوم رو دوست داشتین برین.

شما کافیه بوسیله css3 از کد زیر استفاده کنید:

@media screen and (max-width: 480px) {
width:?%;
}

یعنی شما کافیه چند سایز استاندارد رو در بیارین (تو اینجا سایز مانیتور 480 فرض شده) بعد برا هرکدوم عرض مورد نیاز رو بدین

این که خیلی سادس

برای عکسها هم میتونین

max-width: 100%;

بدین دیگه یه کمم هوش و پشتکار خودتونو اضافه کنید با همین تفکر دیگه مشکلی ایشالا پیش نیاد البته بعضی از مرورگرا هم html5 و css3 رو ساپورت نمیکنن که راه حلاش با سرچ دستتون میاد

راههای دیگه هم اینه که از کد های php یا جاوا استفاده کنین و فرمان بدین چنانچه با مانیتوری با عرض فلان اومد بره از فایل css مربوطه بخونه یعنی مثلا یه فایل اصلی برا سایز استاندارد دارین بنام style.cssو یه کی هم درست کنین برا سایز مثلا 480 بنام style_min.css

یاعلی

[joom 11]

مهندس جان ممنون از آموزشتون...

ولی الان من سایت جومینا رو نگاه کردم کلا دوتا فایل سی اس اس داشته!

بعد اینکه چچوری نیشه فهمید مثلا مانیتور سونی اریکسون عرضش چقدر هست!

الان هزار مدل گوشی داریم یعنی برای هر یه دونه باید یه سایز بدیم؟

اونموقع که دستورات ما زیاد میشه!!

من مبتدی هستم میشه کمی واضح تر بیان کنید؟

ممنون

[mohsen farahani 13]

مهندس جان ممنون از آموزشتون...

ولی الان من سایت جومینا رو نگاه کردم کلا دوتا فایل سی اس اس داشته!

بعد اینکه چچوری نیشه فهمید مثلا مانیتور سونی اریکسون عرضش چقدر هست!

الان هزار مدل گوشی داریم یعنی برای هر یه دونه باید یه سایز بدیم؟

اونموقع که دستورات ما زیاد میشه!!

من مبتدی هستم میشه کمی واضح تر بیان کنید؟

ممنون

من یکی از راهها رو گفتم میشه برا هر سایزی اون راه اول میشه کلا تو یه فایل css باشه

در ضمن شما باید برا هر وسیله ای یک فرض سایز داشته باشید یعنی سایز استاندارد برای مانیتورا 1024 باشه شما مثلا اگر عرض قالب رو 70% بذاری دیگه برا سایزای بزرگتر از اون دیگه نمیخواد چون همین خوبه یعنی برا مانیتور 42 اینچ نباید 42 اینچی طراحی کنیم

برای سایز گوشی هم معمولا480 میذارن و اگه اشتباه نکنم یه 640 هم برا تبلت و همین دیگه . ولی در کل اگه بخواین خیلی دیگه قالبتون حرفه ای باشه مثلا کله اجزا با هر تغییر حالتی شناور بشن و امکان خودشون بصورت زیبا تغییر بدن دیگه اون بحثش مفصله . در ضمن شما از فریم ورکهای طراحی قالب هم میتونین استفاده کنین . همچنین یه سری پلاگین های php هم آماده هستن

[joom 11]

این کد الان یعنی چی؟

@media screen and (max-width: 480px) {
width:?%;
}

میشه کمی بیشتر توضیح بدید؟

[mohsen farahani 13]

این کد الان یعنی چی؟

@media screen and (max-width: 480px) {
width:?%;
}

میشه کمی بیشتر توضیح بدید؟

در واقع ایجاد یک شرط تو سی اس اس هست

که میگه اگه مانیتورم 480 پیکسل بود مثلا عرض بادی من رو 30% کن . بنابرین این شرط رو برا سایزهای دیگه هم میتونین بذارین.

[joom 11]

خوب یه سوال؟؟؟؟؟؟

من چطوری میتونم بگم که مثلا اگر کاربر با مانیتور 480 امدی منوی راست من تیترش بشه مثلا انداش 30*50 پیکسل این کار چطوری امکان پذیر هست؟

اصلا باید پیکسلی داد یا درصدی؟

[blazhel 16]

خوب یه سوال؟؟؟؟؟؟

من چطوری میتونم بگم که مثلا اگر کاربر با مانیتور 480 امدی منوی راست من تیترش بشه مثلا انداش 30*50 پیکسل این کار چطوری امکان پذیر هست؟

اصلا باید پیکسلی داد یا درصدی؟

خب از این عبارت مدیا استفاده می کنی

@media screen and (max-width: 480px) {
}  

بعد داخل این عبار هر چی دایو داری دوباره سایز واندازه بده

این کار موجب می شه وقتی مانیتور تو این سایز بود کد های داخل اون اجرا بشن وسایت شما به این سایز هایی که به دایو ها دادین در بیاد

[mohsen farahani 13]

بله دقیقا باید کاری رو کنید که دوستمون گفتن و درمورد اینکه اندازه ها با چی باشن بهتره از درصد استفاده بشه تا سازگار با مانیتورها بشه در ضمن توجه کنید وقتی از مدیا استفاده میکنید بعضی از مرورگرها نمیخونه اینم باید سازگار کنید