X
تبلیغات
رایتل
آموزش سایه دار کردن متن نوشته - کدهای حرفه ای وبلاگ و سایت
کدهای Css3 , JavaScript, PHP و HTML
آموزش سایه دار کردن متن نوشته
پنج‌شنبه 29 اردیبهشت 1390 ساعت 20:07 | نوشته ‌شده به دست ایمان فـخــار

یکی دیگر از امکانات 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.گزینه رنگ که به ازای مقدار داده شده رنگ سایه را معین می کند

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

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

برای مشاهده نمونه ها کلیک نمایید
چاپ این مطلب: کلیک کنید

(1 لایک)
نظرات (3)
شنبه 22 بهمن 1390 ساعت 17:17
سلام دوست عزیز
من می خواستم از این کد برای پوسته ی وردپرس استفاده کنم ولی نمی دونم کجا باید قرارش بدم؟؟؟؟
اگه راهنمایی کنید ممنن می شم.
امتیاز: 0 0
پاسخ:
مسیر زیر را بروید
wp-content/ themes/ نام قالب شما / style.css
چهارشنبه 9 فروردین 1391 ساعت 20:01
سلام . مرسی . واقعا تا الان به قدرت واقعی استفاده از css ها پی نبرده بودم. خیلی عالی بود. خسته نباشی.
امتیاز: 0 0
پاسخ:
ارادتمند
چهارشنبه 6 اردیبهشت 1391 ساعت 15:10
وبلاگ شعرات کجاست من هنوزم پیداش نکردم.
امتیاز: 0 0
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
نام :
پست الکترونیک :
وب/وبلاگ :
ایمیل شما بعد از ثبت نمایش داده نخواهد شد
 
ابر برجسب
آمار
بازدیدکنندگان : 304151