اموزش ساخت نسخه موبایل برای ات چت

رزرو تبلیغــات

تعرفه تبلیغات
logo
تعرفه تبلیغات تعرفه تبلیغات

شمـا میتوانیــد برای دریافت آخرین مطالب و آگاهی از آخریـن اخبــار گلریـز وبـــ در ایمیـــل خـود در خبــرنامـه ثـبت نـام کنــید

 

مرحله اول :

در مرحله اول ما نیاز به یک کتابخوانه داریم که سیستم عامل های گوشی رو بتونیم تشخیص بدیم .
اینکار رو ما با Mobile_Detect.php انجام میدم . این فایل در پیوست همین ارسال قرار گرفته که باید در روت هاست اپلود کنید


مرحله دوم :

با استفاده از این کتابخوانه ما میتونیم سیستم عامل کاربرمون رو تشخیص بدیم حالا کافیه با یک شرط خیلی ساده به سایتمون بگیم که اگر کاربر با موبایل وارد شد . قالب سایت مثلا index-mob.tpl.html هست
برای اینکار وارد فایل Index.class.php در پوشه class را ویرایش کنید و خط زیر را پیدا کنید

کد php:

کد:
    include_once("styles/".$_SESSION['etchat_'.$this->_prefix.'style']."/index.tpl.html");
اینو جایگذین کنید با

کد php:

کد:
include 'Mobile_Detect.php';
              $detect = new Mobile_Detect;
             if ( $detect->isMobile() ) {
             include_once("styles/".$_SESSION['etchat_'.$this->_prefix.'style']."/index-mob.tpl.html");
             }
             else 
             {
        include_once("styles/".$_SESSION['etchat_'.$this->_prefix.'style']."/index.tpl.html");
        }




 

صفحه اول اوکی شد
بریم سراغ صفحه دوم . فایل Chat.class.php را در پوشه class ویرایش کنید و خط زیر را پیدا کنید

کد php:

کد:
include_once("styles/".$_SESSION['etchat_'.$this->_prefix.'style']."/chat.tpl.html");
جایگذین کنید با

کد php:
کد:
include 'Mobile_Detect.php';
              $detect = new Mobile_Detect;
             if ( $detect->isMobile() ) {
             include_once("styles/".$_SESSION['etchat_'.$this->_prefix.'style']."/chat-mob.tpl.html");
             }
             else
             {
        include_once("styles/".$_SESSION['etchat_'.$this->_prefix.'style']."/chat.tpl.html");
        }

مرحله سوم :

حالا سیستم ما کاربران با موبایل رو تشخیص میده و به ادرس خواسته شده میفرسته . فقط دو تا کار آسون مونده و اونم ساختن دو تا فایل با نام های chat-mob.tpl.html و index-mob.tpl.html در پوشه styles/etchat_white هست و طراحی یک قالب موبایل ساده
برای اینکه سیستم عامل گوشی متوجه بشه که صفحه وب شما مخصوص موبایل طراحی شده باید این تگ در قالب موبایل شما وجود داشته باشه

کد php:

کد:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />


طراحی چت روم


بازدید : 8559 | تاریخ : جمعه 30 / 7 / 1393 ساعت : 15:31 |
نظرات
سزسز
سزسز در تاریخ 1393/8/5/s1i2n3a4 و 13:32 گفته :
sdwdwffefefef
برای دیدن نظرات بیشتر روی شماره صفحات در زیر کلیک کنید
نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: