آموزش طراحی سایت

آموزش طراحی ریسپانسیو صفحه ساز (بخش دوم)

طراحی سایت ریسپانسیو سازگار با موبایل

فرض کنید برای یکی از المان­ های سایت مثل بلوک متنی، سایه (Shadow) در نظر گرفته‌اید ولی در حالت موبایل تمایل به نمایش سایه برای این بلوک متنی ندارید. حالا برای انجام این کار، باید وارد سربرگ “طراحی” شده و بر روی آیکون موبایل و لپ تاپ کلیک کنید.

طراحی سایت واکنشگرا سازگار با موبایل
طراحی سایت واکنشگرا سازگار با موبایل

سپس چهار دستگاه مختلف را مشاهده می‌کنید که می‌توانید مشخص کنید در هر دستگاه، تنظیمات سایه به چه صورت باشد.

در پایان آموزش طراحی ریسپانسیو صفحه ­ساز ویژوال کامپوزر باید بگوییم چنان­چه قالب و صفحه ­سازی که سایتتان را با آن طراحی کرده ­اید، از ویژگی واکنش­گرا پشتیبانی نمی­کند. می­توانید از افزونه مداد زرد برای طراحی ریسپانسیو سایت استفاده نمایید. آموزش تغییرات CSS در سایت با افزونه مداد زرد

بازگشت به صفحه دوره آموزش طراحی سایت

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

همچنین ببینید
بستن
دکمه بازگشت به بالا