بهمن ۰۸ ۱۳۸۵

واحد های CSS

۰ نظردارد

سلام
CSS دارای واحد هایی جهت استفاده است که گاه باعث سردرگمی افراد می شود. این واحد ها که تعداد آنها ۱۲ عدد می باشد، در دو بخش عمومی و رنگ ها تقسیم بندی می شوند.

بخش عمومی

واحد توضیحات
% درصد
in اینچ
cm سانتی متر
mm میلی متر
em 1em برابر با سایر فونت فعلی می باشد. ۲em برابر با ۲ برابر سایز فونت فعلی می باشد.. مثلا اگر سایز فونت فعلی ۱۲pt باشد، آنگاه ۲em به معنی ۲۴pt است. em یکی اتز کاربردیترین واحدد های css می باشد که برای سادگی در دادن اندازه های نسبی به کار می رود.
ex ex به معنی x-height است. x-height همان ارتفاع فعلی کاراکتر x است.
pt پوینت (point). (یک pt برابر با ۱/۷۲ اینچ است)
pc پیکا (pica). (یک pc بابر با ۱۲pt است)
px پیکسل (pixels). (کوچکترین نقطه در مونیتور)

رنگ ها

واحد توضیحات
نام رنگ نام یک رنگ. مانند red که همان قرمز است. به نکته زیر جدول توجه نمایید.
rgb(x,x,x) مقدار RGB (مانند rgb(255,0,0))
rgb(x%, x%, x%) مقدار RGB بر حسب درصد (مانند rgb(100%,0%,0%))
#rrggbb عددی بر مبنای ۱۶ (مانند #ff0000)

نکته
۱۶ رنگ RGB مهم در ویندوز عبارتند از:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow

موفق باشید

  • Share/Bookmark
بخش: سی اس اس (css)
بهمن ۰۵ ۱۳۸۵

ساخت موتور جستجوی شخصی با استفاده از Google Co-op

۴ نظردارد

سلام

امروز کمی به کنجکاوی در Google پرداختم و به Google Co-op رسیدم. این قسمت قبلا وجود داشت ولی هم اکنو تغییر کرده و بسیار ساده تر شده است. Google Coop قسمت های مختلفی دارد که در این پست فقط به بررسی قسمت Create your own search engine می پردازم.
Google Co-op چیست ؟Google Co-op
Google Co-op یکی از امکانات گوگل می باشد که به شما اجازه ساخت موتور های جستجوی شخصی می دهد. از ویژگی های خاص این موتور های جستجو می توان به موارد زیر اشاره نمود:

  • • اجازه استفاده اشخاص خاص با مجوز (دعوت نامه). که البته می توان این گزینه را غیر فعال نمود.
  • • لوگوی خاص و ویژه
  • • جستجوی در سایت های خاص که بوسیله شخص شما تنظیم می شود. قابل تنظیم بر روی جستجو در تمامی سایت ها ولی با اولویت بیشتر به سایت های مشخص شده توسط شما
  • • مدیریت قوی موتور جستجو
  • • پیشنهاد دادن جستجوی کلمات خاص به کاربر. مثلاً زمانی که کاربر عبارت “ریاضی” را جستجو می کند، شما کلماتی نظیر “ریاضیات”، “حسابان”، “حساب” و … به کار بر پیشنهاد می دهید.
  • • قابلیت تغییر قالب جستجو نظیر رنگ نتایج جستو و …
  • • Make Money که در ایران کاربرد ندارد.
  • • کد خروجی آماده برای قرار دادن در وبلاگ و سایت

(more…)

  • Share/Bookmark
بخش: برنامه نویسی وب
برچسب: ,
بهمن ۰۲ ۱۳۸۵

first letter در CSS

۰ نظردارد

سلام
مطلب امروز در عین کاربردی بودن در کمتر جایی معرفی شده است. امیدوارم که مفید باشد.

:first-letter
:first-letter یک عنصر غیر واقعی می باشد که در جهت اعمال یک یا چند استایل CSS بر روی اولین حرف(کاراکتر) یک متن مورد استفاده قرار می گیرد.
کد:

div.BigFirst:first-letter {
color: #ff0000;
}

خروجی:

رنگ اولین حرف این پاراگرف قرمز است.

:first-letter بر روی Microsoft® Internet Explorer 5.5(یا جدیدتر) و Firefox پشتیبانی می شود.
اطلاعات بیشتر (more)

موفق باشید

  • Share/Bookmark
بخش: سی اس اس (css)
بهمن ۰۱ ۱۳۸۵

کاربرد اعلان important در CSS

۰ نظردارد

سلام

گاهی اوقات در بعضی از دستورات CSS با عبارت !important مواجه شده اید. در مورد کاربرد آن چه می دانید؟
به کد استایل زیر توجه کنید:

p {
background-color:#fff ;
color:#000 ! important;
}

p {
background-color:#9cf ;
color:#f00;
}

!important باعث می شود که کد کنار آن بیشترین اولیت را داشته باشد. در کد بالا با وجود اینکه color:#f00 بعد از color:#000 آمده است و در حالت عادی اولویت بیشتری دارد، به دلیل وجود !important کنار color:#000، اولیت نهایی با رنگ ۰۰۰ است.
کد بالا بعد از اولویت بندی به صورت زیر در می آید:

p {
background-color:#9cf ;
color:#000 !important;
}

اطلاعات بیشتر(more)
موفق باشید

  • Share/Bookmark
بخش: سی اس اس (css)
دی ۲۷ ۱۳۸۵

Google AJAX Search API، یک موتور جستجو در وبلاگ شما

۵ نظردارد

سلام و باز هم گوگل
Google AJAX Search API، یک موتور جستجو برای وبلاگ شما
امروز قسمت جدیدی با عنوان Google AJAX Search API را در گوگل پیدا کردم. این قسمت به شما API یک موتور جستو که با تکنولوژی Ajax ساخته شده است را جهت قرار دادن در وبلاگ یا وب سایت ارائه می دهد.
این موتور جستجوی کوچک قابلیت جستجو در Local ، Web ، Video و Blog را داراست. نمونه این موتور جستجو در سمت چپ cheshmak.net قابل مشاهده می باشد.

مراحل ایجاد و بکارگیری Google AJAX Search API
1- به آدرس http://code.google.com/apis/ajaxsearch/signup.html مراجعه نمایید.
۲- I have read and agree with the terms and conditions را تیک بزنید و در قسمت My web site URL: آدرس سایت یا وبلاگ خود را وارد نمائید. سپس بر روی Generate API Key کلیک کنید.
۳- نمونه کد Google AJAX Search API در قسمت Here is an example web page to get you started: قابل مشاهده می باشد.
تمام شد!

چند نکته و توضیح
(more…)

  • Share/Bookmark
بخش: برنامه نویسی وب
برچسب: ,
1 2 3 4 5 ... 7