تشخيص مرورگر با ورژن موبايل سايت

[YasinDesign]

سلام

کد css قالب فیت شده را برای سیستم به اینصورت توی index.php وارد کنید

کد: (انتخاب همه)

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />

حالا کد استایل css برای موبایل و تبلت را وارد کنید

کد: (انتخاب همه)

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/phone.css" type="text/css" />

خب حالا کلیات کدنویسی توی این فایل برای موبایل و تبلت به این صورته

کد: (انتخاب همه)

@media screen and (max-width: 480px) {
مکان کدهای شما
}
@media screen and (max-width: 650px) {
مکان کدهای شما
}
@media screen and (max-width: 980px) {
مکان کدهای شما
}

توجه داشته باش که توی کدنویسی برای موبایل و تبلت اندازه ها را فقط بر اساس % باید وارد کنی
و رنگ ها را اگه با تکنولوژی RGBA وارد کنی بهتره

موفق باشید