0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, طراحی سایت فروشگاهی , شرکت طراحی سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی

آرشیو برچسب ها

طراحی رسپانسو واکنش گرا

آموزش ساده طراحی سایت ریسپانسیو responsive واکنش گرا در تبلت و موبایل در قالب پروژه منو ریسپانسیو به طراحی سایت با قابلیت های نمایش یوزر فرندلی userfrendly سایت در گجت ها گویند برای طراحی سایت ریسپانسیو بعد از طراحی قابل درک از سه سایز وبسایت تان ابتدا در فایل هدر قالبتان دستورات ریسپانسیورا وارد کنید: آموزش طراحی سایت ریسپانسیو responsive واکنش گرا <meta name=”apple-mobile-web-app-capable” content=”yes”> <meta name = “viewport” content = “width =device-width, initial-scale = 1.0”> حالا بروی css قالب کار میکنیم. مقدار width ها را برابر صد در صد می دهیم . width:100%; در طراحی ها از منوهای بالای سایت از  آیکنی با قابلیت display با مقدار hidden  استفاده می کنیم.(چون در حالت ریسپانسیو در تبلت فقط آیکن نمایش داده می شود.) در پایان آموزش همه کد ها و فایل html قالب موجوداست حالا تعیین میکنیم که سایز گجت ما در چه ابعادی است @media only screen and (max-width:1024px;){ مقادیر دیگر سی اس اس #menu-icon { display:inline-block;}کد نمایش آیکن منو بجای منو } آموزش طراحی سایت با قابلیت ریسپانسیو responsive واکنش گرا تبلت موبایل به همن راحتی سایت رسپونسیو شد دانلود فایل آموزش  فیلم آموزش طراحی سایت واکنش گرا به زودی ….   مرورگرهای موبایل برای سازگاری با سایت‌هایی که در گذشته طراحی شده‌اند، از مفهومی به نام Viewport برای نمایش سایت‌ها استفاده می‌کنند. Viewport فضایی مجازی است که […]