در صورت داشتن سوال يا بروز مشکل در سايت با ما تماس بگيريد 09304293050

اسلايد شو

جستجو

تبليغات

محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما محل تبليغات شما

موضوعات

کتابهای زبان انگلیسی
آموزش زبان انگلیسی
زبان آلمانی
آموزش آی تی
ترفند
دانلود نرم افزار
موبایل
بازی
فناوری - IT
فیلمهای آموزشی
انیمیشن-کارتون
همراه اول-ایرانسل
کتابخانه مجازی آنلاین
مقاطع تحصیلی
خدمات سایت

قالب وبلاگ

محل تبلیغات شما اینجاست

محل تبليغات شما
کانال مجازي آنلاين را دنبال کنيد : telegram.me/majazionline

آموزش CSS : لود کردن CSS های خاص در مرورگرهای خاص

http://s4.picofile.com/file/7843684408/css1.jpghttp://s4.picofile.com/file/7843684408/css1.jpg

سی اس اس به طراح وب این امکان را میدهد که نمای صفحه را در حالت های مختلف نمایش ( LCD رایانه ، پرینت، صفحه موبایل) تعیین کند. بطور مثال طراح میتواند فایل های CSS مختلفی را به صفحه لینک کند ، بطوری که اگر صفحه در مرورگر در حال دیده شدن است، صفحه یک جور و با یکسری استایل لود شود و اگر صفحه در حال نمایش در دستگاه های PDA است یکجور دیگر و اگر صفحه در حال print شدن است نیز یکجور دیگر نشان داده شود.

برای تعیین CSS صفحه در حالت عادی که همان نمایش صفحه در مرورگر است ، بصورت زیر فایل CSS را در فایل HTML خود لینک میکنیم :

 <link href="styles.css" rel="stylesheet" type="text/css" media="all" />

همانطور که شما در کد بالا تعیین کرده اید، این فایل CSS به ازای تمامی رسانه هایی که صفحه ی شما را نمایش میدهند ، لود میشود. اما اگر بخواهید به ازای هر رسانه (مانند مرورگر ، دستگاه های PDA و پرینترها) فایل های استایل متفاوتی استفاده شوند باید از کدهای زیر استفاده کنید
 
 
برای اعمال توسط کلیه مرورگرها : 
<link href="styles1.css" rel="stylesheet" type="text/css" media="screen" />
 
برای اعمال فقط توسط مرورگر کروم : 
<link href="styles1chrome.css" rel="stylesheet"  type="text/chrome" />

برای اعمال فقط توسط مرورگر سافاری: 
<link href="styles1safari.css" rel="stylesheet"  type="text/safari" />
 
برای اعمال هنگام پرینت کردن صفحه : 
<link href="styles2.css" rel="stylesheet" type="text/css" media="print" />
 
برای اعمال  هنگام باز شدن صفحه در انواع PDA : 
<link href="styles3.css" rel="stylesheet" type="text/css" media="handheld" />
 
 

 
شما میتوانید هر 5 خط فوق را زیر هم در بالای هرصفحه ی اچتمل خود بنویسید . مرورگر برای نمایش صفحه از styles1.css استفاده میکند. هنگام چاپ صفحه ، فایل styles2.css روی صفحه اعمال میشود. و هنگام بازکردن صفحه در کامپیوترهای جیبی ، فایل styles3.css صفحه را فرمت میکند.  همچنین مرورگر اگر کروم باشد از فایل styles1chrome و اگر مرورگر سافاری باشد از فایل styles1safari برای رندرکردن صفحه استفاده خواهد کرد.

کاربرد کوچکی از این موضوع : مثلا شما میتوانید class مربوط به ستون تبلیغات را در فایلهای css پرینت و css کامپیوترهای جیبی ، بصورت Display:none  تعریف کنید تا در هنگام پرینت از روی مقالات سایت شما ، تبلیغات دیگه پرینت نشه.
گردآوري و تنظيم: www.majazionline.ir
کانال مجازي آنلاين را دنبال کنيد : telegram.me/majazionline

اين مطلب را با دوستان خود به اشتراک بگذاريد

مطالب مرتبط

آموزش یک قابلیت کاربردی در برنامهnero
دانلود و آموزش برنامه BlueStacks App Player-اجرای نرم افزار های آندروید در ویندوز
آموزش کار با برنامه QuickPic
آموزش کار با نرم افزارSoun Forge
آموزش کار با نرم افزار MASH
جدیدترین آموزش کار با نرم افزار Folder Lock
آموزش تصویری نرم افزار CCleaner(بازیابی فایلهای حذف شده شما)
آموزش تصویری بازیابی فایلهای حذف شده با نرم افزارRecuvaword
آموزش کار با نرم افزار OneNote
معرفی نرم افزار بازیابیEraser
آموزش نحوه کرک کردن نرم افزارها
آموزش نرم افزارهای پولی را به صورت رایگان کرک کنید!
آموزش استفاده ازنرم افزار Internet Download Manage
آموزش رفع مشکل ارور Fake Serial دربرنامه دانلودمنیجر
آموزش تصویری نرم افزار Daemon Tools Lite
TopStyle 5.0.0.88 نرم افزار ساخت CSS
آموزش کاربردی CSS
دانلود کتاب آموزش اتوکد R14
دانلود کتاب آموزش مقدماتی نرم افزار اتوکد دو بعدی
دانلود کتاب آموزش اتوکد 3بعدی

صفحات سايت

تعداد صفحات : [Blog_Page_Count]
[Blog_Page]

آخرين مطالب ارسالي

-براي پاسخ سريع لطفا با شماره 09304293050 تماس بگيريد


نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
قوانين بخش نظرات
1 - نظرات اسپم و تبليغاتي تاييد نخواهد شد.
2 - فقط نظراتي که جنبه عمومي داشته باشند تاييد و منتشر مي شوند.
3 - نظرات فينگليش تاييد نخواهند شد.
4 - هرگونه درخواست و يا حل مشکلات فقط در انجمن امکان پذير است.
5 - لطفا انتقادات و پيشنهادات و همچنين درخواست هاي خود را از بخش هاي تماس با ما و درخواستي ها ارسال نماييد.

تبليغات

محل تبليغات شما

اطلاعات کاربري

نام کاربری :
رمز عبور :

مطالب پربازديد

مطالب تصادفي

محل تبليغات شما
محل تبليغات شما
محل تبليغات شما
محل تبليغات شما
محل تبليغات شما
محل تبليغات شما

مجوزهاي سايت

logo-samandehi

آمار سايت

کل مطالب : 7340
کل نظرات : 1207
افراد آنلاين : 46
تعداد اعضا : 7429
بازديد کل سايت : 14,729,523

چت باکس

[My_Chat_Box]