amirali0001

سایه دار کردن متن ها یه کمک css

آغاز شده توسط: amirali0001,

11 پست در این موضوع

ارسال شده در

من این آموزش و چند دفع است توی سایت زیادی دیدم ولی نتونستم عمیلیش کنم .

خب اگه شد به منم یاد بدید

یکی از ابزارهای مربوط به css3 ایجاد سایه برای متن است.

شما برای ایجاد سایه برای متون خود میتوانید از کد زیر استفاده کنید:

1..text-shadow{text-shadow:1px 1px 1px #000;

در مورد این کد مقدار 1px اول مربوط به مایل بودن سایه در متن است.یعنی هر چه این عدد بیشتر شود مایل بودن سایه در متن نیز بیشتر میشود

مفدار 1px دوم نیز مربوط به کشیدگی سایه در زیر متن است.یعتی وقتی مقدار این عدد را افزایش دهید طول سایه در زیر متن بیشتر می شود و سایه بزرگتر می شود.

مقدار 1px سوم نیز مربوط به حالت پخش سایه یا همان محو شدگی سایه است.این مقدار تعیین میکند که سایه شما چه مقدار حالت محو و پخش شدگی داشته باشد.

خوب میرسیم در مورد سایه مربوط به تصاویر و اشیاء، برای ایجاد سایه از این کد استفاده کنید:

1..box-shadow{
2.-moz-box-shadow: 0 0 3px #B3B3B3;;
3.-webkit-box-shadow: 0 0 3px #B3B3B3;
4.box-shadow: 0 0 3px #B3B3B3;

کد moz مخصوص ایجاد سایه در مرورگر firefox است و کد webkit مخصوص ایجاد سایه در مرورگرهای chrome,safari است و کد آخر هم مخصوص به IE9 و تمام مرورگرهایی که css3 را ساپورت میکنند.

در مورد اعداد این کد،این کد هم شبیه به همان کد مربوط به ایجاد سایه برای متن هست.

Share this post

Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

ارسال شده در

با سلام

من این و توی بخش bady و حتی منوی سی اس اس قالب سایتم وارد کردم اما تغییری ندیدم مشکلی داره یا مشکل از منه ؟؟؟

Share this post

Link to post
Share on other sites

ارسال شده در

الان به کجا می خوایی اعمال کنی که نمیشه؟ :37:

مثلا به body

<body style="text-shadow:1px 1px 1px #000">

ولی خوب جالب نیست به کل body اعمال بشه

Share this post

Link to post
Share on other sites

ارسال شده در

برای منو می خوام این کار و بکنم می خوام اندازه عنوان ماژول و متنم کوچیک کنم مگه این کارم با تغییر اندازه فونت سایز منو توی سی اس اس انجام نمیشه من هر کاری با سی اس اس ها میکنم هیچ تغییری نمیبینم......

Share this post

Link to post
Share on other sites

ارسال شده در

باید از فایل template rtl استفاده میکردم نه template

ممنـــــــــــــــــــــــــــــــــــــــــــــــون حل شد.

Share this post

Link to post
Share on other sites

ارسال شده در

ببخشید چه جوری میشه از این کد ها داخل محتوا استفاده کرد

یعنی فرضا من یک مطلب مینویسم بعد قسمتهایی از متن رو سایه دار کنم

ایا پلاگینی هم وجود داره برای اینکار ؟

Share this post

Link to post
Share on other sites

ارسال شده در

یک پلاگین دیدم برای اینکار که قسمتی از متن رو سایه دار کنه ولی تست نکردم

دستور عمل استفاده به شکل زیر هست:


{shadowboxwtw2   width=220px,italic=normal,bold=bold,float=right,textpadding=5px,echo=yes,shadowcolor=#bbbbbb,textcolor=inherit,align=left,sbmargin=2px   4px,sbbackgrndcol=#ffffff,sbbordercolor=1px solid   #555555,shadowrightwidth=-5px,shadowbotomwidth=-5px,shadowbordercolor=1px   solid #ddd}this is where you add your text in the article to appear in   the shadowbox{/shadowboxwtw2}

این هم راهنمای کدهاش:



width=300px, will set the width of the shadow box.

italic=normal, no italic style shadowbox text.
italic=italic, will style the shadow box text.
float=right, or float=left, will float the shadow box withinin its html container.
echo=yes will repeat the chosen text in the shadow box and leave it in the normal text as well.
echo=no, will only use the chosen text in the shadowbox and remove it from the normal text.
shadowcolor=#000000, will make the shadowbox shadow color #000000 (black)
textcolor=inherit, will use the text color set out in your template.
textcolor=#000000, will set the shadowbox text color to #000000 (black)
align=left, will align the text in the box to the left.
align=left, will align the text in the box to the right.
align=center, will align the text in the box to the center.

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

در ضمن برای جوملا 1.5 هست

Share this post

Link to post
Share on other sites

ارسال شده در

فکر کنم برای نسخه های قدیمی تر از 1.5 باشه و باید وارث رو فعال کنید.

من نتونستم ازش استفاده کنم

البته این ارورم داد داخل مامبوت

XML Parsing Error at 57:282. Error 68: XML_ERR_NAME_REQUIRED

XML Parsing Error at 57:282. Error 68: XML_ERR_NAME_REQUIRED

اینم دموش:65d6a5d6s: .......

http://amir-t.gozarweb.com/component/content/article/4.html

Share this post

Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


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