بهینه سازی قالب برای مرورگرهای مختلف
|
۲۹-۵-۱۳۹۳, ۰۴:۵۹ صبح
ارسال: #1
|
|||
|
|||
بهینه سازی قالب برای مرورگرهای مختلف
با سلام و خسته نباشید
چطوری میشه یه قالبی رو که طراحی شده برای مرورگرهای مختلف بهینه کرد طوری که در همه مرورگرها به یک صورت نمایش داده بشه مثلا تکست ها جابجا نشن و مشکلاتی از این دست |
|||
صفحه 2 (<ارسال بالا اولین ارسال این موضوع است>) |
۳۱-۵-۱۳۹۳, ۰۹:۲۷ صبح
ارسال: #11
|
|||
|
|||
RE: بهینه سازی قالب برای مرورگرهای مختلف
اول از همه اینکه وقتی از کد جاوا اسکریت داخل html یا php استفاده می کنی باید از تگ <script> استفاده کنی مثلا(در xhtml) :
کد: (انتخاب همه) <script type="text/javascript"> در هر حال بهتر کدها داخل یک فایل .js خارجی ریخته بشه و در head قالب فراخوانی بشه، زمانی که کدها داخل فایل js. قرار می گیرند دیگه نیازی نیست تگ script استفاده بشه. مورد دیگه باید کتابخونه jquery برای اجرای کدخونده بشه، مشکلی که در این روش وجود داره اینه که jQuery.browser فقط تا ورژن 1.8.3 ساپورت می شه و بعد از اون حذف شده ولی در هر صورت قابل استفادست.(البته روش های دیگه رو آموزشش رو بعدا می ذارم) من کدهارو کامل قرار می دم همین جوری می تونی تو Head کپی کنی اجرا می شن، ولی بهتر در فایل های .js مجزا قرار بگیرند، البته کدهارو کمی تغییر دادم، اگه آدرس دهی فایلهای css مشکل داشت تغییرشون بده من نسبت به فایل index.php آدرس دادم. کد: (انتخاب همه) <script type="text/javascript" src="https://code.jquery.com/jquery-1.8.3.js"></script> کد: (انتخاب همه) <script type="text/javascript"> کد: (انتخاب همه) <script type="text/javascript"> |
|||
|
۳۱-۵-۱۳۹۳, ۰۵:۵۰ عصر
ارسال: #12
|
|||
|
|||
RE: بهینه سازی قالب برای مرورگرهای مختلف
ممنون از وقتی که میزارید،خیلی خیلی ممنونم ازتون
متوجه کد دومی نشدم، اونو باید کجا قرار بدم ؟ قسمت head کد: (انتخاب همه) <head> حتی لینکها رو به اینصورت هم نوشتم ولی باز جواب نداد کد: (انتخاب همه) document.write('<'+'link rel="stylesheet" href="templates/<?php echo $this->template ?>/style/style-mozila.css" />'); |
|||
۳۱-۵-۱۳۹۳, ۰۶:۲۲ عصر
ارسال: #13
|
|||
|
|||
RE: بهینه سازی قالب برای مرورگرهای مختلف
خواهش می کنم، به صورت html به همراه عکس و فایل های cssتون آمادش کردم، می تونید این html رو در مرورگرهای مختلف تست کنید و ببینید که فایل های css به درستی شناسایی می شوند.
حالا از روی همین نمونه کدهارو وارد بخش head قالبتون بکنید. کد دوم هم در واقع داره خود browser هارو تعریف می کنه و در کد بعدی دارید از اون تعریف استفاده می کنید، حتی می شه بر اساس ورژن مرورگر تعریف رو دقیق تر کرد. وقتی کدهارو وارد کردید اول با فایرباگ ببینید تمام بخش ها در head خونده شده باشه، و اینکه ارروری نداشته باشید، بعد از اون در مورد آدرس می تونید یک بار اون رو به صورت مطلق آدرس دهی کنید تا مطمئن بشید کد به درستی خونده می شه، احتمالا به صورت نسبی اینجوری آدرس دهی کنید به درستی خونده می شه: کد: (انتخاب همه) templates/your-template-name/style/style-mozila.css |