آشنایی با استاندارد های css و …

سلام

همین اول فقط میگم این کتاب رو تمام طراحان وب دانلود کنند واقعا چیزه مفیدیه بدون مقدمه هم میرم سرش . این کتاب کم حجم ولی پر محتوا شمارو با استاندارد ها و پشتیبانی های مرورگر های مختلف در رابطه با استفاده از hack ها و filter های css کاملا آشنا میکنه

یکی از موارد دیگری که توی این کتاب بهش اشاره میشه در رابطه با بهینه سازی و رفع ایراد معروف : مشکل نمایش در مرورگر های مختلف هستش که ایراد کاره خیلی ها هست !

توی این کتاب در کل در مورد عیب یابی ها در نوشتن css بالا بردن سطح گرافیک سایت با استفاده از از این امکان و بهینه سازی در مرورگر های قدیمی و جدید !

دانلود در ادامه :

طراحان وب, دیگر نگران نباشید …

سلام

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

تنها مشکلی که این سایت داره کمی ممکن هستش زمان ببره برای دیدن مثلا یک سایت در 56 مرورگر !!

آدرس سایت : http://browsershots.org

استایل برای منوهای شما …

سلام

اوووف امتحانش خوشبختانه نه زیاد سخت بود نه زیاد آسون یعنی اگه نمیخوندم … 😀 ولی خوب ما خوندیم خوب بود اومدم که تا شنبه بتروکنم 😀

یک سری استایل هلو گیرم اومد میزارم شاید به کار بیاد چون معمولا طراحا خوب خودشون استایل نویسی رو انجام میدم و طبق میل خودشون پیش میرن حالا اومدو اینطور نشد میتونید از استایل های خوب نه زیاد زشت و نه خیلی زیاد زیبا استفاده کنید 😀

• استایل Matte

• Entire menu system is small and compact
• 1 image file, 1 css file, 1 html file
• Has been tested and works in over 150 broswer/operating system combos
• It’s FREE for you to use

Download Link : http://13styles.com/code/matte/matte.zip

demo : http://13styles.com/code/matte/

* * * * * * * *

برای تنظیم شفافیت یک المنت از طریق css

سلام.

برای تنظیم شفافیت یک المنت از طریق css می تونید از کدها ی زیر کمک بگیرید:

کد:

.opac {
	opacity: 0.7;
	filter:alpha(opacity=70);
}

این کد در تمامی مرورگرهای امروزی بدرستی کار می کنه. ولی برای ورژنهای قدیمی مرورگرهایی که از موتورهای: Gecko و WebKit استفاده می کنن این کد بدرستی کار نمی کنه، برای همین شما باید از دوستوراتی که در زیر هست استفاده کنید:

گرد کردن گوشه‌ عکس ها به کمک css

HTML clipboardیکی از راه‌هایی که ظاهر سایت‌ها را خیلی زیبا میکند و باعث جذابیت آن میشود قسمت‌هایی با گوشه‌های گرد است.
ولی میتوان گفت که این کار یکی از کار‌های تقریبا دشوار میباشد، و این به دلیل تعدد مرورگر‌ها و نحوه‌ی ترجمه‌ی کد‌ها در آنها میباشد.
این کار معمولا با استفاده از تصاویر انجام میشود، ولی من در این مطلب قصد دارم که انجام این کار را با کمک CSS به شما آموزش بدهم.

در CSS سه دسته کد وجود دارد که برای گرد کردن گوشه‌های المانها میتوانیم از آنها استفاده کنیم.

دسته اول کد‌های مربوط به استاندارد CSS 3 میباشند که در حال حاضر در هیچ مرورگری بطور کامل پشتیبانی نمیشود، بنابراین فقط به معرفی این کد‌ها بسنده میکنم.
این کد‌ها بصورت زیر هستند :