X
تبلیغات
کالج کارآفرینی تیوان

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

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

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

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

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