قالب Responsive

[edavood 10]

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

من در جستجو ها به مطالب زیر رسیدم:

Artisteer 4 اولین قالب برای طراحی قالب ریسپانسیو بوده است. در این نسخه طی مسیر زیر می توان طراحی وب سایت ریسانسیو را انجام داد.

xport → Options → General

طراحی قالب در Artisteer برای استفاده پذیری در دسکتاپ، تلفن های هوشمند و تبلت ها منظور گردیده است و مرورگر خاصی را تعیین ننموده است. ریسپانسیو زمانی بیان می شود که سایز مرورگر از سایز طراحی سایت کوچکتر باشد. در قالب رسپانسیو استایل و کدهای خاص خود را دارد برای مثال responsive.style.css andresponsive.script.js که این استایل در استایل قالب اصلی دخالتی ندارد. برای فراخوانی فایل استایل و جاوای قالب ریسانسیو می بایست در فایل HTML صفحه سایت کد زیر درج شود.

<link rel="stylesheet" href="/demo/style.responsive.css" media="all" />

<script src="/demo/script.responsive.js"></script>

فایل CSS قوانین استایل را متناسب با دستگاه ها مشخص می نماید. کلاس های .responsive ، .responsive-tabletو .responsive-phone بدین منظور می باشند. استایل ریسپانسیو در قالب Artisteer برای منوهای افقی از سایز صفحه 480 px یا کمتر باشد قابل اجرا می باشد. تنظیمات زیر منو در شاخه زیر می باشد.

Menu→ Submenu → Options → Responsive Levels

اما شکل کار مشخص نیست لطفا راهنمایی بفرمائید.