بلوچ اکسپرتس » سی‌اس‌اس http://www.balochexperts.ir چرندیاتِ دو غیرحرفه‌ای... Mon, 09 Aug 2010 13:05:55 +0000 fa hourly 1 http://wordpress.org/?v=3.0 طراحی‌وب: تزریق CSS3 به اینترنت اکسپلورر ۶، ۷ و ۸ http://www.balochexperts.ir/css/ie-css3-adding-css3-properties-to-ie6-7-8/ http://www.balochexperts.ir/css/ie-css3-adding-css3-properties-to-ie6-7-8/#comments Thu, 29 Apr 2010 14:05:54 +0000 عارف http://www.balochexperts.ir/?p=571 ادامه‌ی خواندن→]]>

تزریق CSS3 به اینترنت اکسپلورر ۶، ۷ و ۸ یا می‌توانیم بگوئیم اضافه کردن چند ویژگی سی‌اس‌اس۳ به اینترنت‌اکسپلورر. این ویژگی‌های عبارتند از: border-radius، text-shadow و box-shadow…

برای این‌کار ما از اسکریپتی به‌نام IE-CSS3 استفاده می‌کنیم. این اسکریت با بازسازی عناصری که برای آرایش آن‌ها از این اسکریپت استفاده کرده‌ایم، با استفاده از «زبان نشانه‌گذاری برداری»، افکت‌های مورد نظر را ایجاد می‌کند.

برای استفاده از آن کافیست یک خط به ویژگیعنصر مورد نظر اضافه کنیم:


behavior: url(ie-css3.htc);

به نمونه‌ی زیر توجه کنید:

.box {
  background-color: #f0f0f0;
  width: 740px;
  margin: 0 auto 15px auto;
  padding: 20px 35px;
  border: 1px solid #d7d7d7;

  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  behavior: url(ie-css3.htc);
}

برای اطلاعات بیشتر به این آدرس مراجعه کنید!

- نمونه (بلوچ‌اکسپرتس)
- نمونه (سایت اصلی)
- دانلود بسته zip (بلوچ‌اکسپرتس)
- دانلود اسکریپت (سایت اصلی)

]]> http://www.balochexperts.ir/css/ie-css3-adding-css3-properties-to-ie6-7-8/feed/ 0 سی اس اس (CSS) چیست؟ http://www.balochexperts.ir/css/%d8%b3%db%8c-%d8%a7%d8%b3-%d8%a7%d8%b3-css-%da%86%db%8c%d8%b3%d8%aa%d8%9f/ http://www.balochexperts.ir/css/%d8%b3%db%8c-%d8%a7%d8%b3-%d8%a7%d8%b3-css-%da%86%db%8c%d8%b3%d8%aa%d8%9f/#comments Wed, 14 Oct 2009 20:16:14 +0000 admin http://www.balochexperts.ir/?p=3 ادامه‌ی خواندن→]]> استایل (CSS) چیست؟

- CSS مخفف کلمه Cascading Style Sheets میباشند.
- اولین ورژن استایلها در سال ۱۹۹۶ ساخته شد. که اولین ورژن آن CSS1 بود.
- دیگر وژن آن CSS2 می باشد که در سال ۱۹۹۸ ساخته شد که بیشتر برای ویرایش صفحات، نحوه نمایشها تگها و … کاربرد دارد.
- فایل استایلها با فرمت CSS ذخیره میشوند.
- جدا کردن ظاهر صفحات اعم از طرح بندی و رنگ بندی و… از محتوای صفحات مانند کد های HTML و …

انواع استایلها:
همانطوری که قبلا نوشتم استایلها بر سه نوع میباشند:
۱. Inline Style:
این نوع استایل در داخل تگهای HTML به کار گرفته میشوند، و این استایل فقط بروی همان تگ به خصوص تاثیر خواهد گذاشت و به صورت زیر نوشته خواهد شد.

<p style=”font-family: Tahoma;”>This is a paragraph
</p> 

This is a paragraph

در مثال بالا با استفاده از حالتهای مختلف در استایلها نوع فونت آنرا تغییر دادیم و همانطوری که در تعریف این نوع استایل نوشتم این استایل فقط و فقط تغییرات را بروی همین پاراگراف اعمال خواهد کرد.

۲. Embedded or Global Style:
در این نوع، استایل نوشته شده در تمامی صفحه تاثیر خواهد گذاشت، اینرا بین دو تگ (<head></head>) به صورت زیر نوشته خواهد شد.

<style type=”text/css”>
pp { color: red; text-align: left; font-size: ۸pt }
</style>

این نوع حالت از تغییرات تعریف شده بروی تمامی تگها پاراگراف اعمال خواهد شد که رنگ متن: قرمز، جهت متن: چپ، و اندازه فونت ۸ پوینت خواهد بود. توجه داشته باشید در این مثال سه حالت مختلف یک استایل را برای تگ پاراگراف تعریف کردیم که با استفاده از (;) حالتهای مختلف آن از هم جدا شدند.
اگر بخواهید این حالت نوشته شده را برای چند تگ دیگر اعمال کنید می توانید تگها را بااستفاده از کاما (,) از هم جدا کنید برای مثال:

h1, h2, h3, h4 { color: gold; font-family: sans-serif } 

h1, h2, h3, h4 { color: gold; font-family: sans-serif }

۳. Linked or External style sheet:
نوع آخر هم معروف به استایلهای خارجی هستند که به صورت لینک فایل استایل را به صفحات خود لینک میدهید. فایلهای استایل با فرمت CSS ذخیره میشوند و به صورت زیر به صفحات لینک داده میشود.

<head><link rel=”stylesheet” type=”text/css” href=”mystyle.css”> </head> 

<head><link rel="stylesheet" type="text/css" href="mystyle.css"> </head>

در این نوع از استایلها بعد از اینکه فایل استایل خود را آماده کردید آنرا با فرمت CSS ذخیره کرده و آنرا همانند بالا فایل استایل را به قالب لینک می کنیم. برای راحت بود در کار می توانید ابتدا استایلها را به صورت Internal استفاده کرده و بعد از اینکه کارتان تمام شد کدهای نوشته شده بین دو تگ (<style></style>) را در نت پد کپی کرده و آنرا با فرمت CSS دخیره کرده و سپس با استفاده از فرمول بالا آن فایل را به قالب لینک دهید.
یکی از مزیتهای این نوع استایل این میباشد که می توانید با داشتن یک فایل استایل برای چندین صفحه استفاده کنید و از دیگر مزیت های آن با این کار کدهای قالب را به چند فایل تقسیم کرده و قالب را منظم تر میشود.

{ منبع }

]]> http://www.balochexperts.ir/css/%d8%b3%db%8c-%d8%a7%d8%b3-%d8%a7%d8%b3-css-%da%86%db%8c%d8%b3%d8%aa%d8%9f/feed/ 0