کدهای حرفه ای وبلاگ و سایت

کدهای Css3 , JavaScript, PHP و HTML

کدهای حرفه ای وبلاگ و سایت

کدهای Css3 , JavaScript, PHP و HTML

آموزش سایه دار کردن متن نوشته

یکی دیگر از امکانات CSS3 در استایل بندی تعریف کد سایه برای متون [Text-shadow] می باشد
این کد به ما اجازه می دهد افکتهای در خور توجهی به کلمات معمولی تایپ شده خود اضافه کنیم و در واقع کاربران را از این لحاظ از توسل به Photoshop یا رشته های پیچیده Javascriptبی نیاز می سازد
نمونه یک کد سده سایه برای متن:

< style  type=" text/css">
.text{text-shadow:1px 1px 2px #00f;color:#ff0;}
</style>

1.   اولین عدد فاصله سایه ما نسبت به محور xهاست هرچه به سمت پائین بیاییم عدد از صفر بالا می رود و هرچه بخواهیم بالا برویم از صفر کم می شود

2.عددد دوم فاصله تا محور Y هاست که به سمت راست زیاد و چپ کم می شود

3.عدد سوم قطر محوی سایه است

4.گزینه رنگ که به ازای مقدار داده شده رنگ سایه را معین می کند

در ادامه مطلب نمونه ها و کدها را ببینید

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

برای مشاهده نمونه ها کلیک نمایید
نظرات 3 + ارسال نظر
rosamond شنبه 22 بهمن 1390 ساعت 17:17

سلام دوست عزیز
من می خواستم از این کد برای پوسته ی وردپرس استفاده کنم ولی نمی دونم کجا باید قرارش بدم؟؟؟؟
اگه راهنمایی کنید ممنن می شم.

مسیر زیر را بروید
wp-content/ themes/ نام قالب شما / style.css

محسن چهارشنبه 9 فروردین 1391 ساعت 20:01

سلام . مرسی . واقعا تا الان به قدرت واقعی استفاده از css ها پی نبرده بودم. خیلی عالی بود. خسته نباشی.

ارادتمند

مجیدشاکری چهارشنبه 6 اردیبهشت 1391 ساعت 15:10 http://majidshakeri.blogfa.com

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

برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد