اعمال چندین کلاس به یک عنصر (تگ) HTML

سلام

گاهی اوقات نیاز به اعمال چندین کلاس به یک عنصر دارید. مثلا فرض کنید که یک کلاس برای بردر (قاب؟) های کم رنگ، یک کلاس دیگر برای بک گراند (پس زمینه؟) های پر رنگ و یک کلاس دیگر برای فونت ها ایجاد کرده باشید.
برای ترکیب این کلاس ها و استفاده آنها کافیست نام آنها را در ویژگی class یک عنصر با فاصله از هم جدا کرده و بنویسید. مانند:

<p class=”cl1 cl2 cl3″>

موفق باشید

حل مشکل سایز فیلد password در IE

سلام

یکی از اشکلات IE در نمایش فیلد های password فرم ها می باشد. به تصویر زیر توجه کنید:

password field solution in IE

برای حل این مشکل کافیست تا به همه فیلد های خود (برای داشتن اندازه ی برابر) کد استایل زیر را اضافه نمائید:

style=”font-family:’arial’;”

البته arial هر مقداری می تواند باشد. مهم اعمال خصیصه font-family می باشد.(این اعمال می تواند توسط کلاس ها، تگ ها و … صورت گیرد.)

به عکس زیر توجه کنید:

password field fixed in IE

موفق باشید

توضیحات شرطی – Conditional Comments

سلام

مقدمه
گاهی اوقات در طراحی سایت، شما به مشکل مغایرت طراحی در دو مرورگر فایرفاکس و اینترنت اکسپلورر برخورد می کنید. مثلا text-align در فایرفاکس درست دیده می شود ولی اینترنت اکسپلورر آن را اشتباه نمایش می دهد. البته در صورت کد نویسی صحیح اینگونه مشکلات کمتر پیش می آید.
Conditional Comments، توضیحات شرطی خاصی می باشند که همانند یک اکستنشن در IE نسخه 5 به بالا کار می کنند. Conditional Comments به شما قابلیت تشخیص مرورگر IE و نسخه آن را می دهند.

نحوه استفاده
در زیر یک توضیح ساده که در بین کدهای x-html نوشته می شود را مشاهده می کنید:

<!-- This text will be ignored by the browser. -->

ساده ترین دستور زبان Conditional Comments مانند زیر است:

<!--[if IE]>
This text will be shown by IE/win ver. 5.0 and higher.
 <![endif]-->

(ادامه…)

واحد های CSS

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

بخش عمومی

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

رنگ ها

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

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

موفق باشید

ساخت موتور جستجوی شخصی با استفاده از 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 که در ایران کاربرد ندارد.
  • • کد خروجی آماده برای قرار دادن در وبلاگ و سایت

(ادامه…)